These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
■サイトを企画する時に考えたい、まず4つのポイント。 Webサイト、特にブランディングサイト、スペシャルサイト、キャンペーンサイトというものを企画する時に気をつけたいこと。 Google勤務時代はさすがにそういう仕事はなかった訳ですが、博報堂、電通、そして今に至るまで、サイトの企画をする際に、気をつけてきたこと、一緒に仕事をするスタッフとシェアしてきたこと、そしてこれから一緒に仕事することがあるかもしれない人々にもシェアしたい、僕の考え方をまとめておきたいと思います。 1)そもそもWEBサイトに人は来ない 僕自身、多数のWEB企画に参加してきたけれども、常にまず第一に念頭におくのは、そもそもサイトに人は来てくれない、ということ。Google時代にその考えはますます強くなった。検索をしてサイトに飛びだつユーザーは、その目的のためにそれぞれを訪れる。SEO/SEM業界でいう[ランディングページ
The Esports World Cup (EWC) is now in it’s Seventh week, and this week's spotlight is on StarCraft 2, FC24, and Call of Duty - Modern Warfare. This is your chance to have your remixes showcased at the EWC event and in their broadcasts, reaching millions of viewers. By submitting your work early, you can maximize this incredible opportunity to get your talent recognized on a global stage, with your
機能美に優れたサイトを作りたい。 そんなときに参考になるのが、『WATERWORKS』。落ち着きのある機能美に優れたサイトです。 落ち着いた配色でとても綺麗ですね。画像が美しくて、レイアウトがかっちりしていてとても見やすいです。 スライドショーには「jquery.cycle.min.js」を、商品個別ページの画像の拡大表示には「jquery.galleria.js」を使用しているようです。 メガメニューにはロゴが入っていたり余白が適度に取られているし、アニメーションもとても綺麗ですね。独自のjsで実装しているようです。 デザインと機能が美しいサイトなので、一度見てみてください。 WATERWORKS 洗濯乾燥機が届きました。超ハイテクメカみたいになっててかっこいいです。これでかなり生活効率が上がりそうだ。 今かなり安くなっているので、ぜひ見てみてください! 東芝 9.0kg ドラム式洗濯乾
30 Fresh and Free Icon Sets for Designers and Developers :Speckyboy Design Magazine フリーでフレッシュなアイコンセット30がまとまったエントリのご紹介です。 比較的最近になったアイコンセットが網羅されているので一括チェックに便利。 関連エントリ 高品質なベクターアイコンセットいっぱい 美しいアイコンセット集2008 サイトで使える500近いフリーのPNGアイコンセット「spirit20」
限られた予算と時間の中で、商品の販売、資料請求やダウンロードなどのビジネスサイトのゴールを達成するために効果的なデザイントレンドを紹介します。 5 Small Biz Web Design Trends to Watch 下記は各ポイントを意訳したものです。 はじめに 1. ミニマリスト 2. 独自の写真 3. 大胆なタイポグラフィ 4. アクションの呼びかけボタン 5. A/B テスト はじめに 中小企業のウェブサイトでは、ユーザーの注意を取り込みブラウジングをうながし、あなたのプロダクトあるいはサービスにおける利害関係を起こして、販売へと結びつける必要があります。 限られた時間と予算の中で、少しでも多くの可能性のあるユーザーに興味をもってもらうにはデザインは必須な要素です。 ここに中小企業のウェブサイトに大きな効果を与える5つのデザイントレンドがあります。 1. ミニマリスト Ambl
980pxで設計された素敵なサイトを紹介している(、、、と思われる)「980px」を紹介します。 980pxの中からインスピレーションを得る、という意味でしょうか。
無彩色のクールなデザインがしたい。 そんなときに参考になるのが、『Ahrens』。白と黒で統一したシンプルなデザインのサイトです。 960pxの幅の中、綺麗なグリッドデザインとなっていますね。色を使わない潔さで、クールなデザインとなっています。 大きく幅いっぱいに配置されたグラフィックがかっこいいですね。 さりげなく置かれているスライドショーは、左右にスライドしてツールチップが表示されて、しかも拡大表示しますが、jquery.cycle, jquery.tipsy, jquery.fancyboxが駆使されています。 シンプルなデザインが好きな方は、一度見てみてください。 Ahrens ふと思い立ってMagic Trackpadを買いました。ペンタブを使ってると上下左右のスクロールがやりにくいので、Magic Trackpadを使ったらすごく便利なのでは、と思ったら予想以上に便利です。かな
Photoshopで作成したかのような美しいデザインのボタンを実装するスタイルシートを紹介します。 キャプチャは上から、ノーマル時、ホバー時、クリック時です。 Make CSS3 buttons that are extremely fancy デモページ デモページ(カラーバリエーション) ※更新:カラーバリエーションを増やしました。 ボタンはCSSで実装されているため、ブラウザの文字サイズの拡大に伴いサイズも変更し、カラー変更も簡単におこなえるように設計されています。 ※CSS3非対応のIE7/8などでの見栄えはそれなりになります。 実装はシンプルながらもテクニカルで、先日当サイトで紹介した「Safariで見かける角丸のにじみを解消するスタイルシート」なども利用されています。 HTML ボタンのカラー変更が簡単にできるようにインラインスタイルシートを使用しています(下記キャプチャ参照)
方眼紙がかすれたようなテクスチャも簡単にできる、汚した感じのグリッドを描くフリーのPhotoshopのブラシを紹介します。
ウェブデザインで使用しているパンくずのデザイン集とパンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイントを紹介します。
Make CSS3 buttons that are extremely fancy - The Official Posterous Tech Blog 立体感がいい感じのiPhoneにも採用されているボタン実装CSS3サンプル。 iPhoneをお使いの方はご存知の次のようなボタンの実装例です。 hover時、クリック時にちゃんと押した感じが出てます。 -webkit〜プロパティ使用で基本、webkit系ブラウザ(Chrome, Safari)にしか対応していません。 つい押したくなるボタンなので、iPhone用サイトでサインアップとか押してもらいやすい部分に実装するとよいかもしれませんね。 関連エントリ 綺麗にデザインされたCSS3ボタンのまとめ CSS3なボタンをWEB上で作れる「Button Maker」 CSS3でクールなボタンを作るチュートリアル集いろいろ
jQueryを使ってクールなインターフェースを実装したい。 そんなときにおすすめなのが、「30 Useful Jquery Plugins For Developer & Designer」。デザイナー・デベロッパーのためのjQueryプラグイン集です。 結構いい感じのものが揃っています。 YoxView – jQuery image viewer plugin 動きの軽快なlightbox系プラグイン Exposure Jquery Plugin かっこいい見せ方ができる画像ビューア jQuery Constant Footer フッタをブラウザ下部に固定配置するためのスクリプト。RSSを読み込んだりもできる ezMark jQuery Plugin チェックボックス、ラジオボタンをかわいいデザインに 変更できるプラグイン Cloud Zoom これはすごい気がする。画像の一部を拡大して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く