タグ

ブックマーク / www.ar-ch.org (6)

  • デザイン制作のインスピレーションになるRSSまとめ | Arch

    最近Emberを買って、RSSを整理したのでまとめてみました。 Webデザインが中心ですが、UIデザイン、アイコンや紙ものも参考になるので登録しています。どれもクオリティが高くデザインのインスピレーションを得られそうなものばかりです。 デザインギャラリー Awwwards – Sites of the day

    デザイン制作のインスピレーションになるRSSまとめ | Arch
  • かわいくて食べられない?動物やキャラクター形の食べ物8個

    かわいくてべられないようなべ物8個をPinterestからまとめてみました。そんなこと言っても結局はべちゃうんでしょうけど…( ゚ω゚) お仕事の息抜きにどうぞ〜 (写真下「Source: 」のリンク先から元画像へ飛びます)

    かわいくて食べられない?動物やキャラクター形の食べ物8個
    gonnu
    gonnu 2012/10/02
  • 【商用無料】SVG形式のシンプルなベクターアイコン60個セット

    自作アイコンがたまってきたので、特に自分が良く使うシンプルなアイコンを配布してみます。SVG形式でイラストレーターで編集できます。アイコンは、商用無料でクレジット表記なしでお使いいただけます。 ご使用にあたって 以下を守ってお使いください。 禁止事項 × 再配布、またはダウンロード可能な状態にすること × 販売 × 素材への直リンク 許可事項 ○ パスの変更・着色・拡大縮小などの加工 ○ 商用・非商用サイトでの使用 ○ Web、プレゼンなどの資料、ソフトウェア、印刷物への利用 ある程度縮小しても、視認性を保てるようにつくりました。また、シンプルなので、どんなサイトでも使えるかなと思います。お役に立ちましたら幸いです。

    【商用無料】SVG形式のシンプルなベクターアイコン60個セット
  • Webサイト制作の一連の流れをまとめてみました

    Webサイト制作の一連の流れをまとめてみました。クライアント向けにまとめたものを少し手直ししてのせています。新人Web担当者さんや、新人ディレクターさんの参考になるかなと。 なるべく難しい言葉を使わず、理解しやすいよう平易な言葉で書いております。 ※流れや手順は制作会社によって違うのですが、概要はつかめるかなと思います。 目次と流れ 1. サイトのコンセプトを考える 2. 競合他社からクライアントのお店や商品を選んでもらうためのポイント(強み)を整理する 3. そのサイトで一番伝えたい内容を決める 4. お客さんが必要とする3以外の情報や、クライアントの伝えたい情報をまとめる 5. サイト更新は誰がするのかを決める 6. 想定使用デバイス(PCやスマートフォンなど)を決める 7. サイトの周知・宣伝方法を考える 8. ページの設計図をつくる 9. サイト制作にかかわる必要な素材を準備する

    Webサイト制作の一連の流れをまとめてみました
  • ページアップ後ディレクターがチェックすべきポイントと便利ツール5つ

    HTMLページをアップ後にWebディレクターが特にチェックすべきポイントと、そのチェックをするために便利なツール5つをご紹介します。 1. コーディングミスの有無を調べる コーディングミスについて コーディングは、Firefoxのアドオン、HTML Validatorでチェックします。 まずはHTML Validatorをダウンロードします。 こちらの右下に赤で×印があると、コーディングにミスがあるということを示しています。 (緑のチェックマークは、ミスがないことを表しています。) 赤の×印をダブルクリックして、ソース画面を開きます。 エラーのある行番号と、そのエラー内容がわかります。内容は英語なのですが、なんとなくわかるはず。 この場合は、ID名が重複しているよ、ってことです。 このエラー内容をコーダーさんに伝えて、修正をしてもらいます。 2. JavaScriptエラーの有無を調べる

    ページアップ後ディレクターがチェックすべきポイントと便利ツール5つ
  • Dreamweaverの拡張機能まとめ

    Dreamweaver用の拡張機能をまとめました。 便利なものばかりなので、ぜひお役立てください。 タグ挿入・文字列変換 コメントを生成して挿入するDreamweaver用拡張機能 <!– /#container –>などのコメントを簡単に挿入できます。 IDやClass名は自動で取得してくれます。 Adobe – Dreamweaver Productivity : Close Tags 閉じていないタグを閉じてくれます。 Adobe – : Adobe Dreamweaver 10周年セミナー:全角・半角変換拡張機能 全角の数字やカナを半角に直したり、その逆もできます。 携帯サイト作成にも便利ですね。 Zen-Coding DreamweaverでZen-codingが使えるようになります。 (CS3の方は、Zen Coding for Dreamweaver v0.5を選ぶといいかも

    Dreamweaverの拡張機能まとめ
  • 1