AppleのiTunesのカバーフロー風なインターフェイスを実装できるFlash&Flexのリンク集です。 DisplayShelf Component
IE6のCSSやJavaScriptなどのバグや仕様で困った時の解決方法をまとめたチートシートをVirtuosi Mediaから紹介します。
Photoshopを使用して、グラデーションを描いた時に濃淡の縞ができないように滑らかにするチュートリアルをslodiveから紹介します。 How To Correct Banding In Your Gradients Using Photoshop 下記にチュートリアルのポイントをステップごとに紹介します。 Step 1 レイヤーにグラデーションを作成し、作業(確認)用にそのレイヤーをコピーします。
滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。 Animated Navigation with CSS & jQuery demo デモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出しています。 ナビゲーションはリスト要素で実装されており、「overflow:hidden;」でマスクし、マウスのホバーでスライド表示させています。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="topnav"> <li><a href="#">Home</a></li> <li><a href="#">Services</a></li> <li><a href="#">Portfolio</a></li> <li
エクセルの設定をカスタマイズして、作業効率をアップする15のTipsをChandoo.orgから紹介します。 15 MS Excel Tips to Make you a Productivity Guru 各Tipsの表記は、当方のエクセル2003に準じています。 会社時代、納品したエクセルのプロパティに変な名前があってナミダモノでした。14番のTipsを知ってれば、全員に設定したのになぁ。 入力後のセルの移動方向を変更 新規ファイルのシート数を変更 デフォルトのフォントを変更 カスタマイズしたリストでオートフィル 使用できる色を増やす 数値の桁区切りの記号を変更 数式のエラーを非表示 自動修正に用語を登録 常にすべてのメニューを表示 画像を圧縮し、ファイル容量を軽減 自動計算で時間がかかるのを解除 テンプレートを設定 オフィス間でグラフをコピペ ファイルから個人の名前などを取り除く メ
実用的なものからマニアックなものまでリスト要素をスタイルするベストプラクティスをDev Snippetsから紹介します。 Styling your Lists: 20+ Brilliant How to's and Best Practices
Vector Trees Silhouettes ベクター素材はPhotoshopのカスタムシェイプとなっており、50以上の木のシルエットのパターンがあります。
GoCodesは、特定のページのみに短いURLを設定し、リダイレクトさせるWordPressのプラグインです。 GoCodes Redirection Plugin For WordPress GoCodesの導入方法 下記ページの「Download」から、「GoCodes」をダウンロードします。 GoCodes ダウンロードした「gocodes.1.3.2.zip」を解凍し、「gocodes」フォルダをプラグインフォルダにアップロードします。 例:/wp-content/plugins/ 管理画面の [プラグイン] 画面で、「GoCodes」の「アクション」の「有効化(Activate)」をクリックします。 プラグインの有効化に成功すると、[ツール] のタブに「GoCodes」が追加されます。 以上で、導入は完了です。次に設定します。 GoCodesの設定方法 [ツール] のタブの「Go
Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差 リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel
VECTOR TUTSのエントリー「無料の高品質な60のベクターのアイコンパック」から、汎用性の高そうなアイコンセットを紹介します。 60 Free Vector Icon Packs for Design Professionals
定番ものやコンテンツ・ナビゲーションの生成、ページ・タグの管理、バックアップ・管理の強化などWordpressの便利なプラグインの紹介です。
CSSplayのエントリーから、透過PNG画像を使用した大胆なドロップダウン型のナビゲーションを実装するスタイルシートの紹介です。 Professional drop-down #13 with png transparency デザイン的に面白いだけでなく、通常のドロップダウンに比べ領域が広いため、マウス操作を誤ってドロップダウンが非表示になってしまうということも少ないと思います。 対応ブラウザは、IE6, IE7, Firefox, Opera, Safari(PC) and Google Chrome Betaとなっています。 IE6対策には、ドロップダウンの箇所にtable、背景画像にfilter(AlphaImageLoader)が使用されています。
My Ink Blogのエントリーから、スワールな飾り罫を描くIllustratorのチュートリアルとPhotoshopのブラシを紹介します。
ブラウザごとのスタイルシートの記述に、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
Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。
GoSquaredのエントリーから、写真画像の編集サイトなどでよく使用される、細部まで丁寧に作りこまれたウェブサービス用のアイコンのベクター素材を紹介します。
※画像をクリックすると、素材の全てのシルエットを表示します。 Jumping People Silhouettes ジャンプした人物のシルエットのベクター素材は、Photoshopのカスタムシェイプ形式で配布されています。 Photoshopに登録すると、縦横自由に拡大縮小して使用することができます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く