Web制作に役立つ情報一覧

WordPress：カテゴリー周りをカスタマイズする際の備忘録

2016/06/16(Thu) 07:28

記事でいうアイキャッチのようなカテゴリーイメージを設定できるようにしたり、説明文を自由に装飾できるようエディタを実装したりなど、WordPressのカテゴリー周りのカスタマイズでよく利用するコードやプラグインの備忘録です。

http://www.nxworld.net/wordpress/wp-category-customize-tips.html

SNS公式アカウントへのクレーム対処法――「不謹慎だ」など3つの批判パターンと適切な対応

2016/06/15(Wed) 07:30

公式アカウントに寄せられる批判コメントやクレームを、3パターンに分類

http://web-tan.forum.impressrd.jp/e/2016/06/14/22910

パナソニックのブランドサイトUI改善事例：ヒートマップでPDCA効率化

2016/06/15(Wed) 07:29

解析だけじゃないヒートマップの利用法

http://web-tan.forum.impressrd.jp/e/2016/06/15/22956

これからのWebデザインは、コンポーネント化を意識しよう | Webクリエイターボックス

2016/06/15(Wed) 07:29

Webデザインのプロセスが変化しています。以前「実践で学ぶWebサイト制作ガイド まとめ」という記事でWebサイトの制作手順を紹介しましたが、この方法はまだ使えるものの、徐々に廃れていくでしょう。

http://www.webcreatorbox.com/inspiration/component-design/

コピペでラクラク、押したくなるボタン用HTMLコードスニペット39個まとめ

2016/06/15(Wed) 07:28

HTMLとCSSを中心にデザインされた、注目を集めたいときにぴったりな最新ボタンエフェクト用コードスニペットを、コード共有サイト CodePen からピックアップしまとめています。

http://photoshopvip.net/91115

Webデザインやイラストに使える！ハーフトーンのテクスチャやパターンのフリー素材のまとめ

2016/06/15(Wed) 07:27

写真やイラスト、文字などに不透明度を調整してオーバーレイで重ねて使うと、レトロ風やグランジ風のいい感じに仕上げるハーフトーンのテクスチャやパターン素材を紹介します。

http://coliss.com/articles/freebies/halftone-pattern-textures.html

[JS]埋め込みはこれでOK！Google Mapも動画も音楽もコードもツイートも簡単に埋め込めるスクリプト -embed.js

2016/06/15(Wed) 07:26

Google Mapをはじめ、YouTube, Vimeo, Vine, TEDなどの動画、SpotifyやSoundCloudなどの音楽、GitHub, CodePen, JS Binなどのコードなど、さまざまなメディアをWebページに簡単に埋め込むことができるスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/js-embedjs.html

いざという時に便利そうな、珍しいタイプのアイコンセット 30 #13

2016/06/14(Tue) 07:22

ここ最近見かけた珍しいタイプのアイコンセットのまとめです。これまで紹介してきたものと同様であまり見かけないものや汎用性が高いUIアイコンなどと比べて使う場面は少なくても、いざ使いたい時に便利そうなものや個人的に面白いと思ったデザインアイコンです。

http://www.nxworld.net/material/unusual-icon-sets-201606.html

これどうやって作るの？フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ

2016/06/14(Tue) 07:21

今回はデザイナーが参考にしたい、最新 Photoshop チュートリアルをまとめてご紹介します。デモ用 PSD ファイルを無料ダウンロードできる素材もあるので、これからフォトショップをはじめるひとにもオススメです。

http://photoshopvip.net/91047

最近の気になるデザインテクニックが身につくPhotoshopのチュートリアルのまとめ

2016/06/14(Tue) 07:21

打ち出し画像やポスターの印象的なグラフィック、フローラルを組み合わせるタイポグラフィ、Duotoneのグラデーション、幾何学的な形状を使ったデザインなど、最近の気になるデザインテクニックが身につくPhotoshopのチュートリアルを紹介します。

http://coliss.com/articles/build-websites/operation/design/photoshop-tutorials-2016-june.html