Web制作者は絶対ブックマークしておきたい、デザインやコーディングに役立つサイトのまとめ

フロントエンドのデザインやコーディング時に調べたり、アイデアやインスピレーションがもらえるお役立ちサイトを紹介します。

最近リリースされた、特に便利なサイトをまとめました。

フロントエンドのWeb制作者向け お役立ちサイトのまとめ

写真: Girly Drop

サイトのキャプチャ

LAPA -Landing Pages Collection

プロダクトやアプリのかっこいいランディングページを集めているサイト。デザインやインタラクションのインスピレーションがもらえます。

サイトのキャプチャ

NavNav

CSS, jQuery, JavaScriptでつくられたレスポンシブ対応のナビゲーション集。デモやチュートリアルなどがコレクションされています。

サイトのキャプチャ

CodeMyUI

最近はさまざまなインタラクションを備えたUIが増えてきました。使いやすく、ユーザーを楽しませるUIを実装するコードが集められています。

サイトのキャプチャ

Template Stash

Bootstrap, WordPress, Ghost, Material Designをはじめ、ブログ用、ランディングページ用、Eコマース用、管理画面用など、さまざまなテンプレートがまとめられています。

サイトのキャプチャ

Pexels

Unsplash ItKaboompicsなど、CC0ライセンスの写真画像がダウンロードできるサイトを横断検索できます。

サイトのキャプチャ

wwwhere

デザインやコーディングなど、フロントエンドのWeb制作者向けのツールやリソースをまとめたサイト。

サイトのキャプチャ

Plain JavaScript

jQueryを使ってやっていることをjQuery無しのプレーンなスクリプトで書くとどうなるのかが分かります。

サイトのキャプチャ

Javascript in one pic

Javascriptの構文と基本的なコンセプトを一枚のマインドマップにまとめたもの。画像やPDFファイルとしてダウンロードできます。

サイトのキャプチャ

Device Metrics

Google提供のモバイルデバイスのサイズ・解像度・アスペクト比の一覧。サイドバーでは、Material Designを適用する時の情報や最適なタッチサイズなど、実装に必要な情報がチェックできます。

top of page

©2017 coliss