CSS3でかっこいい表現をしたい。そんなときにおすすめなのが、「Subtle CSS3 Typography that you'd Swear was Made in Photoshop」。Photoshopで作ったようなCSS3のタイポグラフィーです。Safari, Google Chromeな... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
HTML5でメニューを作りたい。そんなときに参考になるのが、『How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery』。HTML5を使ったドロップダウンメニューです。CSS3で、角丸やグラデーションが適用されていますね。XHTM... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フッターをデザインしたい。そんなときに参考になるのが、『Beautiful Footers in Modern Web Design for Inspiration』。綺麗なフッターデザイン集です。かっこいいものが揃っていますね。Bits And Pixels 滴が垂れたようなデザイン。グラデーシ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
デザイン・コーディングの参考になるサンプルを探している。そんなときにおすすめなのが、『61 High Quality And Free xHTML Templates Part 2: Year 2010』。ソースをダウンロードできるXHTMLテンプレート集です。かっこいいものが揃っていますね。YI... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
91831729/ iStockphoto/ Thinkstockサイトをさっと作りたい。そんなときにおすすめなのが、『Top 10 Html/CSS Web Templates Of March 2010 For Free Download』。フリーのXHTML / CSSテンプレート集です。い... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
かっこいいスライドショーを作りたい。そんなときにおすすめなのが、『28 Useful JQuery Sliders You Need To Download』。jQueryのかっこいいスライドショースクリプト集です。かなりいい感じのものが揃っています。Automatic Image Slider ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CREDIT : 96133716, Hemera/ ThinkstockWeb制作の参考になる情報を探している。そんなときにおすすめなのが、『All Showcases』。Web制作に役立つサイト集です。CSSやFlashなどのカテゴリーに分けて、かなりたくさんのサイトがまとまっていますね。 い... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フッタをブラウザ下部に固定配置したい。そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのようですね。ほかには同様のテク... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSS3で最も簡単にクロスブラウザの角丸を実装したい。そんなときにおすすめなのが、『curved-corner』。CSS3でIEにも角丸を適用させるhtcファイルです。Google Codeで、CSS3でIEにも角丸を実装させるファイルが配布されていますね。「border-radius.htc」フ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
IEにだけできないことを可能にしたい。そんなときにおすすめなのが、『10 ways to make Internet Explorer act like a modern browser』。IEをモダンブラウザのように扱う方法です。便利そうなのが揃っているので、ざっとご紹介しますね。HTML5をI... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
クールなナビゲーションを実装したい。そんなときにおすすめなのが、『30 Cutting Edge Examples Of CSS Navigation』。かっこいいCSSナビゲーション集です。気になったのをいくつかご紹介しますね。Pixlogix マウスオーバー時にツールチップが表示されるメニュー... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Flashを使わずにアナログ時計を作りたい。そんなときにおすすめなのが、『A Colorful Clock With CSS & jQuery』。CSSとjQueryで作る、カラフルなアナログ時計です。1秒ごとに数字と、画像が動いている見せ方ができますね。仕組みは以下のようになっています。すごいな... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
テーブルなどをHTMLで組んだ後に、CSSコーディングを簡略化したい。そんなときにおすすめなのが、『Primer』。HTMLからCSSのベースを作ってくれるサービスです。HTMLをペーストして、「PRIME IT」ボタンを押すと、idやclass名からCSSのベースを作ってくれます。プログラマが作... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ページのディテールに隠し機能をつけたい。そんなときにおすすめなのが、『#grid』。ページにグリッドの罫線を表示するJavaScriptです。以前「Webデザインにおける"Wow"ファクター」のエントリーで紹介した、Analogのサイトで使われている機能ですね。「ALT + G」を押すと、グリッド... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
WordPressでパンくずリストを使いたい。そんなときにおすすめなのが、『How To: Breadcrumbs in Wordpress』。WordPressでパンくずリストを表示するシンプルなコードです。ネストされたカテゴリーやページにも対応しているようですね。パンくずを表示するプラグインは... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSS3でできることをいち早く知っておきたい。そんなあなたにおすすめなのが、『Stronger, Better, Faster Design with CSS3』。CSS３を使った、強くて速いデザイン例です。以下の例が紹介されています。Inline Form Labels inputのフィールドに... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Codropsというサイトで、マウスオーバーするとスライド式で現れるナビゲーションの作り方が公開されています。ul,liのシンプルなメニューに、jQueryで動きをつけています。動きがスムーズで気持ちいいですね。デモは以下から。手書きのデザインでなかなか斬新なものになっています。View demo... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
VANDELAY DESIGNで、ツールチップ表示に使えるかっこいいスクリプトがまとまっています。かっこいいものが揃っていますね。Prototip 2 Prototypeを使って、シンプルなものや手の込んだツールチップを作成Coda Popup Bubbles Codaで使われているような、ふわっ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
web anthologyで、ピュアCSSで作る効果的なエフェクトが紹介されています。ざっといくつかご紹介。3-state Button using CSS 通常時、マウスオーバー時、クリック時の3種類のボタンをCSSスプライトで作るチュートリアルPure CSS Polaroid Photo G... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
VANDELAY DESIGNで、かっこいいデザインのナビゲーションメニューがたくさん紹介されています。ざっといくつかご紹介。↑は、Utah Travel。MailChimpMichael DickMission Community ChurchSouthern Mediaサイト自体もかっこいいも... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
