Web制作に役立つ情報一覧

自社サービスのロゴをWebフォント化して楽をしようと試みてみる方法

2014/05/30(Fri) 11:23

Webサービスをリリースしたばかりの頃は、毎日修正で日々細かい調整に追われるもの・・・さらに最近はレスポンシブWebデザインでMedia Queriesの分、いちいち修正するのかとか思うと

http://nanapi.co.jp/blog/2014/05/28/how-to-icons-web-font/

フォントはウェイトを使いこなすと更に面白くなる！ウェイトが軽いフォントの効果的な使い方

2014/05/29(Thu) 12:46

ウェイトが軽いフォントを使うと、デザインに明瞭で美しく洗練された印象を与えることができます。しかし使い方を間違えると、読みにくいだけでユーザーが内容を理解することができなくなってしまいます。

http://coliss.com/articles/build-websites/operation/design/using-light-typefaces-on-web-design-by-uxmovement.html

無料でJPG、PNG、GIF、SVG画像を圧縮して小さくしてくれる「Compressor」

2014/05/29(Thu) 12:46

アカウント登録不要・無料で利用でき、手元にある画像ファイルをブラウザでアップロードするだけで瞬時にファイルサイズを小さくしてくれるサービスが「Compressor.io」です。

http://gigazine.net/news/20140527-compressor/

写真でも無地でも！さまざまな画像を紙のように仕上げる便利なオーバーレイ用の素材 -Folded Paper Overlay、通常有料でも今だけ無料！

2014/05/29(Thu) 12:45

さまざまな画像に紙のような折り目やしわをつけたり、くしゃっとさせたりするオーバーレイ用の素材を紹介します。

http://coliss.com/articles/freebies/freebies-folded-paper-overlays-for-limited-time-only.html

ブランディングデザインやコンセプトデザイン制作時に便利なフリーのモックアップ素材 #4

2014/05/29(Thu) 12:44

ここ最近気になったブランディングデザインやコンセプトデザイン制作時に便利なフリーのモックアップ素材のまとめです。

http://www.nxworld.net/material/free-branding-and-concept-design-mock-up-201405.html

みんなは知ってる？WordPressの特徴と人気の理由を分析してみた

2014/05/29(Thu) 12:44

みなさんはWordPressを使っていますか？使っていないと答えた人の中にも、気がつかずに使っている人が結構いるはず。なぜなら、WordPressはそれくらい幅広く普及しているのです。

http://liginc.co.jp/web/wp/plug-in/91533

アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう

2014/05/29(Thu) 12:49

ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか？SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーで

http://www.webcreatorbox.com/tech/svg-vector/

Photoshop完全対応！継ぎ目のない無料パターンテクスチャ素材22個まとめ

2014/05/28(Wed) 11:54

あらゆるデザイン制作に活用できる、継ぎ目のないPhotoshopパターンテクスチャ。2014年に入って公開されたアイテムを中心に、コレクションに加えておきたいフリー素材をまとめて今回はご紹介します。

http://photoshopvip.net/archives/64418

【Photoshop】テクニックを習得！チュートリアルを集めました！

2014/05/28(Wed) 11:53

水しぶきとライティングを用いたチュートリアル。イベントのフライヤー等に活用できそう。

http://c-brains.jp/blog/wsg/14/05/27-100000.php

キャンペーン用トラッキングパラメータ付きURLを、HTML5のreplaceStateで美しくスッキリさせてみた

2014/05/28(Wed) 13:40

キャンペーン用のトラッキングパラメータ（utm_sourceとかutm_mediumとか）付きの汚いURLをスッキリさせるのに、HTML5のHistory APIで提供されているreplaceStateを使う、美しい方法を紹介します。

http://web-tan.forum.impressrd.jp/e/2014/05/27/17546