紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Orbit オプションも豊富で高性能な超軽量スライダー。 JSiderNews さまざまなUIを備えたコンテンツスライダー。 Car
ウェブデザインをはじめ、印刷にも役立つ基本的だけど大切なタイポグラフィのルールをfred designから紹介します。 Simple rules for good typography もしくは、Typophile 下記は、その意訳です。 はじめに ここにウェブや印刷のためのタイポグラフィに役立つ基本的なルールがあります。もちろん、このルールは基本であり、そしてルールは破られることを意図されているものです。 しかしながら、もしあなたが一般的にきちんとしていて美しくみえる何かを制作するためには良いルールです。 1. たくさんのフォントを使わない ウェブサイトなどのドキュメントに一貫性は非常に重要な要素です。一貫性は統一と一つのアイデンティティーをもたらします。 この一貫性を守るためには、一つのドキュメントに対して3つ以上の異なるフォントを使用しないことです。 2. ヒエラルキー ページ内の階
20 Vital Techniques & Best Practices For Effective Web Design 下記、各エッセンスの簡単な説明とワンポイントとサイトの紹介です。noupeのサイトでは他にも多くのサイトが紹介されています。 1. ビビッド カラー 2. グラデーションとライトのエフェクト 3. 透過 4. グランジ 5. 手書き風のデザイン 6. 押さえた色味 7. 水彩画のエフェクト 8. ネイチャー系のエレメント 9. 写実的でリアルな背景 10. 特大のタイポグラフィ 11. デコラティブなタイポグラフィ 12. 大胆な背景 13. レトロやヴィンテージのエレメント 14. アイキャッチなヘッダ 15. コラージュしたエレメント 16. テクスチャを使った背景 17. タブ型のナビゲーション 18. ブラックとホワイト 19. 水平方向のスクロール 20.
ウェブサイトやアプリケーション用の16x16ピクセルのミニサイズのアイコンをFree Icons Webから紹介します。
ウェブデザインにおける明確で効果的なコミュニケーションの取り方をSmashing Magazineから紹介します。 Clear And Effective Communication In Web Design 下記は、簡潔に意訳したものです。 1. コミュニケーションのアプローチ方法 ウェブサイトの来訪者とコミュニケーションを取るためのアプローチ方法をいくつか紹介します。 テキスト 見出しやコンテンツ内にかかわらず、来訪者はテキストをメッセージとして受け取ります。コミュニケーションにおいて、極めて重要な要素です。 画像 画像は、テキストよりもすばやくメッセージを伝えるときがあります。画像を作成する際は、メッセージを魅力的に伝えられるようにします。 タイトルとヘッダ タイトルとヘッダは、来訪者に主要なポイントと考えを伝える重要で効果的なものです。 アイコン アイコンはウェブデザインの特徴的
商用サイトでもフリーで利用ができる、細部まで丁寧に描かれたアイコンをmidtone designから紹介します。
ウェブサイトの第一印象を決める大切な21のポイントをVandelay Website Designから紹介します。 21 Factors that Influence the First Impression of Your Website's Visitors 下記は、それを簡潔にした意訳です。 ロード時間 ロード時間はユーザーをいらいらさせる大きな要因です。少しでも早くロードするように設計をします。 エラーメッセージ エラーメッセージが表示されアクセスができないと、ユーザーは二度とアクセスをしないでしょう。 カラー サイトのデザインは第一印象の重要なファクターです。正しいカラーコンビネーションを使用して、効果的で適切なカラースキームを使用します。 ロゴ もう一つ重要なファクターはロゴです。ブランディングを考慮し、信頼感を与えるロゴを使用します。 ヘッダ ヘッダも強い印象を与えます。魅力
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Ajaxify さまざまなAJAXコンテンツを実装。 Agile Carousel パネルをダイナミックにスライド。 Start/S
「Internet Explorer 7」と「Internet Explorer 6」を一つのOSに共存させる方法の紹介です。 「Internet Explorer」は「Windows XP」などのOSのシステムに組み込まれるため、通常のインストール方法ではどちらかのブラウザしか使用できませんが、下記の2つの方法のどちらでも共存が可能です。 IE7をベースに、IE6をスタンドアローンで起動する方法 IE6をベースに、IE7をスタンドアローンで起動する方法 IE7をベースに、IE6をスタンドアローンで起動する方法 IE7をベースにする方法です。 今後はIE7がIE6より主流になりますので、こちらの方法を推奨します。 ただし、会社のマシンや使用しているアプリケーションの都合でIE6が変更できない場合などは、「IE6をベースに、IE7をスタンドアローンで起動する方法」になります。 IE7をダウン
フリーのフォトストックサイト「stock.xchng」から、イメージアップに効果がありそうなロイヤリティフリーの写真素材を紹介します。 各画像のサイズは1000~3000ピクセルくらいです。
デザインセンスを刺激して、インスピレーションを与えるサイトの10選です。 Pattern Tap ボタンや背景・線などエレメントごとのデザイン集 StyleCrunch クールなデザインでスタンダード
SimplyNoiseは、安眠や耳鳴り・偏頭痛に効果があるとされているホワイトノイズを生成するオンラインジェネレーターです。 SimplyNoise ホワイトノイズを生成するには、キャプチャにあるメモリ付きバーの円形をスライドします。 ホワイトノイズはテレビの砂嵐時のような音で、下記のような効果があると言われています。 安眠のサポート プライバシーの強化 集中力のアップ 耳鳴り対策 偏頭痛対策 サウンドシステムの構成の設定 下記のサイトでは、いろいろなホワイトノイズのMP3がダウンロードできます。 Free soothing white noise mp3's 参考: ホワイトノイズ [Wikipedia]
Google Webmaster Central Blogのエントリーから、GoogleがFlashファイルのインデックス方法を改善したことを受けたQ&Aの紹介です。 Improved Flash indexing 下記はそのQ&Aの意訳です。 Googleにインデックスされやすいのは、どのようなFlashファイルですか? 全ての種類のSWFファイルのインデックス方法を改善しました。 それはボタンやメニュー、Flashコンテンツなど全てが対象です。 どんなコンテンツがGoogleにインデックスされやすいですか? ユーザーの目で見えるテキストの全てです。 Flashファイル内のテキストは、Googleの検索結果で使用されたり、検索時のクエリにも使用されます。 Flashファイル内に含まれるリンクもインデックスが可能です。 テキスト要素ではない画像などはどうですか? 現在のところ、インデックス
anthonyshortのエントリーから、クロスブラウザのためのHTMLとCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに「-moz-opacity:0.99」を指定してください。 Safari用には「text-shadow:#000 0 0 0」を使用してください。 画像のリサイズをCSS/HTMLで行わないでください。 全てのブラウザでフォントのレンダリングを確認してください。 「Lucida」は使用しないでください。 テキ
IETesterは、IE5.5, IE6, IE7, IE8beta1の確認が同時にできるアプリケーションです。 IETester [ad#ad-2] IETesterを利用するには、上記IETesterのページの「Download IETester」から「install-ietester-v0.2.exe」ダウンロードし、IETesterをインストールします。 IEのバージョンの切り替えは、「New Tab」から切り替えることができます。 簡単に使用しただけですが、IE5.5, IE6, IE7, IE8beta1のレンダリングの違いを確認できました。 バージョン0.2の動作条件は、Windows XP or Vista + IE7以上となっています。XP + IE6の場合、IE7, IE8のモードが動作しません。 Windows XP + IE7, IE8beta1の環境で使用したとこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く