Web制作に役立つ情報一覧

デキるデザイナーはみんな使ってる！背景にすぐ使えるすごいデザインテクニックのまとめ

2016/07/22(Fri) 10:12

画像や文字などを配置する時、背景をどのようにするかでデザインは劇的に変わります。Webや紙のデザインに効果があり、すぐに使える背景のすごいデザインテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/design/designing-for-backgrounds.html

ユーザーに考えさせちゃダメ！ クルーグのWebユーザビリティ第一法則

2016/07/21(Thu) 09:55

Webサイトやアプリを確実に使いやすくするためには、何がいちばん大切か ―― その答は簡単だ。「ユーザーに考えさせちゃダメ！」これはすべてに勝る大原則だ。

http://web-tan.forum.impressrd.jp/e/2016/07/21/23338

デザイン制作物をたのしく演出する、商用フリーの手描きイラスト素材 haconiwa コレクション【プレゼント企画】

2016/07/21(Thu) 09:54

素材はスタンダードなモチーフ5種(ライン、フレーム、アイコン、吹き出し、矢印)×各30点の全150点セットで、どれも商用フリーで利用できます。

http://photoshopvip.net/92084

これ使ってる？Photoshopのベスト機能10個と使ってはいけないワースト機能10個まとめ

2016/07/20(Wed) 10:12

デザイン編集に欠かせない Photoshop には、さまざまな機能が揃っており、あらゆる作業をよりスムーズにしてくれます。その一方で「これってどうやって使うの？」と思ってしまう、改善が必要な機能があるのも事実です。

http://photoshopvip.net/92040

レスポンシブ対応、検索フォームのデザイン・実装するアイデアのまとめ

2016/07/20(Wed) 10:12

CSSアニメーションを使って実装された、レスポンシブや省スペース用の検索フォーム、フル画面に表示させる検索フォームなど、デザインや実装のアイデアが面白い検索フォームを紹介します。

http://coliss.com/articles/build-websites/operation/css/design-and-idea-for-search-forms.html

Webサイトのテキストのスタイルを作成、CSSでダウンロードできる・「Type Nugget」

2016/07/19(Tue) 10:43

Type NuggetはWebサイトのテキストを直感的なUIでスタイル、CSSをダウンロードできるWebアプリです。見出しやパラグラフ、リスト、リンクなどのテキストスタイルを設定、CSSをジェネレートしてくれる、というもの。

http://kachibito.net/useful-resource/type-nugget

バナーデザイン制作の初心者に役立つサイトや良記事まとめ【作り方から仕事まで】

2016/07/19(Tue) 10:43

バナー制作（インターネット広告）の技術を身に付けておけば、クラウドソーシングで仕事を受注して副収入を得たり、広告制作会社とパートナー契約を結び安定した在宅ワークを提供してもらえたりと、自由度の高いワークスタイルを実現できる。

http://lifeiscolourful.hatenablog.com/entry/banner-design-matome

男子の手書き文字をフリーフォント化！商用利用無料で漢字も揃ってる -仕事メモ書きフォント・遊びメモ書きフォント

2016/07/19(Tue) 10:41

日本語のフリーフォント「仕事メモ書き」と「遊びメモ書き」を紹介します。メモやノート、レポートなど、手書きさをデザインする時にぴったりのフォントです。

http://coliss.com/articles/freebies/freebies-font-shigotomemo-aosobimemo.html

疑似classやレスポンシブ用、フォントのサイズ指定など、CSSの便利な小技・テクニックのまとめ -CSS Protips

2016/07/19(Tue) 10:41

:before, :after, :last-child, :nth-child, :not など疑似classを使った小技、レスポンシブ用のレイアウトやフォントのサイズ指定など、サイトやブログに役立つ便利なCSSのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-protips-v3.html

[JS]これを使うだけでWebサイトのインタラクションやレイアウトがかなりよくなる、便利でちょっとずるいスクリプトのまとめ

2016/07/19(Tue) 10:40

縦長ページのスクロール エフェクトで再スクロールや上にスクロールする時にも適用したい、高さ指定のない画像を読み込む時にスクロールバーががっくんがっくんするのを避けたい、美しいレイアウトを簡単に実装したい、そんな便利でちょっとずるいスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/javascript-best-2016-july.html