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