スタイルシートマニア
ホームページカスタマイズ Tips
04
Sep
2013
CSS で3D BOX
どうタイトルをつけたものか迷いましたが、読んで字のごとくCSSで3Dつくるやつです。 少し前まではこういったことはFlashの十八番だったんですが、もはやCSSとHTMLで出来る時代になってしまいました。 まあ、やる人が […]
26
Jan
2013
古いIEをCSS3に対応させる CSS3 PIE
これもかなりの勢いで今更ネタですが・・・。 IEみたいに役に立たないものを作るところもあれば、こんな素敵なプログラムを作ってくれる人もいるという。 まあ、そんなことはおいといて。 CSS3では「角丸」や「グラデーション」 […]
25
Jan
2013
スマホサイズのナビゲーションを最適化
またまた、最近話題のブラウズサイズに合せてCSSを最適化する「Fluid Grid Layout」に便利なお話。 タブレットやPCサイズなら問題ないんですが、スマホのナビゲーションで困った事はないでしょうか？ 特に一つの […]
18
Jan
2013
オシャレなヘッダ画像の演出ができるJazz up a Static Webpage
ページのスクロールに合せて画像が少しずつ下へスクロールするjavascriptを見つけたのでご紹介！ 言葉ではなかなか伝えにくいのでサンプルをご覧ください。 サンプル：http://source-marine.net/c […]
12
Jan
2013
CSS3でグラデーション背景
やたらとグラデーションの背景が皆さん気になるようで！ っということで、今回はCSS3でグラデーションを作るときに大変便利なツールをご紹介！ まあ、かなりの前からあるやつなんですけど(^^; Ultimate CSS Gr […]
07
Jan
2013
改めてFluid Grid Layoutを勉強してみる。 完結
AdobeのTen steps to building a photo gallery website with Adobe Dreamweaver CS6は結局大したことなかったけどとりあえずポイントだけまとめ。
05
Jan
2013
改めてFluid Grid Layoutを勉強してみる。 CSS編
んー、Ten steps to building a photo gallery website with Adobe Dreamweaver CS6をよーく眺めてみてもDreamweaver CS6の使い方が書いてある […]
03
Jan
2013
HTML5とCSS3でメールフォームのValidationと入力ヒント
今回ご紹介するのは、HTML5とCSS3だけでメールフォームのValidationして、更に入力ヒントまで出してしまおうというハイパーな技です！ とにもかくにもデモをご覧ください。 http://source-marin […]
24
Dec
2012
改めてFluid Grid Layoutを勉強してみる。（初めに）
以前、Dreamweaver CS6 を使って作るフォトギャラリー 10のステップでもご紹介したFluid Grid Layoutを改めて勉強してみようと思います。 iPhoneを筆頭にスマホやタブレットが世に浸透しつつ […]
