スタイルシートマニア
ホームページカスタマイズ Tips
年月の記事
26
Jan
2013
古いIEをCSS3に対応させる CSS3 PIE
これもかなりの勢いで今更ネタですが・・・。 IEみたいに役に立たないものを作るところもあれば、こんな素敵なプログラムを作ってくれる人もいるという。 まあ、そんなことはおいといて。 CSS3では「角丸」や「グラデーション」 […]
25
Jan
2013
スマホサイズのナビゲーションを最適化
またまた、最近話題のブラウズサイズに合せてCSSを最適化する「Fluid Grid Layout」に便利なお話。 タブレットやPCサイズなら問題ないんですが、スマホのナビゲーションで困った事はないでしょうか？ 特に一つの […]
24
Jan
2013
様々な端末サイズを確認できるViewport Resizer
最近ちょくちょくお話のネタになっています、「Fluid Grid Layout」ですが、動作確認をするのにいちいちそれぞれの端末を手にとってリロードか、端末にAdobeが出しているAdobe Edge Inspectを入 […]
18
Jan
2013
オシャレなヘッダ画像の演出ができるJazz up a Static Webpage
ページのスクロールに合せて画像が少しずつ下へスクロールするjavascriptを見つけたのでご紹介！ 言葉ではなかなか伝えにくいのでサンプルをご覧ください。 サンプル：http://source-marine.net/c […]
12
Jan
2013
CSS3でグラデーション背景
やたらとグラデーションの背景が皆さん気になるようで！ っということで、今回はCSS3でグラデーションを作るときに大変便利なツールをご紹介！ まあ、かなりの前からあるやつなんですけど(^^; Ultimate CSS Gr […]
11
Jan
2013
IEだけに効かせたい時には！
はい！毎度毎度世間のコーダーを苦しめているインタネットエクスプローラー略してIEはバージョン毎に挙動が違ったり変な拡張機能を付加して重くなったりと色々物議を醸し出すとっても大嫌いなブラウザですが、このIEにだけ使いたいス […]
09
Jan
2013
スタイリッシュに商品を見せる事ができるSIMPLE MULTI-ITEM SLIDER
商品に限った事ではないと思いますが、なかなかしゃれたアニメーションをしてくれる要はスライダーですね。 アパレル系のサイトには良いかも！ デモ：http://tympanus.net/Tutorials/ItemSlide […]
08
Jan
2013
HTML5で使える入力フォームの新しいタイプ
以前、HTML5とCSS3でメールフォームのValidationと入力ヒントで少々書きましたが、type=”email”などでiPhone等のスマートフォンとタブレット端末でキーボードの配列がem […]
07
Jan
2013
改めてFluid Grid Layoutを勉強してみる。 完結
AdobeのTen steps to building a photo gallery website with Adobe Dreamweaver CS6は結局大したことなかったけどとりあえずポイントだけまとめ。