タグ

2011年6月7日のブックマーク (11件)

  • 【Photoshopチュートリアル】マスキングテープ素材 | 07design.blog

    今回はデザインのお勉強ではなく、趣味に走ったチュートリアル記事を書きます。たま~に若い女の子向けのグラフィックデザインをやるのですが、マスキングテープを使ったデザインをよく作ります。その素材のチュートリアルを個人的なメモとして記録しておきます。…今回はデザインのお勉強ではなく、趣味に走ったチュートリアル記事を書きます。 たま~に若い女の子向けのグラフィックデザインをやるのですが、 マスキングテープを使ったデザインをよく作ります。 その素材のチュートリアルを個人的なメモとして記録しておきます。 我流なので、参考になるか分かりませんが森ガールテイストのデザインを作る際などにお役立てください。 マスキングテープ、かわいいですよね。個人的にも集めてたりします。 mtって略すらしいですが、どうしてもMovableTypeしか浮かばないのでマステって略してます… こういったものをつくっていきま

    【Photoshopチュートリアル】マスキングテープ素材 | 07design.blog
  • レイアウトに関する強力なjQueryプラグイン6つ:phpspot開発日誌

    6 Powerful jQuery Plugins to Create and Enhance Website Layout | Queness レイアウトに関する強力なjQueryプラグイン6つが紹介されていました。 一昔前では不可能では?と思われたような複雑なレイアウトもjQueryを使うことで簡単に実現できます。 ちょっと変わったレイアウトにしたいっていう時に参考にさせてもらいましょう UI.Layout リサイズ可能な複雑なレイアウト作成 Masonry ブロックを新聞みたいにしきつめて表示 jLayout divをならべてその親divのclassにルールにしたがって記述することで複雑なレイアウトが簡単に作れます jQuery pageSlide ページ全体をズラしてアニメーションしながらサイドバーを出すエフェクト jQSlickWrap 画像にあわせて文書をまわりこませられる C

  • Photoshop VIP ☞ Web制作に利用したいPhotohsop無料UIデザイン素材20個まとめ

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    Photoshop VIP ☞ Web制作に利用したいPhotohsop無料UIデザイン素材20個まとめ
  • 写真参考サイトまとめ

    写真は構図やインスピレーション、Web 制作素材としても、大きく貢献してくれます。 加工や構図など、まだまだ勉強不足です。 多少でも参考にできるように出来るだけ クオリティの高いフォトグラフィを見ておきたい のでそれ系のコミュニティや紹介してくれる ブログなどをまとめました。 素敵な写真やユニークな写真、加工技術の素晴らしい写真などジャンルは様々ですが、今回はとくに拘らず、極力クオリティ重視で選んでいます。 1x.com 世界のプロも集まる写真コミュニティサイト。見た目も綺麗で、最近よく見に行きます。 1x.com 500px こちらもプロのカメラマンも集まるSNS。中でもpopularにあがる写真は必見です。リンクもpopularに貼ってあります。 500px The D-Photo 写真好きならここ知らないと損だなぁ、と思うブログ。クオリティ重視、フォトグラファー別でまとめ記事を書いて

    写真参考サイトまとめ
  • 最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン

    ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • アイデアの実現に勢いが不可欠な理由と、これを実践する4つの方法 | ライフハッカー・ジャパン

    すばらしいアイデアは、はじめの一歩にすぎません。クリエイティブな炎を燃やし続けなければ、すぐ「むだ足」に終わってしまいます。Jocelyn K. Glei氏は、生産性向上ブログメディア「The 99 Percent」で、勢いを継続させることこそ、アイデアの実現に不可欠であると説き、その理由と実践法について、次のように述べています。 脳神経科医のオリヴァー・サックス(Oliver Sacks)氏は、『Musicophilia: Tales of Music and the Brain(邦題・音楽嗜好症(ミュージコフィリア)―脳神経科医と音楽に憑かれた人々)』で、脳炎にかかり、ほとんど記憶がなくなった音楽学者クリーブ・ウェアリング(Clive Wearing)氏について述べています。 クリーブ氏の短期記憶は数秒しかもたず、「実際にやっていなければ、ほとんどなにも記憶できない」とサックスは綴って

    アイデアの実現に勢いが不可欠な理由と、これを実践する4つの方法 | ライフハッカー・ジャパン
  • 今日はちょっと格言めいた「デザインとは?」の三者三様の答え。皆さんなら、この質問にどう答えますか?

    1,「モノが起こすコト(モノによって起きるコト)こそデザイン」グラフィックデザイナー佐藤卓さん 2,「デザインはデザインそのものでは成立せず、気づき、考えることを起こすのがデザインの役割」デザイナー深澤直人さん 3,「生活を変えるものでなければデザインでない」「デザインはローコストでハイリターンの経営資源」装飾性やライフスタイル的価値観から語られることが多いデザイン。その社会的機能に注目する。製品のコンセプトから考えてデザインをプロデュースする「コンセプター」は、「デザインは重要な経営資源」と考える。坂井直樹 (繊研新聞より)

    今日はちょっと格言めいた「デザインとは?」の三者三様の答え。皆さんなら、この質問にどう答えますか?
  • Macユーザーが好きそうなスクリーンセーバーを7つ厳選してみた|男子ハック

    @JUNP_Nです。スクリーンセーバーは標準インストールされているもの意外にも追加できるのですが、壁紙(デスクトップ背景)のように気軽に変える人はあまりいないように思います。ということでMacユーザー好み(?)なスクリーンセーバーを厳選して7つ紹介します。 昔のように画面の焼き付き防止という意味合いは少ないですが、気分転換にスクリーンセーバーなんてのもいいものですよ。 ダウンロードしてきたファイルをダブルクリックするだけでインストールができるので簡単です。 1. シンプルながらも絵になるパラパラ時計最初に紹介するのはこちら。僕はシンプルで飽きなく実用性もあるこのスクリーンセーバーが今のところお気に入りです。オプションで24時間表示に変更もできます。 【ダウンロードはここから】 2. レゴブロックみたいなものが積み上がるありがちだけど、女子ウケも狙えそうなスクリーンセーバーです。小さな子供が

    Macユーザーが好きそうなスクリーンセーバーを7つ厳選してみた|男子ハック
  • お手軽WordPress Tips:管理画面のドロップダウンする「ヘルプ」の内容を変更して存在価値を(少し)高める - かちびと.net

    WordPressの管理画面内でドロップダウンする ヘルプ。個人的に正直あってもなくてもいい程度 のものという認識です。WPに疎いお客さんへの 納品で説明するくらいだと思うんですが、それは それで分かりにくい気がするので、中身を変えて この存在価値を高めてあげよう、というカスタマイズ。 前置きが長くなりましたが、管理画面のヘルプがデフォルトではWebに疎いクライアントさんにとっては微妙なものなので自分で価値を高めてあげましょうよという話。せっかくあるコンテンツなので役に立って貰いたいですしお寿司。 ヘルプの内容を変える デフォルトではこういう状態です。アイキャッチとかエディターとかWebに疎い方が聞きなれていない言葉はあまり使いたく有りません。 なのでヘルプの中身を変えます。今回は投稿とページのヘルプを例にしてみます。 コード add_action('load-post-new.php',

    お手軽WordPress Tips:管理画面のドロップダウンする「ヘルプ」の内容を変更して存在価値を(少し)高める - かちびと.net
  • jQueryだけでURLをパースするプラグイン「jQuery-URL-Parser」 | Web活メモ帳

    「jQuery-URL-Parser」を使うと、URLを分解して簡単に値を取得できますよ。 使い方はこんな感じです。 var url = $.url('http://example.com/folder/index.php?item=value'); url.param('item'); こうするとクエリーのitemの値”value”が取得できるというわけです。 他にもホスト名やディレクトリ,#以降のアンカーの値も取得できますよ。 これはいいかも。 詳細&ダウンロードは以下からどうぞ。

    jQueryだけでURLをパースするプラグイン「jQuery-URL-Parser」 | Web活メモ帳
    komlow
    komlow 2011/06/07
    ery][javascript][webデザイン]