[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
Recent Posts
Information
長らく皆様にご利用頂いておりました、PCとDTMのレッスンですが、コロナ禍における緊急事態宣言の休業要請を受けて2020年4月8日をもちまして、一旦休業させて頂く事になりました。環境がご用意出来る方には今後オンラインでのレッスンも考えておりますので、今しばらくお待ちくださいます様、よろしくお願いいたします。今までご利用頂きましてありがとうございました。>>詳細はこちら