CSS

CSSの優先度について…

CSSでは、ある特定の要素のセレクタに複数のスタイル指定ができますが、同じセレクタに別々の指定がされた場合は「個別性」の高いスタイルが優先して適用されます。 (adsbygoogle = window...
CSS

CSSで長い文章を段組みで見せるcolumnプロパティの使い方

文書を読んでもらいたいマガジン系のサイトなどで、長文を1ページ内で表示したい場合、いくつかのボックスに分けて段組みレイアウトにするなどして、視覚的に読みやすい配慮が必要になってきます。その際に、複数の...
SERVICE

フォント選びを手助けしてくれるサービス2選!

制作上どのフォントを使おうか手当たり次第上からプレビューしていくことがありますが、大量のフォントをPC内に入れている場合、結構大変な作業でタイムロスにもなってしまいます。そんな時に手助けをしてくれるフ...
CSS

cssにおけるidやclassを命名するとき気を付けること…

Webサイト構築の際、それぞれの要素にidやclass名を付けて作成していきますが、汎用性の高いid名やclass名を要素ごとにわかりやすくリスト化しておくと毎度名前を考えたり煩雑にならずに構築してい...
CSS

marginの相殺について…

ある決まった条件において、隣接する要素同士の垂直方向のmarginが結合されてしまうことを「marginの相殺」と呼ばれています。どのような状況において相殺されてしまうのかを確認しておきましょう。 通...
DESIGN

幾何学模様と映像で表現する格好いいモーショングラフィックス4選

ひょんなことから、モーショングラフィックスまがいの仕事依頼を頂き、単純な幾何学模様を使った映像を作る機会がありました。参考に色々な映像を見て回りましたが、その際に格好いいなぁ~と思ったものがいくつかあ...
SERVICE

IEの表示確認に「SuperPreview」

サイト制作において、様々なブラウザで正しく表示されるように気をつけなくてはいけませんが、なかでもIEの各バージョン対応はやはり厄介なものですね。そこでIEの各バージョンでどのように表示されるかをテスト...
CSS

CSSのみで星の輝く夜空を背景にする方法

サイトの背景を星の輝く夜空のようなイメージにしたい場合、今までは星が点滅するようなGIF画像などを背景に繰り返し配置などをして表現することがありましたが、より自然な星空を css のみで表現可能になり...
HTML

コンディショナルコメントの指定方法について…

IEのブラウザチェックで古いバージョンに対し条件付きのコメントに用いる「コンディショナルコメント」というものがあります。これは「特定のバージョンのIEに対し○○を適用する」という指定の際に利用します。...
CSS

リストやテーブルなどで擬似クラス:nth-child(n)を使って一定の規則に従い背景色などを変える

リストやテーブルのセルの可視性を良くするために、li,tr,th,tdなどの背景色を交互に変える手法がありますが、CSSの擬似クラスである「:nth-child(n)」を利用してそれを実現することがで...
CSS

検索フォームをCSSでカスタマイズする

サイト内検索フォームなどを実装する際に、画像ボタンを配置したり、アイコンを添えてシンプルに見せたりとCSSでちょっとしたデザイン変更をする方法をメモしておきます。検索フォームは、「テキストを入力し送信...
CSS

ol,liなどの番号やマークの下までborderを表示したいとき…

ol,liタグで並べたリストに対し、区切り線を入れたいときに通常の指定では、リストマークの後ろから最後までのをリスト内容と認識し、左端がズレて区切り線が表示されてしまいます。こういった場合に、リストの...
CSS

IE8以下でメディアクエリが効かないとき…

レスポンシブデザインを制作する際に「Media Queries(メディアクエリ)」を使用してCSSの表示を切り替えますが、IE8以下ではこの「Media Queries」に標準対応していません。そこで...
WordPress

どうしよう(;´Д`)!現在メンテナンス中のため、しばらくの間ご利用いただけません。という表示から、どうしようも出来ない・・・。

WordPressの管理画面上で、テーマやプラグインなどを最新版に更新するときに、メインサイト上には「現在メンテナンス中のため、しばらくの間ご利用いただけません。」という表記がされているのを見たことが...