css[CSS]擬似クラス:first-letterでドロップキャップ
今回も紙面デザイン的WEBデザイン。擬似クラス:first-letterを使ったドロップキャップの3分クッキング。ドロップキャップってナニ？な方はまずはデモでも見てみよう。ね。文章の1文字目だけがデカいアレ。アレがドロップキャップです。CS...
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からダウンロードとデモが見れます。実装...
お知らせ的なアレ2013年もありがとうございました。
2013年も残り1時間余りとなりました。たくさんの方にこのブログを読んでいただいき感謝です。そんな感謝の意を込めて即興でおみくじ作りました。ネタを考える時間もなくくだらない内容になっておりますが、ソースを晒しておきますのでもっと面白いおみく...
css[CSS]スマホの画面だと見づらいtableをMedia Queriesで見やすくしたら良いと思うよ！
tableってスマホの小さい画面だと見づらいですね！ですね！そんなときはMediaQueriesでガラッと見た目を変えちゃいましょう！と言うわけで1つのページをPC用、スマホ用とテンプレ変更して表示したりレスポンシブなページで使えそうなテー...
css[CSS]WEBだって印刷するんだ！どうでもいいけど切り取り線とか作っちゃうよ！
しばらくぶりの更新。書きたいネタはたくさんありますが、そんな中から厳選して今後絶対使わないであろうネタをメモ。<hr>を使って切り取り線作ってみた。デモはこちらCSShr{height:0;margin:0;padding:0;border...
Google Analytics[Google Analytics]Google Analyticsで年齢・性別・関心を解析しくさる
GoogleAnalyticsで「年齢・性別・関心」が解析できるようになっているわけですが、なかなか設定方法が分かりづらいのでメモ。1.まずは機能を有効化するアナリティクス左メニューから「ユーザー→ユーザーの分布→サマリー」の順にクリック。...