Web制作に役立つ情報一覧

しっかり入門！きちんと身につくIllustratorチュートリアル、つくり方37個まとめ

2017/08/10(Thu) 09:49

Illustrator は、デザインの現場に欠かせないソフトウェアのひとつで、さまざまなツールや機能を活用することで、高品質なイラストやグラフィックスを作成できます。

http://photoshopvip.net/103661

ユーザビリティを測定する際に理解しておくべき10のこと

2017/08/09(Wed) 09:50

プロダクトやWebサイトにおいて、何が機能していて何が機能していないのかを知るにはユーザーを数人観察するだけでも十分です。

http://uxmilk.jp/61221

CSSリセットの新しい考え方、リセットと有用なコンポーネントだけのスタイルシート -Shoelace.css

2017/08/09(Wed) 09:49

レイアウトにfloatを使用していた頃はグリッドを構築するために、複雑なHTMLやテクニックが必要になることがありました。しかし、flexboxやCSS Gridの登場で、レスポンシブ対応の柔軟なグリッドを簡単に利用できるようになりました。

http://coliss.com/articles/build-websites/operation/css/css-starter-kit-shoelace.html

商用利用無料、和紙・和風の紙のテクスチャ素材がダウンロードできるサイトのまとめ

2017/08/08(Tue) 09:49

和紙・和風の紙、畳や段ボールやノートなどのテクスチャ素材がダウンロードできるサイトを紹介します。そのまま背景に使ってもよし、写真やイラストにオーバーレイさせてもよし、テクスチャ素材は何かと便利ですね。

http://coliss.com/articles/freebies/free-japanese-paper-textures.html

CSSで実装するオーバーレイ表示時のエフェクトサンプル 10

2017/08/07(Mon) 09:53

初期表示では非表示になっているナビ表示時やモーダル表示時の背景などで利用されるオーバーレイを表示する際のエフェクトサンプルを自分用にほしくて作ったのでシェアします。

https://www.nxworld.net/tips/10-css-overlay-effects.html

Photoshopのスキルを身につけたい人にオススメ！誰でも上級者になれる実践的なテクニックとアイデアがよく分かる良書

2017/08/04(Fri) 09:57

こういう本を待ち望んでいた人も多いと思います。Webデザインや紙デザインで見かける印象的なかっこいい画像、かわいい画像の作り方、ロゴや素材の作り方など、Photoshopの実践的なテクニックやデザインのアイデアが詳しく解説されたオススメの本を紹介します。

http://coliss.com/articles/book-review/isbn10-4797389400.html

【神】Photoshopより、ずっとはやーい！Sketchの素晴らしさを動画で学びながら体験してみた

2017/08/03(Thu) 09:45

「Sketch」というデザインツールを使ったことがありますか？今回、オンライン動画学習サービス “Udemy” で人気の「Webやアプリの最新デザインツール Sketch3」という動画講座をPRするため、初めてSketchを使うことになったのです。

https://liginc.co.jp/363661

Photoshopの基本からプロレベルまで！すごいチュートリアル37個まとめ 2017年7月度

2017/08/02(Wed) 09:54

「Photoshopを最短ルートで学びたい。」「もっとも魅力的なビジュアルをデザインしたい。」「現場で使えるツールの使い方を覚えたい。」そんなひとにオススメしたいフォトショップの学習方法のひとつが、デザインチュートリアルを活用する方法です。

http://photoshopvip.net/103433

デザイナーが持っておきたい、すごいフリーフォント70個まとめ 2017年7月度

2017/08/01(Tue) 09:48

毎月世界中で公開されているフリーフォントの中から、特に使い勝手の良い素材やデザイン性の高いアイテムを厳選し、まとめてご紹介しています。今回は、2017年7月度フリーフォントまとめとなります。

http://photoshopvip.net/103348

[CSS]レスポンシブ対応の最新版！サイズが不明な要素を天地左右の中央に配置するスタイルシートのまとめ

2017/08/01(Tue) 09:47

div要素やp要素に画像やテキストなどを配置した高さや幅のサイズが分からない要素を外側の容器の高さが不明でも天地左右の中央、ビューポートの中央に配置するスタイルシートのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-centering-horizontally-and-vertically.html