最近のWEBレイアウトで紙面に近いような多段な組み方をした、WEBレイアウトが出てきていますが、今回紹介するのは多数のボックスをウィンドウ幅に合わせて、隙間無く段組みしてくれるJQuery「Masonry」です。 特に違和感無く動作し、動作も速く安定していしています。JQueryを読み込ませて簡単なコードを付加してあげるだけで動作します。 詳しくは以下 並び替えだけではなく、絡む毎に幅を指定したり、コンテンツをボタンで追加したり、幅を揃えて、きれいに並べる事もできるみたいで、様々な使い道がありそう。ワンサイトで様々な切り口のコンテンツをもったサイトには非常相性がいいのではないでしょうか？ 詳しい設置方法は「David DeSandro: jQuery Masonry」をご覧ください。またデモは「jQuery Masonry › Basic Examples」からご覧になる事ができます。 プ

TOP  >  Design , vector , WebDesign  >  制作に便利なフリーピクトグラムアイコン集「8 Free Pictogram Icon Libraries and Collections 」 商業広告のデザインに便利なピクトグラムアイコン。一つの記号でユーザーに対して簡単に説明できるので、様々なところで重宝しますが、今日紹介するのはそんな制作に便利なフリーピクトグラムアイコン集「8 Free Pictogram Icon Libraries and Collections 」です。 Symbol Signs – Free collection – DesignWorkPlan-Creative Commons Attribution 3.0 地図や看板に使えそうなピクトグラムのアイコンが紹介されています。全部で8セットまとめられていますが、いくつか気になるもの

商用可！psdでダウンロードできるWEBデザインリソース「10 Free Excellent Website Designs with PSD Source」 WEBを制作する際、コーディングに入る前に、PSDでモックアップを制作すると言う方は多いかと思いますが、今回紹介するのはそのモックアップをPSD形式でダウンロードできるリソースを集めたエントリー「10 Free Excellent Website Designs with PSD Source」です。 Download Source 様々なクオリティの高い、PSDで使えるWEBデザインリソースが公開されています。今日はその中からいくつかきになったものを紹介したいと思います。 詳しくは以下 ■Dzinepress House – Download Source シンプルで美しい、WEBサイト様々な業種や用途で使えそうな、汎用性の高いW

Dreamweaverのテンプレート機能の参考サイトの自分用メモです。 使いこなせれば、中小規模のサイトをシステム無しで、 Webデザイナーのみで管理／運営ができます。 頑張ってContributeと連携すれば、こんなサイトも運用できちゃったりします。 Dreamweaverのテンプレートを使った事例 サッポロビールにおけるテンプレート活用事例 | デベロッパーセンター http://www.adobe.com/jp/devnet/dreamweaver/articles/dw10seminar_sapporobeer_02.html あの大手サイトもテンプレート機能を使ってます。一通り全部読んでみる事をお勧め。 北九州芸術劇場 http://www.kitakyushu-performingartscenter.or.jp/ 手前味噌ですいません…(汗 Dreamweaver Templ

保存 家で見たページを学校や会社でも見たい そんな風に思った経験はありませんか？ はてなブックマークは、オンラインにあなたのブックマークを保存するツールです。インターネットに繋がっていれば、家でも学校や会社でもブックマークを見られます。タグやコメントを付けて整理しましょう。保存したブックマークは簡単に検索できます。 共有 このページを読んだ人の感想が見たい ブックマークを公開して、多くの人と感想をシェアできます。このページはぜひ他の人にも見て欲しい、そう思ったらどんどんブックマークしましょう。感想を書いておけば、だれかの目に触れるはずです。はてなブックマークは、インターネットのあらゆるページを介して人と繋がるソーシャルネットワークです。 発見 今、話題になっているページが知りたい はてなブックマークは、旬なニュースが見つかるメディアです。 人気ブックマークをチェックすれば、みんなが見ている

もういよいよ冬本番で、寒い日がつづいていますが、今日紹介するのはそんな冬を演出してくれる雪のテクスチャを集めたエントリー「21 High-Res Texas Snow Textures」です。 雪と言っても新雪から、植物の上に積もった雪、少し引いた雪景色などなど、様々なバリエーションのテクスチャ用の画像鵜が収録されています。全部で21個のテキスチャが公開されていますが、今日はその中からいくつか気になったテクスチャを紹介したいと思います。 詳しくは以下 上記のほかにも様々な雪のテクスチャが収録されています。テクスチャは高解像度なので、様々な用途で利用できると思います。ダウンロードは「Free Textures – 21 High-Res Texas Snow Textures | Think Design」の下部のダウンロードボタンから可能です。 なかなか汎用性がありそうでいて、使いどころが