2019年総まとめ: Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ

2019年、当サイトで公開した記事の中からPocketにたくさん登録された記事やツイートされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。

2019年総まとめ: Web制作に役立つ記事のまとめ

当サイトの購読は、RSS Feedを利用すると便利です。

※旧Feedに登録されている人がまだ多いので変更をお願いします。

Web制作全般

サイトのキャプチャ

2020年、最近注目されているWebデザインのトレンドと技術の進化

UI/UX関連

サイトのキャプチャ

はっきりと分かるようにデザインされたUIは、最高のUI

デザインのテクニック・インスピレーション

サイトのキャプチャ

UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ

Photoshop, Illustrator, XD, Sketchなどの使いこなし術

Adobe XDがSketchよりも優れている理由

Adobe XDがSketchよりも優れている理由

フォント・タイポグラフィ

2020年用、日本語のフリーフォント417種類のまとめ

2020年用、日本語のフリーフォント417種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記

カラー

2020年の流行色・トレンドカラーは「クラシックブルー」

2020年の流行色・トレンドカラーは宵の空を連想させる「クラシックブルー」HTMLのコードは「#0f4c81」

HTML

サイトのキャプチャ

実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方

CSS: 基礎知識

CSS Flexboxの基礎が一通り学べるチュートリアル

独学の人でも大丈夫!CSS Flexboxの使い方を基礎から学べるチュートリアル

CSS: 実装テクニック

最近のWebサイトでよく見かけるUI要素をデザインするCSSの実装テクニックのまとめ

最近のWebサイトでよく見かけるUI要素をデザインするCSSの実装テクニックのまとめ -Design Tips in TailwindCSS

JavaScript

サイトのキャプチャ

2019年になってもまだjQueryを使用している理由

WordPress, Bootstrapなどのフレームワーク

サイトのキャプチャ

WordPressを劇的に高速化、1秒以内に表示されるフロントエンドの構築方法 -Zero-latency WordPress Front-end

無料素材

サイトのキャプチャ

もうこれでUI用のアイコンには困らない!商用でも完全無料で利用できる3,000種類のシンプルなアイコン素材

便利ツール・サービス

保存版!デザインツールの総まとめ

保存版!デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで

sponsors

top of page

©2020 coliss