2014年総まとめ：Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ
Post on:2014年12月26日
sponsors
2014年、当サイトで公開した記事の中からPocketにたくさん登録された記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。
- Web制作全般
- デザイン論、Photoshop, Illustrator関連
- フォント・タイポグラフィ関連
- UI/UX・カラー関連
- 便利ツール・サービス関連
- HTML, CSS, JavaScript関連
- 無料素材関連
- その他
当サイトの購読は、RSS Feedをご利用すると便利です。
※旧Feedに登録されている人が多いので変更をお願いします。
Web制作全般
- 2014年これからのウェブ制作業界の流れ、伸びる職種、ウェブデザインのトレンドなどのまとめ
- 2014年後半、現在これからのWebデザインのトレンドと制作動向を知る26のキーワード
- Web制作者は要ブックマーク！制作時にいろいろと役立つ便利サイトのまとめ
- Web制作時に備えておくと便利なチートシートのまとめ
- しっかりと理解しておきたい！レスポンシブWebデザインを使いこなすための9つの基本原則
- 2014年Webデザイナーはコードをどこまで学ぶべきか、Webデザインが今までどのように進化してきたかのまとめ
- Googleのアルゴリズムにおける検索順位に影響を与える200+個の要因のまとめ
- Web制作者もクライアントも注目しておきたい、魅力的なWeb制作会社・クリエイター集団のまとめ
デザイン論、Photoshop, Illustrator関連
- ウェブデザイナーの勉強にいい！デザインの基本原則からPhotoshopの実践的なテクニックまで学べる無料のeBook -Pixel Perfect Precision 3
- 新人デザイナーにオススメ！デザインの要素と原則への理解をアニメで深める動画 -Elements of Design
- 心に響いた！良いデザインに欠かせない大切な10の原則 -Vitsœ
- ロゴを作る時に知っておきたい11の基本ルール
- デザインの引き出しを増やそう！2014年のロゴデザインのトレンドのまとめ -2014 Logo Trends
- そのデザインには理由がある！デザインの原則をWebデザインにどのように取り入れるのかのチュートリアル
- Photoshopでの作業のパフォーマンスを向上させる最適な環境設定のまとめ
- Photoshopでの作業がはかどる！ウェブデザイン（特にスマフォ）用の効果的な環境設定のまとめ
- Photoshopでの作業がはかどる便利な機能拡張・プラグインのまとめ
- Photoshopでの面倒な作業を簡単に！便利すぎるPhotoshopのアクションのまとめ
- スキャンした下絵や線画から1クリックで主線を抽出するPhotoshopのアクション -Lineart Separate
- Web制作に必ず役立つIllustratorのチュートリアルやスライドのまとめ
- 【保存版】Illustratorでインターフェイスをデザインする時に役立つ時短テクニックのまとめ
フォント・タイポグラフィ関連
- 2015年用、日本語のフリーフォント164種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記
- 2014年、フォント好きのための高品質なすごい英語のフリーフォントのまとめ
- 美しいフォントは日本の宝！プロユース向けの日本語フォントを扱っているベンダー各社のまとめ
- フォント選びの参考になる！世界で活躍している有名デザイナーたちが選んだフォントのランキング -Typographer's Typefaces
- ウェブデザイナーにお勧め！フォントやタイポグラフィの知識・テクニックを学ぶまとめ
- フォントはウェイトを使いこなすと更に面白くなる！ウェイトが軽いフォントの効果的な使い方
UI/UX・カラー関連
- ウェブデザインのセンスを磨こう！ 2014年洗練されたディテールのUIデザインのまとめ
- Webデザインのセンスを磨く！2014年上半期洗練されたディテールのUIデザインのまとめ
- ウェブ制作者はチェックしておきたい、面白いアイデアを使った最近のウェブサイトのまとめ
- ブックマークしておきたい、スマホUIをコレクションしている海外と日本のサイトのまとめ
- 最近のUIデザインで使われている落ち着いたパステルや同一色相のグラデーションなど、人気のあるカラーのまとめ
- Webデザインの代表的な4つのレイアウト、その特徴と相違点 -Liquidapsive
- 最近のWebデザインで採用されているレイアウト72種類を収録した無料のUI素材（PSD, AI, Sketch） -UI Tiles
便利ツール・サービス関連
- これはスゴイぞ！Bootstrapのページ作成が積み木感覚で簡単にできてしまうジェネレーター -lollytin
- このクオリティはスゴイ！JPEG, GIF, PNG画像をベクターに変換する無料のオンラインサービス -PicSVG
- Mac, Win, Linux対応、Illustratorのようにベクターでイラスト・デザインができる無料のドロー系ソフト、期待上げ！ -Gravit
HTML, CSS, JavaScript関連
- CSSを書く時、絶対に参考にしておきたいCSSガイドラインのまとめ
- CSSの素晴らしいアイデアが満載！2014年スタイルシートのテクニックのまとめ
- CSS: 次のプロジェクトで使える！スタイルシートの極上テクニックのまとめ
- CSS: 素晴らしいテクニックが満載！囲いや区切りなどのラインを実装するスタイルシートのまとめ
- 無料でしかも高品質！1ページで構成されたサイトを作るためのHTML5/CSS3のテンプレートのまとめ
- 2014年総まとめ、jQueryのプラグインとスクリプト100選
- jQueryのプラグインを探す時に便利なサイトのまとめ
- JavaScript: 最近のWebサイトで見かける面白い仕掛けや便利な機能を実装するスクリプトのまとめ
- HTML5でWebページを作成する時用の必要最小限をまとめたシンプルなテンプレート（IE8以下も配慮）
- 商用も無料！Bootstrapをベースに最近のトレンドを取り入れた新作テンプレートのまとめ
- 無料で高品質！レスポンシブ対応のWordPressのテーマファイルのまとめ
無料素材関連
- 最近のウェブデザインのトレンドを取り入れたページレイアウトのPSD素材のまとめ
- ブックマークに加えておきたい、雰囲気のある写真画像がダウンロードできるストックフォトサイトのまとめ
- 商用利用無料で使える、いい感じの動画ファイルがダウンロードできるサイトのまとめ
- テクスチャやパターンなど、背景に使える高品質なフリー素材のまとめ
- 2014年、無料で商用利用できる最新フリーアイコン素材のまとめ
- 商用利用無料！黒板にチョークで文字や図形・飾りを書いた感じに仕上げるテクスチャやチョークをまとめた素材
- こんなにたくさんある！Illustratorが楽しくなる無料のブラシ素材のまとめ
その他
- Googleのサービスを利用する際に知っておくべき大切なURLのリスト
- ゲーム感覚で自分のWebデザインのスキルがどのくらいなのかが分かるスキルチェックサイトのまとめ
- 文房具が好き！こだわりのあるカワイイ文房具屋・雑貨屋さんのサイトのまとめ
- これは使える！かわいい似顔絵・アバターが作成できるジェネレーター20選
- コードが見やすく使いやすいSublime Text 2/3のテーマのまとめ
当サイトのビジターの傾向は、去年に引き続き、OSはWindows7、ブラウザはChrome、がそれぞれ40%以上、IEは11がメインの人が多かったです。
ソーシャルからの流入はTwitter, Facebook, Gunosyが3強でした。Pocketもボタン設置のおかげか増えましたね。
来年はTwitterのフォロワーとFacebookのいいねがキリのいい数字になりそうです。
2015年も、どうぞよろしくお願いいたします。
sponsors
