「HTML,CSS」 一覧

HTML,CSS

【HTML】a要素(aタグ)で電話発信用リンクを設定する方法

a要素の href 属性に電話番号を設定するだけでスマートフォンで電話発信用のリンクを作成することが可能です。その方法を備忘録としてポストします。

jQuery

【JS】スマホ用のハンバーガーメニューをjQueryとCSSで作成する方法

スマホ画面用のローバルメニューを、ハンバーガーメニューボタンをタップ(クリック)したら表示し、再度タップすることでメニューを隠すといった風にできないかと相談されたので、作ってみました。

Font Awesomeのアイコン(WEBフォント)をフォームのボタンに使用する方法

WEBアイコンフォントで有名な「font-awesome」のアイコンを、をフォー ...

WEBアイコンフォントの font-awesome を背景として指定する方法

2016/11/29   -HTML,CSS
 , ,

WEBアイコンフォントで有名な「font-awesome」のアイコンをh1などの標題で使う際、各ページの標題に埋めるのもメンテナンスが大変なので背景に出来ないかと思ったので、その方法を備忘録としてポストします。

HTML5 videoタグで背景に動画を使ったページを作る方法

2016/11/25   -HTML,CSS
 , , , ,

背景に動画を使うサイトをよく見受けられるようになってきました。 どうやって作って ...

【css】リスト(UL/LI) を横並べにする「flexbox」の書き方

リストや定義リストなどを横並べに配置する「flexbox」の書き方メモ。 以前書 ...

CSSで画像を円形に切り抜く方法

CSSで画像を丸く切り抜く方法を備忘録としてポストします。

SVGファイルをIllustratorで簡単に作成し、HTML5で表示する方法

最近、ロゴに「.svg」となったファイルを使うサイトが増えていているような気がします。
.svgとはなんなのかよく知らなかったので調査し、実際にブラウザで表示させることが出来るようになったので、備忘録としてポストしてみたいと思います。

【CSS】擬似要素を使って選択済みラジオボタンの背景色を変更する方法

以前ラジオボタンの背景色を制御するスクリプトをjQueryで作成したのですが、ラジオボタンを大量に設置するとブラウザが反応しないという事態に陥ったので、CSSの疑似要素を使って制御する方法を紹介します。

【CSS】「white-space:nowrap」で、タグクラウドを改行させずに表示させる

2015/08/24   -HTML,CSS
 , , , , ,

以前から、タグクラウドの表示で一文が改行させるのが非常に気になっていましたが、何の事はない、 対象のaタグに対して white-space:nowrap を指定するだけですっきりさせることが出来ましたので、備忘録としてポストします。

HTML,CSS

【CSS】一番単純でスッキリしているtable装飾用のCSS

2015/06/06   -HTML,CSS
 , ,

タイトル通り、一番単純でスッキリしているテーブルのスタイル指定。
自分へのコピペ用としてポストします。

HTML,CSS

【CSS】縦幅サイズがわからない要素の縦中央にテキストを配置する方法

heightがわからないボックスの中にテキストを縦方向中央に配置する方法を備忘録としてポストします。

HTML,CSS

【CSS】backgroundプロパティのまとめ

CSSの背景関係を指定するプロパティですが、一括指定の方法をよく忘れるので、一度、backgroundプロパティに整理してみます。

HTML,CSS

【CSS】リストの奇数・偶数・指定番目などを指定して装飾する方法

リストの奇数・偶数・指定番目などを指定して装飾する方法を備忘録としてポストします。

HTML,CSS

【CSS】スクロールしても画像を固定表示させる方法

画像を任意の場所に固定配置し、スクロールしてもその場に表示させる方法2種類を備忘録としてポストします。

HTML,CSS

【CSS】CSS3でグラデーションを作るメモ

CSS3でグラデーションを作る際、コピペですぐ出来るよう、忘備録としてポストします。

Bootstrapで画像をレスポンシブ対応した際にセンタリングさせる方法。

Bootstrap使用時、「img-responsive」プロパティで画像をレスポンシブ対応させた場合に左寄せとなりますが、それを中央寄せ(センタリング)させる方法を忘備録としてポストします。

Bootstrap使用時にplaceholder属性の文字色を変更する方法。

Bootstrap使用時、HTML5の placeholder 属性の文字色を変更したい場合の方法を忘備録としてポストします。

CSSのフレームワーク「Bootstrap」を使ってメールフォムを作成してみる。

CSSのフレームワークである「Bootstrap」を使って既存のメールフォームをリニューアルしたので、その使い方などを忘備録としてポストします。

HTML,CSS

ログイン画面デザイン100選

ちょっとでもテンションが上がるようなログイン画面にしてみたい、ってことでググりましたところ、海外のサイト(しかも2009年)の記事ですが、ログインのデザイン画面のみを集めたサイトを見つけました。