IDEA * IDEAドットインストール代表のライフハックブログ
フリーのjQueryコンテンツスライダー15 – creamu
VISIONWIDGETというサイトで、フリーのjQueryコンテンツスライダーがまとまっています。 ざっといくつかご紹介。 » jFlow かわいいフォトスライダー » Create Featured Content Slider Using jQuery UI サイドバーにナビゲーションのあるスライダー。自動で切り替わる » A Basic Content Slider With jQuery 左右にボタンを配置したシンプルなスライダー » JC Play List xmlからリストを取得できるFlashコンポーネント » Creating a Slick Auto-Playing Featured Content Slider CSS-Tricks.comによる、Coda Sliderのようなとてもクールなスライダー かっこいいものがそろっているので実装したくなりますね。 その他のリ
ついつい長居してしまう専門的なサイト25選 - かちびと.net
仕事があるのについつい長居してしまう サイトって無いですか？何かを大量に まとめてあるサイトだったり、掘り下げたく なるような専門サイトだったり、理由は様々です。 僕も例外なく気が付いたら全然仕事してない時も あります。そんなサイトを25サイト選んでご紹介します。 中には僕にはまだ必要ないサイトもありますが、こんな専門サイトもあるよ、って事で。因みに一貫性は全くありません。ただ、「長居しちゃう」ってだけ。順不同です。 SourceForge.JP 日本語で読めるオープンソース配布サイト。ここはかなり素敵。 SourceForge.JP OpenSourceCMS オープンソースのCMSに絞った海外の配布サイト。ブログとかEC系とかやたらあります。管理画面のデモもあるのでDLする前に触れるのは嬉しい。 OpenSourceCMS Twitpaper Twitterの背景の秀逸なデザインをダウ
無料かつ会員登録不要で自分の手書きフォントが作れるという『fontcapture』を試してみた件 - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
ウェブデザインのタブーをあえて破ってみるための10のTips
ウェブデザインにいつもと違うアイデアを入れてみるための10のTipsをWeb Designer Depotから紹介します。 10 Web Design Rules That You Can Break 下記、各ポイントをピックアップしてお届けします。 はじめに 1. 水平方向のスクロールバーを表示しない 2. フォントの書体は必要最小限の数だけ使用する 3. やたらと多くのカラーを使用しない 4. サイトのゴールを明白にする 5. ナビゲーションは理解しやすいものにする 6. テキストと背景には異なるカラーを使用する 7. コンテンツにはアニメーションを配置しない 8. ウェブ セーフ フォントを使用する 9. スプラッシュ（ランディング）ページを使用しない 10. tableは使用しない はじめに ウェブデザインの進化は、一貫した有用なデザインの保証とともに確立されてきました。そして、あ
ハイクオリティな商用サイトでも無料で利用できるPhotoshopのブラシ -Fresh eMedia
Fresh eMediaから、個人でも商用サイトでも無料で利用できるPhotoshopのブラシを紹介します。 各画像をクリックすると、ブラシを表示します。
Illustratorの基本的なエフェクト集 | コリス
Illustratorの基本的だけど、マスターしておきたい効果的なエフェクトをWeb Designer Wallから紹介します。 Mastering Illustrator Effects 以下、各ポイントをピックアップしたものです。 上記サイトではチュートリアルのAIファイルもダウンロードできます。 間のびしない矢じり 角丸を素早く綺麗に描く 正確なジグザクのライン オブジェクトの収縮と膨張 変形のエフェクト ラフにするエフェクト 落書き風のエフェクト Illustratorのエフェクトを使用時のTips 間のびしない矢じり [効果]-[スタイライズ]-[矢印にする]で矢印のエフェクトを使用できます。
『カンヌ広告祭2009 サイバーライオン 受賞作品一覧』
カンヌ広告祭は24日、CynerLions の受賞作品を発表。クイーンズランド州観光公社のThe Best Job In The World が、サイバーとダイレクトとPRの3部門でグランプリ。事例は、日刊・世界の広告クリエイティブ さんのエントリがわかりやすいです。以下受賞一覧。 ＜グランプリ＞ インタラキャンペーンから、クイーンズランド州観光公社のThe Best Job In The World インタラクティブツールから、運転の仕方に寄ってエコポイントが貯まるFIATのECO:DRIVE バイラルアドから、映画ダークナイトのジョーカーが運営しているという設定のサイトWHY SO SERIOUS? ■ Webサイト / スペシャルサイト ＜金賞＞ AXE ： 100 GIRLS （アメリカ） ユニクロ ： TOKYO FASHION MAP （日本） スウェーデン郵便局 POSTEN
MS社の新しい検索サービス『Bing』は、『Kayak』のパクリ？ | WIRED VISION
前の記事 『iTunes App Store』初のポルノが登場、すぐ「売り切れ」に 電気自動車『Maya 300』をカー・シェアリング 次の記事 MS社の新しい検索サービス『Bing』は、『Kayak』のパクリ？ 2009年6月26日 Ryan Singel 複数の航空会社の運賃を比較できる、米国で人気のトラベル検索サイト『Kayak』を運営する米Kayak社は、米Microsoft社が『Bing』で提供している新しいトラベル検索サービスがKayakとあまりに似ているため、Kayakのユーザーを混乱させていると判断したようだ。Kayak社が先週、Microsoft社に対してトラベル検索サービスの停止を求める法的な通知を送付していたことが、Wired.comの調べでわかった。 Microsoft社は、同社の改良版検索エンジンBingを、単に情報を探す場所ではなく、ユーザーの意志決定を手助けす
[CSS]スタイルシートで実装するドロップダウン型のナビゲーション
スタイルシートで実装するドロップダウン型のナビゲーションをJanko At Warp Speedから紹介します。
Webシステム開発者に送る便利なテンプレート·Web App Theme MOONGIFT
正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。 Basecampにも似たWebアプリケーションテンプレート 例えばWebシステムの管理画面を考えた場合、ユーザ向けの画面は気合いが入っているのに管理画面は酷いものが多い。そこで使ってみたいのがWeb App Themeだ。 今回紹介するオープンソース・ソフトウェアはWeb App Theme、テーマにも対応した汎用的テンプレートだ。 Web App ThemeはLighthouse、Basecamp、RadiantCMSにインスパイアされたWebアプリケーション向けテンプレートだ。右上のユーザ情報、タブを使った機能の振り分け、個別のタブの中にさらにセカンダリーのタブを
[JS]背景画像をアニメーションさせて、サイトの印象をガラッと変えるスクリプト
背景画像にアニメーションのエフェクトを加え、カラーをゆっくりと変更してサイトの印象をガラッと変えるスクリプトをYOU LOVE.USから紹介します。 <textarea name="code" class="js" cols="60" rows="5"> $(function() { // *** // Scrolling background // *** // height of background image in pixels var backgroundheight = 4000; // get the current minute/hour of the day var now = new Date(); var hour = now.getHours(); var minute = now.getMinutes(); // work out how far through
2009年上半期：WordPressのテーマファイル100選
2009年にリリースしたものを中心に、WordPressのテーマファイルの2009年上半期100+α選を紹介します。
| ＾＾ |秒刊SUNDAY | 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ
2009年06月08日 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ カテゴリ：WEBデザイン デザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム（WEBデザインの参考にどうぞ） ◆Webデザイン・Webデザイナーのまとめサイト 膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか？ ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB
More Google: Holiday Logos
We have a variety of logos commemorating holidays and events. We've put them in this online museum for your amusement. Please do not use them elsewhere. And please, don't feed the kangaroo. If you would like to include a link to Google on your site, please use one of our official logo stickers. Who's behind the oodles of doodles Google doodles for you? Find out... Keep up with the latest from Goog
アイトラッキングから検証した、使いやすいフォームの10のポイント
Google Mail、Hotmail、Yahoo! Mail、eBayの各サインアップのフォームを使用して、22～33才までの平均27才のユーザー8人を被験者にしたアイトラッキングから検証した、使いやすいフォームの10のポイントをcxpartnersから紹介します。 Web forms design guidelines an eyetracking study 以下、10のガイドラインからポイントのピックアップです。 1. Vertical, not horizontal 水平ではなく、垂直に フォームのレイアウトは、水平方向の配置やそれが混在したものではなく、単純に垂直方向に配置したものが効果的です。 可能であれば、各ラベルも垂直方向に揃えて配置してください。 2. Left-aligned labels are clearer (anecdotally) ラベルは左寄せにすると、よ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインやファッションに取り入れたい、2009年 秋のトレンドカラー
http://www.designwalker.com/2009/07/web-design-trend2009.html
[CSS]たった一行のスタイルシートでグリッドレイアウトを実装するフレームワーク
ストリートビューひもとユーチューブ板 :: デイリーポータルZ