ドットインストール代表のライフハックブログ
高速でブックマークして、時間がないからそのままスルーしようとしたんだけど、余りにもクオリティが高いまとめだったのでさらっとご紹介。 光のブラシセットのダウンロード かなり各種photoshopブラシがそろっております。 中でもネタ帳がお勧めする7点をピックアップしてご紹介いたします。 円ライン 光と円のブラシ。 光のコア 中心に集まるような光とライン。 輝く光の粒と欠片 数本のラインを取り巻く光の欠片。 光の胞子 雪と言われたら雪にも見えなく無い。 光が舞うイメージであったり、遠方の町の光などに利用されたりする。 宝石の光 宝石の光に使われそうな光の反射。 光の中心から伸びる光のライン 中心からラインが力強く伸び、優しい光で包んである。 光の炎 まるで炎のような強い光色を乗せる事が出来る。 その他、たくさんありますので、興味のある人は是非とも抑えておくといいかもしれないですね。 45+ B
商用可!回路図や電子基板のフリーphotoshopブラシセット「16-blueprints-schematics Photoshop Brushes」 デザインを行なう上で、便利な素材な一つが回路図や電子基板の幾何学的な模様。特定の分野のデザインで世界観をつくるのにとても便利です。今日紹介するのはそんな回路図や電子基板のフリーphotoshopブラシセット「16-blueprints-schematics Photoshop Brushes」です。 上記のような回路図のphotoshopブラシが高解像度で収録されています。設計図などを素材として作るときには便利そうですね。 詳しくは以下 サムネイルが小さくて申し訳ないのですが、上記が「16-blueprints-schematics Photoshop Brushes」に収録されているブラシで全部で16個のブラシが収録されています。 ライセ
TOP > WebDesign > ジャンル別にCSSのテクニックを収録したTips集「40 Outstanding CSS Techniques And Tutorials」 WEBを制作するにあたって欠かせない技術の一つCSS。工夫や発想次第で様々な表現が可能ですが、今日紹介するのはCSSを使ったテクニックをジャンル別に紹介するエントリー「40 Outstanding CSS Techniques And Tutorials」です。 Cross Browser Multi-Page Photograph Gallery イメージギャラリー、ナビゲーション、ボタンなどシーンに併せたテクニックが全部で40個紹介されています。今日はその中からいくつか気になったものピックアップして紹介したいと思います。 詳しくは以下 ■How to Style an A to Z Index with
実用的なものからマニアックなものまでリスト要素をスタイルするベストプラクティスをDev Snippetsから紹介します。 Styling your Lists: 20+ Brilliant How to's and Best Practices
プロジェクターで投影することで服や背景を見せるという視覚的な面白さのあるCM。 世界中でスポーツ用品を販売するPUMAの靴「L.I.F.T」の宣伝として作られていて、靴だけは映像ではなく本物を履いています。 詳細は以下から。 I Believe in Advertising | Advertising Blog Community | Only selected advertising >> Puma: L.I.F.T 映像投影前。靴だけが鮮やかな色彩を放っています。 映像投影後。舞台は砂浜となり、服を着ているかのように見えます。 こちらはかなり判別が難しい。 この写真だとよく見ると実際に服を身につけていないことがすぐに分かります。 PUMAの公式サイトではこの投影手法をつかった演劇のムービーが見られます。 「WATCH」の所にマウスを移動させて表示される一番上の画像をクリック。YouTu
25 Great Examples of Using Gradient Effects in Web Designs グラデーションをうまく使って立体感を出したサイトデザイン集。 うまくグラデーションを使うことで、質感の表現や、ゴージャスな印象を生み出しています。 ECTOMACHINE クールな画像とともにグラデーションされた背景が印象を強くしています Reinvigorate うまくグラデーションと背景イメージを混ぜ合わせたデザイン 単色にするよりグラデーションの方が高級感が出ているのが分かります Central Snowsports 平面ですがうまく立体的にしてさらにそれが分かりやすいメニューになっている点が参考にできそう Tim Van Damme コントロールパネルっぽいデザインを立体的にデザインしている例 シンプルで分かりやすいページ構築の際の参考になるかも Rise Crea
2009年05月18日 夏だ一番!アイコン祭り!1000種類以上の高クオリティアイコン祭! カテゴリ:WEBデザイン さて、アイコンエントリーがだいぶ放出されてきましたのでここでひとつ、まとめてみました。この夏もクオリティ高いアイコンで乗り切れ! ◆40種類のスタイリッシュなアイコン スタイリッシュでクールなアイコン40種類。 ■40+ Stylish and Trendy Icon Sets ◆128種類WEBアイコン WEBに使えそうなアイコン ■Function Web Design & Development [ Blog ] ≫ Free Icons: Function Icon Set, 128 Completely Free Icons ◆60種類ベクターアイコン ベクターデ出来たアイコン ■60 Free Vector Icon Packs for Design Prof
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Beautiful jQuery sliders 洗練されたインターフェイスの画像ギャラリー。 BigPicture パネル表示やギ
ウェブデザインにおいてのベストプラクティスと、逆に一般的にやるべきでないことを簡潔にまとめたのがWeb Do’s and Don’tsだ。 わかりやすいようにDo’s and Don’tsが左右に並べられているので、ウェブ系の人はざっと眺めてみるといいだろう。 もちろんデザインに絶対はないので「そりゃ、逆じゃね?」という主張もあるが、多くの人の主張を眺めるのは勉強になるものだ。 なお、それぞれの項目には参考リンクがつけられているので「む、どういうこと?」というときは原文をあたるといいだろう。 ここらへんを仕事にしている人はたまに覗いてみるといいですね。
目新しいネタは全く見つからないとか色々を言い訳に、月1書けばいい方になってる今日この頃・・・うぅ。 そういえば、web creatorsの5月号(たぶん)に参考にしているサイトでウチのサイトの名前があったとかどーとか聞いたんですがマジっすか!?読んでないーorz あと、7月号(Vol.91)にちょろっと記事書いてるので良ければ買ってくだしあ。 タイトルがa要素になってますが、インライン要素でもいいです。 背景下にとかも書いてますが、リストとかでマーカーの変わりにbackgroundをa要素に指定した時なんかの場合です。 タイトルって難しいですねorz さて、時間もあまりないので本題に。 サンプルページを見る 以前に書いた、ユーザーの動き。にもあるように、リストのマーカー部分をクリックして、クリック出来ない的な人が居たりするってのもありますが、li要素にbackgroundの指定をしてpad
『嘘じゃない、フォントの話』 連載『嘘じゃない、フォントの話』(supported by モリサワ) 第3回:フォント職人に聞く フォントができるまで 今や日本のスタンダードフォントとされるモリサワの文字。普段よく目にしている文字が、どのようにして作られているのか知っていますか? そこで、私たちCINRA編集部は、モリサワの文字を開発している“モリサワ文研(株)”におじゃましました。驚いたことに、ここでは、文字をデザインする“タイプフェイスデザイナー”が、1字1字、鉛筆でレタリングをしていたのです! 連載第3回目では、フォントが出来るまでの行程と、ベテランのフォント職人さんのインタビューをご紹介します。 (テキスト:CINRA編集部) モリサワ文研の代表取締役である森澤典久社長と、取締役の三浦誠之氏に教えていただきました。 モリサワ文研株式会社とは? 兵庫県明石市にある、モリサワフォントの
Best Design Optionsというサイトで、Photoshopのグラデーションファイルがたくさん紹介されています。 ざっといくつかご紹介。 その他のリスト&ダウンロードは以下からどうぞ。 » How to Use Photoshop Gradients Plus 600+ Gradients to Download いい天気ですねー。ドライブ日和だな。
今、C-teamというサイトの開発に関わっているのですが、あまりに効果が高くてスゴイので、結構ショックだったので紹介します。 C-team 今までWebディレクターとして、バナー制作をしたり、自分のサイトのバナーを制作会社に頼んでいたりしたんですが、これがいかに非効率だったかということを思い知って反省したので、紹介してみます。 自分の関わっているサービスをスゴイスゴイ言うと宣伝くさくなるので避けてたんですが、これは本当にびっくりしたのです。通常のバナーの作り方 通常のバナー広告って以下みたいな手順をふむことが多いですね。 1. 宣伝したいサイトの運営者(ディレクター)が欲しいイメージを制作会社に伝える 2. 制作会社のデザイナーさんがいくつか作る 3. そのバナーでよさそうなものを運営者が選んでそのバナーを出す ここでの問題は、1も2も3も「こういうのがいいんじゃないか」って勝手に想像して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く