Smashing Magazineでは現在、楽しくてクリエイティブな横罫線「hr」のデザインのコンテストを行っており、最終選考に残った25作品を紹介します。
Smashing Magazineでは現在、楽しくてクリエイティブな横罫線「hr」のデザインのコンテストを行っており、最終選考に残った25作品を紹介します。
Nettutsのエントリーから、テキストのサイズをスライダーで変更できるスクリプトのチュートリアルを紹介します。 Use the jQuery UI to Control the Size of Your Text デモ テキストのサイズは、スライダーのマイナスからプラスの間で変更することが可能です。 変更したサイズはクッキーに保存されるため、次にアクセスした際にもそのサイズで表示されます。 オプションでは、テキストの初期サイズ、最小値・最大値などがカスタマイズ可能で、日本語フォントでも最適なサイズに変更することができます。 スクリプトのフレームワークには、jQuery UIが使用されています。
Vdot Mediaのエントリーから、HTMLメールの制作時に気をつけたい9つのポイントを紹介します。 9 best practices for email design 旧式のHTMLを使用する CSSレイアウトは使用しないで、安全で旧式のテーブルレイアウトを使用する。 スタイルは、インラインで指定する head部分のスタイル指定を無視するメーラーがあるので、CSSはインラインで指定する。 背景画像に頼ったデザインにしない 背景画像が表示されない場合があるので、表示されなくても破綻しないデザインにする。 画像は表示されないものと考える 画像が表示されない場合でも、情報が伝わるようにデザインする。 画像には、altを設定する 画像が表示されない場合、altに記述したテキストで情報を伝えられます。 パス指定は、絶対パスを使用する 画像のパスは、http://から記述します。 ファイルの容量は
ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでアクセスすると、それぞれ用の画像が表示されます。 条件式に利用できるものは、下記のようになっています。 browser IE - Internet Explorer Gecko - Gecko based browsers (Firefox, Camino etc) Webkit - Webkit based browsers (Safari, Shiira etc) Opera - Opera's browser IEMac - Internet Explorer for the Mac Konq - Konqueror IEmob - IE mobile PSP - Pla
メーラーのひな形を使用せず、エディタなどでHTMLメールを作成する方法を紹介します。 注意する点は、3つです。 HTMLは「HTML 4.01 Transitional」を使用する 文字コードは「iso-2022-jp」を使用する 画像などのパス指定は//から記述する HTMLメールのフォーマット 作成するHTMLファイルは、文字コードを「iso-2022-jp」に改行コードを「CR+LF」にします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Type" content="text/html; charset
Pointy Haired Dilbertのエントリーから、知っていると便利なエクセルの11のショートカットを紹介します。 11 very useful excel keyboard shortcuts you may not know [F4] or [Ctrl] + [Y] 直前の作業を繰り返します。 [Ctrl] + [;] 現在の日付を入力します。 [Ctrl] + [Shift] + [:] 現在の時刻を入力します。 [Ctrl] + ['] 上のセルからデータをコピーします。 [Shift] + [F2] セルにコメントを挿入します。 [Alt] + [F8] マクロダイアログを表示します。 [Alt] + [=] オートSUM数式を挿入します。 [Ctrl] + [Shift] + [$] 数字の表示形式を通貨に設定します。 [Ctrl] + [Shift] + [&] 選択
jQuery Hotkeys Pluginは、単独のキーからキーを組み合わせたものまで、キーボードのイベント取得ができるスクリプトです。
Website Bulletsで配布している、小さくてシンプルなアローやビュレットのフリー素材の紹介です。
Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Firebug -Firefox Add-ons YSlow ページの分析、パフォーマンスレポート、HTTP/HTMLサマリー、コンポーネントのリスト YSlow YSlow -Firefox Add-ons Firecookie クッキーの管理 Firecookie Firecookie -Firefox Add-ons FirePHP PHPのデバッグ FirePHP FirePHP -Firefo
noupeのエントリー「20+のリスト要素を装飾するスタイルシートのデモとチュートリアル」を紹介します。 CSS-Styled Lists: 20+ Demos, Tutorials and Best Practices <textarea name="code" class="html" cols="60" rows="5"> <dl class="dropdown"> <dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu('two',-1)" class="module">Recent Archives</dt> <dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)"> <ul> <li
Vandelay Web Designのエントリー「ウェブデザインのための71のグラデーションのリソース」から、グラデーションをマスターするための基本的な使い方から、実践的なサンプル・実用的なダウンロードできるリソースを紹介します。 71 Gradient Resources for Web Design Vandelay Web Designのエントリーでは他にも、IllustratorやGIMP、ジェネレーターなどが紹介されています。
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 iPod-style Drilldown Menu iPod風に切替わるドリルダウンメニュー。 iPhone Lock Slider
HONGKIAT.COMのエントリー「50超のCSSやJavaScriptで実装するタブ型ナビゲーション集」から、当サイトで紹介したことのないものをいくつか紹介します。 50+ Nice Clean CSS Tab-Based Navigation Scripts
Six Revisionsのエントリーから、アプリケーションレベルのものからウェブサイトのパーツまで、AJAXを使用した25のテクニックを紹介します。 25 Excellent Ajax Techniques and Examples Ajax RSS reader AJAX Desktop Ajax for chat Create your own information space with Ajax and del.icio.us Ultra-lightweight Charts For AJAX Quick Calendar Using AJAX and PHP How to integrate Google Calendar in your website using AJAX Edit In Place with AJAX Using jQuery Javascript Lib
leigeberのエントリーから、背景やテキストやボーダーの色を、指定色から指定色に少しずつ変更するスクリプトの紹介です。 JavaScript Color Fading Script デモページ デモには、下記の4つがあります。 ホバーすると、背景の色をフェード。 クリックすると、背景の色をフェード。 ホバーすると、テキストの色をフェード。 ホバーすると、ボーダーの色をフェード。 fader.jsの動作環境は、IE6/IE7, Firefox, Opera and Safariとなっており、jQueryやPrototypeなどの他のスクリプトに依存せずに動作する軽量(約2KB)のスクリプトです。 実装も簡単で、「fader.js」を外部スクリプトとして配置し、下記のように指定します。 <textarea name="code" class="html" cols="60" rows="5
Googleの会社情報に「Google User Experience」がリリースされました。 Google User Experience Googleのユーザーエクスペリエンス10箇条の意訳を紹介します。 Focus on people – their lives, their work, their dreams. Googleユーザーエクスペリエンスチームは、世界の人々の生活、仕事、夢にフォーカスします。私たちのゴールは人々の生活を改善することです。 Every millisecond counts. スリムなコード、慎重にセレクトされた画像などGoogleのページは、素早くロードするように設計されています。そして、不必要なクリック、タイピング、ステップなどは削除して設計しています。 スピードはユーザーに恩恵を与えます。 Simplicity is powerful. シンプルとい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く