Green Gecko Designから、divで囲まれたエリアを省スペースに表示し、オリジナル画像を使ったスクロールバーを使用できるスクリプトを紹介します。 MooScroll デモ スクロールバーを形成する画像構 [...]
ウェブページで表示するフォントの種類が変われば、文字の見た目の大きさが変わってしまい、レイアウトが崩れてしまうことがある。デザインの統一感や可読性のためにも、文字の見た目の大きさが変わらないように注意しよう。 表示に使用するフォントの種類が変わると、同じフォントサイズで表示していても文字の見た目の大きさが変わってしまう。デザインによっては...
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』
ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり...
『 XHTML1.0準拠、テーブルを綺麗に見せるCSSの技。シンプルで大変わかりやすいサンプルソース付きで非常にお買い得（?）、いじってるだけで遊べる 』
コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウ...
The Usability Postのエントリーから、押さえておきたい、タブ型ナビゲーションの5つのポイントを紹介します。 5 Steps for the Perfect Tabbed Navigation Menu [...]
以前、紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のコンテンツに、ナビゲーションのデザインが追加されました。 Navigation Design Sho [...]
『 綺麗で立体感のあるサイトメニュー素材:phpspot開発日誌 』
『 一流のサイトデザインを一から作成する手順集。 次のようなクールなサイトデザインをPhotoshopで作っていくチュートリアル集が公開されています。 』
『 手軽に実装できる10種類のテーブルCSSデザイン。（→紹介&ポイント：http://coliss.com/articles/build-websites/operation/css/1395.html） 』
Smashing Magazineのエントリーから、スタイルシートで実装するテーブルのデザインパターンとそのポイントを紹介します。 Top 10 CSS Table Designs Horizontal Minimali [...]
本日は、iPhone向けサイトを作成する際に、ベースとして利用できそうなテンプレート「iPhone Universal」をご紹介します。 → Google Code iphone-universal [code.google.com] 「iPhone Universal」は、iPhone向けのページを作成するためのサンプルとなるHTML, CSSのテンプレートです。 ライセンスはGPL v3で公開されており、リストやボタン、フォームやパネルなど、一通りのサンプルが収録されて...
ガラスのように透明感のあるデザインをコンテンツに適用してくれるのがglassbox.js。JavaScriptコードで、GrassBoxデザインを適用したい<div>などを指定すると、必要なHTMLタグとスタイル指定が行われる。数行のJavaScriptコードを書くだけで、デザインが適用...
ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでア [...]
以前このブログでもご紹介した『クリエイティブなE-コマースサイトいろいろ』 クリエイティブなEコマースサイトは、まだまだたくさんありそうですが。 Eコマースサイトの目的は、いかにユーザーの方々に商品の魅力を伝えて、商品を購入してもらえるかではないでしょうか？ 今回は、いろいろなEコマースサイトを集めているギャラリー系のサイトを中心に集めてみました。 eC...
iPhoneは国内ですでに7万台売れているそうだ。この数字が大きいかどうかは分からないが、iPod Touchと含めて考えると10万人以上のユーザがいると考えられるだろう。世界で考えれば数百万人のユーザが存在する。 iPhone/iPod Touch専用のHTMLテンプレート そのため、AppStoreのように専用端末でしか動かせないアプリケーションさえ市場になりえる。もしあなたがiPhone/iPod Touch向けのWebサ...
『 Webサイト製作に役立つオンラインツール（各種ジェネレータ、コンバータなど）のリンク集。タグやキーワードで検索可能。400以上のツールが登録されている。 』
Photoshopはフォトレタッチソフトとして非常に優秀ですが、中でもこのブラシ機能を使えばさらにクリエイティブなイメージを作成することが可能になります。そのような際にガシガシ使えるブラシを揃えているのがこのサイト、「BrushKing」です。Photoshopを使いこなしたいのであれば知っておいて損はありません。 ブラシの無料ダウンロードは以下から。
yamaokaです。 今回は、ぼくが普段CSSを書くときに使っているツールを紹介します。 Firebug 入手先: Firebug :: Firefox Add-ons Firebug posted by (C)フォト蔵 もはやJavaScriptの開発には欠かせなくなった感のあるFirebugですが、CSSを書くのにも使えます。 ボックス要素を調査（inspect）、CSSを書き換えてレイアウトを考える参考にしたり、 HTMLを書き換えてid属性やclass属性を書き換えて適用するスタ...
