死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE
ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」:phpspot開発日誌
これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」 2009年03月12日- jQuery Context Menu Plugin これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」。 ちょっと前までだと独自の右クリックメニューを作るのはすごく大変でした。特にクロスブラウザで動作することなんかを考慮すると本当に大変でした。 が、このライブラリを使えば簡単に実装できてしまいます。 特定のエレメント上のみに右クリックメニューを設定できるという、柔軟なつくりになっています。 どのアイテム上でクリックしたかっていうのがイベントハンドラで受けられるところも汎用的になっていていいです。 このライブラリ１つとってみても、jQueryを使う意味が出てきそうです。 jQueryは本当にデフ
JavaScriptで飛び出すWebページへ！
「解像度が低く画面領域が狭いPCでも見やすくページを表示させたい」「すっきりとしたレイアウトに見せたい」――そうした、Webページのコンテンツの表示／非表示を切り替えたいことがある。そんなときには、やはりJavaScriptを使うのが便利。上下・左右にコンテンツを折りたためるようにするJavaScriptライブラリはいくつもあるが、今回はちょっと変わった楽しい演出で表示を切り替えてくれるライブラリを紹介しよう。それが「jQuery pageSlide」だ。 jQuery pageSlideは、jQueryのプラグインとして動作するオープンソース（MITライセンス）のJavaScriptライブラリ。このpageSlideをWebページに組み込むと、特定のリンクをクリックするだけで右側から別のコンテンツがスルッとスライドで飛び出してくるようになる。そのまま左側の領域をクリックすると、今度は左か
海外Webデザイン、2008年の潮流 (1/2)
Webデザインの世界で著名なブログ「Web Design Wall」が年末恒例の「Best of CSS Design 2008」を発表した。同ブログの姉妹サイトである「Best Web Gallery」の中から、CSSレイアウトの優れたWebサイトを全部で50サイト選出。こちらのエントリで画面ショット付きで紹介している。 選出されたサイトの一覧はぜひ元エントリを参照していただくとして、ここでは50サイトの中から特徴的なデザインのサイトと、共通する傾向をピックアップして紹介しよう。 JavaScriptでアニメーション＆エフェクト 今年に限ったことではないが、多くのサイトで何かしらの形で使われていたのが、JavaScriptだ。中でも、画像の拡大にLightbox系（ページを遷移せずにオーバーレイ表示）の効果を使ったり、ページ内リンクにスムーズスクロールを取り入れるのは相変わらず人気のよう
Flash不要！JavaScriptで派手なWebデザイン
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント／Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション／エフェクト処理を
これが大学？議論呼んだSFCの新サイト (1/2)
Flashを使った今どきのユーザーインターフェイス（UI）デザインの要素を取り込みたい。一味違った楽しいコンテンツの魅せ方でインパクトのあるサイトにしたい。昨年12月18日にリニューアルされた「慶應義塾大学湘南藤沢キャンパス（SFC）」の新サイトは、そんな要素が散りばめられた「FlashによるUIのショウケース」とも呼べそうなWebサイトだ。 つながりが見える「教員マップ」 新サイトの目玉は、トップページに設置された「教員マップ」。教員の顔写真や学部をイメージした写真のサムネイルが並び、それぞれ関連性の高い項目が線でつながっている。見た目はソーシャルグラフサービスで用いられるような相関図に近い。
デザイナーにオススメ！JavaScript滑らかメニュー
サイトの構造を分かりやすく整理したグローバルナビゲーションを設置したい。カテゴリが細分化されているWebサイトで、遠回りせずに直接、目的のページに移動できるようにしたい――。そんなときに使えるJavaScriptライブラリが、Dynamic Driveで公開中の「Smooth Navigation Menu」だ。 Smooth Navigation Menuは、多階層のドロップダウンメニューを簡単に設置できるライブラリ。（X）HTML中のリストタグを読み込み、下の画面のようにドロップダウンメニューとして表示してくれる。しかも、メニューの展開時にはちょっとしたアニメーション付き。ライブラリ名にもなっているとおり、スムーズな動きがなかなか気持ちいい。 このSmooth Navigation Menuは、JavaScriptに詳しくないWebデザイナーでも扱いやすいように、スクリプト部分を一切い
| ＾＾ |秒刊SUNDAY | ここに無ければもう無い！2008年無料アイコンベストサイト集まとめ
2008年12月10日 ここに無ければもう無い！2008年無料アイコンベストサイト集まとめ 2008年に話題となったアイコンサイトをまとめたサイトを紹介します。サイトは50個ありますので、デスクトップに、サイトのアクセントに、使えるのでは。 ◆1. OldSchool Icon Set ◆2. Free Hand Drawn Doodle Icon Set for Bloggers ◆3. Milky icon set ◆4. Archigraphs Porcelain Icons ◆5. I-KID ICONS FOR IPHONE ◆6. Socialize Icons ◆7. Distortion Icons ◆8. Merry Christmas Icons ◆9. Coquette Icons ◆10. Turqua 3d Isometric Vector Icon Pack
外国映画が不振の理由：『最新コンテンツビジネスのすべてがわかる本』より - TRiCK FiSH blog.
もう２ヶ月ほど前になるが、産経新聞に「洋画離れ止まらず 興行収入４割減少」という記事が載った。http://sankei.jp.msn.com/entertainments/entertainers/080822/tnr0808222107010-n1.htm この記事では、業界関係者が外国映画離れの理由を「DVDの低価格化」「若者が字幕を読まなくなった」などと話しているが、もちろんそんなに単純な話ではない。このようなことになったのには、非常に複雑な背景がある。 最近出した拙著『最新コンテンツビジネスのすべてがわかる本』（共著／日本能率協会マネジメントセンター）からデータを引きながら、この理由について解説していく。●日本の映画興行状況 まず、日本の映画状況をおさらいしておこう。 ２年前（2006年）、日本映画の興行収入が21年ぶりに外国映画を上回ったことが話題となった。しかし、映画興行の全
まじで使えるJavascriptライブラリ75選 | CREAMU
Javascriptで優れたインターフェースを実装したい。 そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。 以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript
指定色からベストな配色を導きだすオンラインサービス | コリス
HTML Color Combination Chooserは、指定した色から、色相環を使用した配色を表示するオンラインサービスです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
透明感のあるデザインをJavaScriptで実装する（glassbox.js） - youmos
ウェブの画面設計に使えるまとめ - DesignWalker