css[CSS3]column-countで紙面デザインのようなテキストレイアウトにしてみよう
5ヶ月ぶりの更新ですの。サボってたわけじゃないの。これには話せば長～～～くなるようなストーリーがありまして・・・。という訳で入院生活から復活第1弾はcolumn-countいっちゃうよ！よく紙面デザインで文章が2段、3段と段組してるアレです...
css
css 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からダウンロードとデモが見れます。実装...
css[CSS]スマホの画面だと見づらいtableをMedia Queriesで見やすくしたら良いと思うよ！
tableってスマホの小さい画面だと見づらいですね！ですね！そんなときはMediaQueriesでガラッと見た目を変えちゃいましょう！と言うわけで1つのページをPC用、スマホ用とテンプレ変更して表示したりレスポンシブなページで使えそうなテー...
css[CSS]WEBだって印刷するんだ！どうでもいいけど切り取り線とか作っちゃうよ！
しばらくぶりの更新。書きたいネタはたくさんありますが、そんな中から厳選して今後絶対使わないであろうネタをメモ。<hr>を使って切り取り線作ってみた。デモはこちらCSShr{height:0;margin:0;padding:0;border...
css[CSS]ディスプレイサイズが変わっても背景画像を画面いっぱいに表示する
背景画像を画面いっぱいに表示する＝jQueryって思われがちですけどCSSで十分いけまっせ。なメモ。と言ってもbackgroundで背景指定するのではなくimgで貼った画像をCSSでfixedしちゃえって話です。まずはdemoを。ディスプレ...
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...