[CSS]font-awesomeが四角になって表示されない時のチェックリスト
最近はよーく使わせてもらっておりますfont-awesome。 https://fontawesome.com/...
続きを読む![[CSS]font-awesomeが四角になって表示されない時のチェックリスト](https://blog.g-fellows.com/wp-content/uploads/main.gif)
カテゴリー: CSS
iframe要素をアスペクト比を保持したままレスポンシブ化する方法
iframe要素といえばちょいと昔(XHTML1.1とか）では非推奨となってましたが HTML5になるとWebアプリとしての期待からか復活しよりまして(笑)...
続きを読む
[CSS]ol,liの番号リストにカッコを付ける方法
たまーに約款とかをサイトに載せてって時に原稿をもらうと (1)ほにゃらら～～～～ (2)なんちゃら～～～～ みたいなやつに遭遇する時があります。...
続きを読む
日本語Webフォント「Noto Sans Japanese」を使ってみた
Webフォントという物はだいぶ前から聞いてたのですが 所詮、英語圏の物だろ・・・・としか思ってませんでした。 実際、Wordpressの海外テーマなんぞはここ最近の物では管理画面から...
続きを読む
z-indexをいじりまくってたらリンクがクリック出来なくなった
普段あんまり使う事のないz-indexなのですが、 もらったデザインを適用させるために使わなければならない事態となりました。 そして、それは見事にうまくいって一安心だったのだけども...
続きを読む
CSSのみでFacebookのLike Boxをレスポンシブ対応にする方法
Facebookのプラグインである「Like Box」はWebサイトとFacebookページを 両方運用している所にとってはかなり使う頻度の高いものですけど...
続きを読む
めくるめくCSS3のアニメーションの世界
WindowsXPとIE6のサポートが終わりを告げ、我々の様な制作者も あの悪夢のような日々から解放されるのか、という想いが少し流れる昨今。...
続きを読む
ひな形再考その2 – フォント周りをどうするのか
制作時のひな形の再考をしようという試みは未だに終わりが見えず 最近のトレンドを追うのが必死で検証すら出来ておりませんが 色々となるほど、と思った事をここにとりあえずまとめてみる。...
続きを読む
レスポンシブデザイン対応フレームワーク「Layers CSS」
ポツポツとレスポンシブの案件もあるものの、イチから組むのはめんどくせえし 「あれ、これどのサイズまでで組んだっけｗｗ」と気を抜けば、一気にアホまっしぐらという...
続きを読む
横並びのリスト（ボックス）の両端をきっちりと揃える方法
商品一覧のサムネイル、そして簡単な説明文なんかを並べる時に liタグを使ってフロートさせるのは毎度よくある話でして。 大抵、その場合にはボックスの右側に10pxとかのマージンを設定するのだけど...
続きを読む
リセットCSSなど制作時のひな形を考えなおそうという試み
ぼつぼつと、いや今更ながらですがレスポンシブWebデザインの案件なども 受注するようになってきておりまして、IE6の亡霊ともそろそろ決別できるかな、と 思いつつある昨今ではございますが、今月中には...
続きを読む
Retinaディスプレイに対応させたCSS Sprite
コリスさんにおもしろい記事が載っていました。 Appleの最新機種に搭載されているRetinaディスプレイに対応させる為のCSS Spriteです。...
続きを読む
