css

css

[CSS3]column-countで紙面デザインのようなテキストレイアウトにしてみよう

5ヶ月ぶりの更新ですの。サボってたわけじゃないの。これには話せば長~~~くなるようなストーリーがありまして・・・。という訳で入院生活から復活第1弾はcolumn-countいっちゃうよ!よく紙面デザインで文章が2段、3段と段組してるアレです...
css

[CSS]text-shadowをIEでもやってみる。

お久しぶりの更新で申し訳ないなんて微塵も思いません。全国2人(2人もいるのか知らんけど)の下山ファンの皆様、お待たせしました。今回は「text-shadow」で遊んでみようってことです。忙しくなるとデザインを外注するんですが、ドロップシャド...
css

[CSS]Hover.cssを使ってみた

遅くなりましたが、あけましておめでとうございます。今年も何かしら書き綴っていきますよ。新年一発目は最近流行りのHover.cssの使い方をまとめてみます。Hover.cssダウンロードHover.cssからダウンロードとデモが見れます。実装...
css

[CSS]スマホの画面だと見づらいtableをMedia Queriesで見やすくしたら良いと思うよ!

tableってスマホの小さい画面だと見づらいですね!ですね!そんなときはMediaQueriesでガラッと見た目を変えちゃいましょう!と言うわけで1つのページをPC用、スマホ用とテンプレ変更して表示したりレスポンシブなページで使えそうなテー...
css

[CSS]WEBだって印刷するんだ!どうでもいいけど切り取り線とか作っちゃうよ!

しばらくぶりの更新。書きたいネタはたくさんありますが、そんな中から厳選して今後絶対使わないであろうネタをメモ。<hr>を使って切り取り線作ってみた。デモはこちらCSShr{height:0;margin:0;padding:0;border...
css

[CSS]RGBaってなんだよ!という方へ向けたメモ

opacity同様、透明度を指定するCSS3のプロパティ。background-colorなどとの併用で色と透明度を同時に指定できます。使用できるプロパティbackground-colorborder-colorcolor指定方法backg...
css

[CSS3]border-radiusほぼ最終まとめ(IE対応)

border-radiusこれなしではサイト制作はできないぐらい多用している日々でございます。ベンダープレフィックスもいらなくなったとこころでIE8にも対応させるべくまとめておきます。border-radiusって?手っ取り早く説明すると角...
css

[CSS]High-level guidelines from writing manageable, maintainable CSSドキュメントの翻訳で初心に戻る

High-levelguidelinesfromwritingmanageable,maintainableCSSドキュメントの日本語訳が出てましたのでご紹介。翻訳主は「技術日記@kiwanami様」感謝!で翻訳されたのはこちら↓「一般CS...
css

[CSS]:after擬似要素を使ってCSSだけで吹き出しを作る

吹き出しといえば「笑う」みたいな変な固定観念を持ちあわせています下山です。今回は笑いながら記事を書きます。:after擬似要素を使って吹き出しの作り方をまとめたンゴ。まずはデモ要はdivに擬似要素で三角を付けてpositionで位置指定する...
css

[CSS3]CSS3のベンダープレフィックスが必要なプロパティってどれ?

CSS3ってベンダープレフィックス書くとき結構適当に書いてます下山です。いや、適当いかんやろ!ということで、どこかに一覧がないかしら?と調べてみました。CanIuse...このサイトに結構詳しく掲載されています。CSSだけでなくhtml5も...