Web制作に役立つ情報一覧

雑誌はデザインの参考書!?Webデザインにも応用できることまとめ

2018/07/26(Thu) 10:14

今回は、デザインの参考に雑誌を見る際、何を考えて見ているのかお話ししたいと思います！

https://liginc.co.jp/397029

驚くほど簡単！コーディング作業不要で、まざまなHTMLページを積み木感覚で作成できる無料ツール -Stitches

2018/07/25(Wed) 09:54

ランディングページやポートフォリオなど、レスポンシブ対応のペライチ縦長ページをドラッグ&ドロップで驚くほど簡単に作成できてしまう無料オンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/work/html-template-generator-stitches.html

デザイナーが注目したい！2018年の人気デザイントレンド厳選14個まとめ

2018/07/25(Wed) 09:53

2018年を半分を過ぎたところで、今年人気となっているデザイントレンドを確認するに絶好のタイミングと言えます。今回は、2018年にウェブサイトやモバイルアプリのUIデザインで人気のトレンド動向をまとめてご紹介します。

http://photoshopvip.net/110096

CSSはもう新種のJavaScript

2018/07/24(Tue) 09:56

インクルーシブ HTML＋CSS＆JavaScript（紹介記事）、コーディングWebアクセシビリティ（紹介記事）の著者ヘイドン・ピカリング氏の記事が興味深かったので、紹介します。

https://coliss.com/articles/build-websites/operation/javascript/css-a-new-kind-of-javascript.html

[CSS]見出しや本文のfont-sizeとline-heightの単位にremを使用して、レスポンシブ対応にするスタイルシート

2018/07/20(Fri) 09:53

見出しのhn要素、本文のp要素のfont-sizeとline-heightをデスクトップとスマホに適したサイズに自動的に算出するためのSCSSファイルを紹介します。

https://coliss.com/articles/build-websites/operation/css/scss-font-size-modular-scale.html

見逃したら絶対損！ついに日本語の有料フォントも99%オフの特大セールに登場！！

2018/07/18(Wed) 09:59

待っていた人も多いのではないでしょうか。フォントやデザイン素材を99%オフの特大セールで販売するDesign Cutsから、ついに日本語の有料フォントがセールに初登場です！

https://coliss.com/articles/products/greatest-japanese-fonts-bundle.html

商用利用OK！50種類の細かく描かれた花・草・木がかわいいベクター完備のパターン素材が今だけ無料です -Meadow

2018/07/17(Tue) 09:59

通常は有料ですが、1週間限定で無料ダウンロードできる、かわいいパターン素材を紹介します。Webデザイン、グラフィックデザインをはじめ、紙やプロダクト、販売する同人誌などにも利用できます。

https://coliss.com/articles/products/vector-seamless-patterns-meadow.html

これはかっこいい！要素がふわりと浮かんでいるような美しいシャドウを与えるスタイルシート -Box-shadows.css

2018/07/17(Tue) 09:58

Webページやスマホアプリのコンテンツ、カードやナビゲーションや画像などのコンテナに美しいシャドウを簡単に与えることができるスタイルシートを紹介します。

https://coliss.com/articles/build-websites/operation/css/collection-of-css-box-shadow.html

Webの情報を「いかに読みやすくするか」上級編は、色や余白を使った「グループ化」

2018/07/13(Fri) 10:03

整理した情報を「いかに読みやすくできるか」を考えてみたいと思います

https://webtan.impress.co.jp/e/2018/07/13/28579

デザインは気づきが大切！デザインを見る目をどのように養えばよいのか

2018/07/11(Wed) 09:56

UIのデザイナーをはじめ、デザイナーではない人でも、どのようにデザインのセンスを磨き、デザインを見る目をどのように養えばよいのかを紹介します。

https://coliss.com/articles/build-websites/operation/design/how-to-develop-an-eye-for-design.html