css[CSS]擬似クラス:first-letterでドロップキャップ
今回も紙面デザイン的WEBデザイン。擬似クラス:first-letterを使ったドロップキャップの3分クッキング。ドロップキャップってナニ？な方はまずはデモでも見てみよう。ね。文章の1文字目だけがデカいアレ。アレがドロップキャップです。CS...
2014
css css[CSS3]column-countで紙面デザインのようなテキストレイアウトにしてみよう
5ヶ月ぶりの更新ですの。サボってたわけじゃないの。これには話せば長～～～くなるようなストーリーがありまして・・・。という訳で入院生活から復活第1弾はcolumn-countいっちゃうよ！よく紙面デザインで文章が2段、3段と段組してるアレです...
Photoshop[Photoshop]Photoshopでタイムラプス動画作ってみるよ！
せっかくインターバル撮影で星空いっぱい撮影してるんだから、比較明合成だけじゃなくて動画にしたら面白そうなんじゃない？ってことで、フリーソフトでやってる方が比較的多いみたいですが、ここはフォトショッパーの意地を見せてやるぜ！（そんなたいそうな...
css[Web Font]Webフォントを使って洒落たメニューをおっさんが作ってみる。
WebFontって使ったことないなー。でアイコン的に使ってみた。ちょっと洒落たメニュー作ってみたよ。今回使ったのは「FontAwesome」ダウンロードしたファイルを解凍するとcss,fonts,less,scssの4つのフォルダが入ってま...
css[CSS]text-shadowをIEでもやってみる。
お久しぶりの更新で申し訳ないなんて微塵も思いません。全国2人(2人もいるのか知らんけど)の下山ファンの皆様、お待たせしました。今回は「text-shadow」で遊んでみようってことです。忙しくなるとデザインを外注するんですが、ドロップシャド...
css[CSS]Hover.cssを使ってみた
遅くなりましたが、あけましておめでとうございます。今年も何かしら書き綴っていきますよ。新年一発目は最近流行りのHover.cssの使い方をまとめてみます。Hover.cssダウンロードHover.cssからダウンロードとデモが見れます。実装...