HTML/CSS | FlipClap

Font Awesome 4.xのアイコンのclass名を確認するときのページ

Webサイト制作でよく利用するFont Awesomeですが、先日にバージョン5がリリースされました… [続きを読む]

CSS3のnth-child()の「nth」は何の意味?

CSS3で定義された擬似クラスの「:nth-child()」があります。 nth-child()は、… [続きを読む]

Font Awesomeアイコンをinputのplaceholderで使う方法

Font Awesomeは便利ですよね。個人的にはデザインの観点よりも、ダウンロードフレンドリーな観… [続きを読む]

レスポンシブでテキスト画像とデバイスフォントを簡単に切り替える方法

レスポンシブデザインでコーディングをしていると、デザインによってはPCの時はテキスト画像、スマホの時… [続きを読む]

ブレークポイントで、CSSの「プロパティ」と「値」を切り替えるmixinの作り方

レスポンシブサイトを作っているときに、スマホとPC閲覧時でCSSでプロパティの値を切り分ける必要があ… [続きを読む]

LESS.jsをchromeのローカルでも使用する方法。と、その為のアプリ作った!

CSSのコーディングをスピードアップする方法で、LESSやSassのようなCSS拡張メタ言語がありま… [続きを読む]

cssだけで画像のロールオーバーを実現する [IE6対応]

HTMLコーディングで、ボタン画像のロールオーバーを作っていると色々と面倒くさいのです。そんな時に、… [続きを読む]