今夜は最高!:タモリ、団しん也、マリーン、中村誠一、斉藤晴彦
15 Uniform Payment Options Icon Sets for Ecommerce Design - Speckyboy Design Magazine オンラインペイメントに関する15のアイコンセットが纏まっていました。 サイトに決済方法はなくとも使ってみたいものばかりというクールなデザインになってます。 関連エントリ Eコマースサイトを作る際に役立つ800を超えるアイコンセット
Website navigation menus generally come in one of two orientations: vertical and horizontal. Horizontal navigation menus display items side by side. Vertical navigation menus stack items on top of each other. In this post, we highlight some remarkable vertical navigation menus, for your inspiration. Go to any website and you’re guaranteed to find one thing: a navigation menu. Navigation menus enab
ブロック要素をYahoo!Pipesばりに結んで視覚的に関連付けられる「jsPlumb」 2010年04月20日- jsPlumb demo ブロック要素をYahoo!Pipesばりに結んで視覚的に関連付けられる「jsPlumb」というものがあるみたいです。 次のように、要素間が紐のようなもので繋がっているような表現が出来、ドラッグ&ドロップによる要素の移動が可能です。 AとBは関連があるから繋いでおくというようなシーンで使えそうですね。 要素はドラッグ&ドロップで移動が可能。 1から実装しようと思うと大変ですが、ライブラリによって複雑な処理も簡単に出来ますね。 関連エントリ とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリ色々 1つのリンクで複数サイトにリンクできる便利JavaScriptライブラリ「Pluralink」 同一ページ内でポップアップウィンドウを開くJ
Professor Cloud JavaScriptで実装するクルクル回転する3DカルーセルUI実装ライブラリ。 枠内を画像が3Dで回転します。通常こうしたUIを作るにはFlashが多いですが、JavaScriptでやっちゃってます。 クリックすればLightBoxが開きます。 関連エントリ 無限に回転するカルーセルUI実現用jQueryプラグイン実装チュートリアル 高速に動作する画像カルーセルUI実装用jQueryプラグイン「Agile Carousel」
17 Effective Dropdown Menu resources | Underworld Magazines NYC | ドロップダウンメニューのデザインネタがまとまってます。 ソースを見ることもできるので、ドロップダウンメニュー実装の際に参考にされてみてはどうでしょうか。 ドロップダウンといっても様々なデザインのアプローチがありますね。 関連エントリ CSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」 複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」 クールにアニメーションする水平ドロップダウンメニュー実装jQueryライブラリ
Experiments ツールバーもボタンもいくつかのバリエーションがあり、ノーマルタイプ、アイコンタイプ、カラーを変更したものと実用性の高いデモが公開されています。
福田尚久 @naohisafukuda ヨドバシがマージン交渉で譲らなかっただけじゃないの?何となくデジャブな話題 for me. RT @tetsuokobayashi: 一般ユーザーとしてすごく残念 RT @hatebu: ヨドバシ.com-ドット・コムニュース一覧-ヨドバシ・ドット・コムでのアップル製品販売終了 2010-04-24 10:10:58 福田尚久 @naohisafukuda アップルの98年の流通改革は、旧来のNEBA店(昔からの家電量販店の組合加盟店)から当時の新興勢力になりつつあったカメラ店へ軸足をシフトした。それから12年の歳月がたち、最近はカメラ系やヤマダが高コスト体質になり、最早価格勝負ができなくなっている。当然、メーカー離れが進んでいく。 2010-04-24 10:17:26
二枚の画像を上下左右のスライドのアニメーションで変更するチュートリアルを1stwebdesignerから紹介します。 How to Create Sleek Sliding Box Effect With jQuery デモページ 滑らかなスライドのアニメーションはjQueryで実装されており、シンプルなスクリプトを追加するだけです。 基本のスクリプトは下記のようになります。 JavaScript <textarea name="code" class="js" cols="60" rows="5"> $(document).ready(function(){ $('#top-left').hover(function(){ $(this).children('.front').stop().animate({'top' : '150px', 'left' : '300px'}, 500)
8つのステップで、オリジナルの紙のテクスチャを作成するPhotoshopのチュートリアルをPsdtuts+から紹介します。 Quick Tip: Create a Realistic Paper Texture in 5 Minutes 各ステップのテキストはPhotoshop CS4の日本語版に準じたものに変更しています。また各キャプチャは元記事とは異なり、当方で実践したものです。 Step 1 Photoshop上に、1280x1024pxのファイルを新規作成します。中心に長方形の選択エリアを作成し、「クイックマスクモード[Q]」にします。[フィルター]-[ピクセレート]-[水晶]を選択し、「セルの大きさ」を小さく(3px)に指定し「OK」ボタンをクリックします。[Q]を押して、クイックマスクモードを解除します。 「新規レイヤーを作成[Ctrl]+[Shift]+[Alt]+[N]」し
グリッドに配置したサムネイル画像にマウスをホバーすると、オーバーレイ上に画像をポップアップする画像ギャラリーのスクリプトをboedesignから紹介します。
House of Buttons ボタンのコレクションは上記トップページからも閲覧できますが、月ごとにまとめられたアーカイブページも用意されています。
Micro Image Gallery: A jQuery Plugin デモページ ギャラリーはデフォルトで三種類のサイズがあり、表示パターンはサムネイル一覧と画像拡大の二種類があります。
なんとなくグラデーションを使用したり、困ったらグラデーションを使用したり、トレンドだからグラデーションを使用したりしていませんか? グラデーションを使用しないでデザインする方法をBuild Internet!から紹介します。また、グラデーションをより効果的に必然として使用するためのエントリーでもあります。 多くのウェブデザインのブログで周期的にページデザインのPhotoshopのチュートリアルを紹介しています。これらは素晴らしいウェブページを作成するためにグラデーションベースのデザインが一般的であるというおかしな印象を与えてしまいました。こういった記事を書く我々は間違って解釈されてしまう記事を書いたという罪があります。 ウェブデザインはデザイントレンドがどれだけ含まれているかのチェックリストではありません。何を使用するにしても、何をやめて何をアレンジするか学ぶ必要があります。 WeFunc
37 Comments I use a few CSS3 tricks on my blog and it’s important to not completely base your design off of CSS3 as there are still some browser compatibility problems and some people may not be seeing what you think they are. (*ahem* IE). That is true. Now, being 2 years later, IE has gotten better (still bad, but better). IE9 supports css3 and using the PIE library, you can design in css3 with s
Tools 14 Fresh and Useful jQuery Plugins Henry JonesApril 20, 201032 Comments05.4k jQuery has changed the way developers write JavaScript and the way users interact with websites and web applications. If you’re a developer, you know what a joy working with jQuery can be, especially the convenience of plugins. In this post, we’ve rounded up 14 fresh and useful jquery plugins that have been released
先日公開したOpen Accessibility Library Projectですが、このWebサイトに掲載している動画は、トップページのIntroduction Movieを除き、すべてキャプションを制作しています。キャプションはWebサイトにテキストとして貼り付けていますし、YouTubeプレーヤーでも利用することができます(動画のキャプション : スタートガイド - YouTube ヘルプ)。 メリット キャプションは最高です。動画を作るのであれば、キャプションは絶対作った方がいいです。 聴覚障害を持つユーザにとって便利だというアクセシビリティ上のメリットもありますが、ほかにもこんなメリットが考えられます。 ポッドキャストや動画の内容を文章で読みたいと思う人がいる(僕のこと) インタビュアーの日本語が下手で分かりづらい(男性の声、つまり僕のことです。滑舌悪いんです) Webサイトに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く