best-free-website-resource_mv

Web制作が少し捗るかもしれないWebサービスを11つご紹介

  • このエントリーをはてなブックマークに追加

デザイナーさんやデベロッパーさんなどWebサイトを作る際に利用すると少し制作が捗るかもしれないWebサービスをまとめました。


Web制作が少し捗るかもしれないWebサービス

Web Colour Data

Colours

URLを指定するとそのサイトの配色を出力してくれます。

365psd

365psd   Download a free PSD every day

365日毎日(?)1つづつpsdを紹介してくれます。UIパーツやアプリデザインなど様々ですが、どれもフリーでダウンロードできるようになってます!ありがとう!

source canvas

Source Canvas   Freebies Gallery for PSDs and Source Code

上記の365psdのようにpsdだけではなく、ベクターやCSS3やjQueryなどもダウンロードすることができます。

Screen Sizes

Screen Sizes

最新のスマートフォンなどをOSや解像度などをまとめているサイトです。

PixelsDaily

PixelsDaily   Free PSDs   Resources for Designers

PSDやWordpressのテーマ、HTML、アイコンなどをダウンロードできます。フリーのものも多いですが、有料もありますがどれもクオリティがすごくお高いでございます。

Unheap

Unheap   A tidy repository of jQuery plugins

jQueryのプラグインを紹介しているサイトです。フラットなイラストから動きが連想できますね。ちょっと動きのあるようなサイトを作ろうかなっと思った時にみてみるとインスピレーションが湧いてくるかもしれません。わかりません。Demoやソースなどもダウンロードできるのですごく便利です。

Favigen  Favicon Generator 

Favigen  Favicon Generator   The easiest way to create a favicon for your site

画像ファイルからファビコン用の.icoファイルに変換してくれるジェネレーター。そこまで使う機会がないかもしれませんが、ファビコンを設定したいしたよ!という方におすすめです。

PXtoEM.com

PXtoEM com  PX to EM conversion made simple

pxからemにサイズを変換してくれる夢のようなジェネレーター。

Subtle Patterns

Subtle Patterns   Free textures for your next web project

最近Photoshopのプラグインでも発売したこちらのサイトは、様々なパターンを配布してくださってます。定番なパターンから、ちょっと変わったパターンなど本当に様々です。全部ほしいところですが、「いつ使うの?」というパターンもあったりします。でも面白いパターンの背景にしたけどどんなものにしようというときに少し覗いてみると発見があるかもしれません。

Make the Web Faster

Make the Web Faster  Google Developers

サイトの読み込み速度を計測してくれるサイトです。「ちょっとここはまずよー」というところは改善策を教えてくれたりしてくれます。得点を付けてくれます。

[参考:28 Free Resource Websites for Designers and Developers]

おすすめ記事

  1. 背景にぼかし写真を使ったWebデザイントレンド17個
  2. 海外のスタートアップ企業、サービスのwebデザインのまとめ
  3. バナー制作時に困ったらいつもお世話になっている素材サイト
  4. 資料請求がしたくなる、デザインが素敵な専門学校のwebサイト
  5. 素敵なwebサイトのデザインを研究してみる(NEVER、LINE編)

関連記事

PAGE TOP