Web制作に役立つ情報一覧

どうなる2020年のロゴデザイン？知っておきたい最新人気トレンド8個まとめ

2019/11/25(Mon) 10:00

2020年という新時代を迎えようとしているいま、新しいトレンドがすでに脚光を浴びています。2020年ロゴデザインのトレンドは、新旧デザインのマッシュアップが特長です。

http://photoshopvip.net/119184

HTMLとCSSも進化している！JavaScriptを使用せずに、HTMLとCSSだけで実装できるUI要素のまとめ

2019/11/21(Thu) 09:52

以前まではJavaScriptでないと実装できないと思われていたものも、最近ではHTMLとCSSのみで実装できるものが増えてきました。HTMLとCSSには新しい機能が追加され、そして古いブラウザのサポートも必要なくなり、より簡単に実装できます。

https://coliss.com/articles/build-websites/operation/css/css-elements-without-javascript.html

素敵な配色本を見つけた！イメージにぴったりな配色が必ず見つかる -配色デザインインスピレーションブック 2

2019/11/15(Fri) 09:51

「なんとなくこんな感じ」というイメージから、キーワード、写真、イラスト、デザイン作例、パターンなど、さまざまなアプローチから好みの配色を見つけることができる配色本を紹介します。

https://coliss.com/articles/book-review/isbn10-4802612273.html

サイト作りに欠かせない「階層構造」とは？ 「サイト構成図」って何？【第9回】 | 今さら人に聞けないWebの仕組み | Web担当者Forum

2019/11/13(Wed) 09:56

Webサイトを作るとき、データをどう整理すればいいのでしょうか？ 雑多にデータを置いてしまうと、サイトの構造はあっと言う間にごちゃごちゃになってしまいます。

https://webtan.impress.co.jp/e/2019/11/13/34227

CSSは奥が深い！セレクタの書き方・命名や管理を改善する5つの原則

2019/11/08(Fri) 09:50

CSSは簡単なコードで書けます。しかし、プロジェクトの規模が大きくなるにつれ、コードが重複したり、未使用のコードが増えたり、!importantでの上書きが増えたり、読みにくいコードになります。

https://coliss.com/articles/build-websites/operation/css/improve-your-css-with-these-5-principles.html

Photoshop新機能！オブジェクト選択ツールつかった被写体の切り抜きや選択の時短テクニック3つまとめ

2019/11/08(Fri) 09:49

Photoshopに追加された新機能の中でも、人工知能Adobe Senseiを搭載した「オブジェクト選択ツール」は、被写体の選択にかかる時間を大幅に節約する素晴らしい機能です。

http://photoshopvip.net/118815

新しいPhotoshop 2020がかなり便利！新機能、かゆいところに手が届く改善点が盛りだくさん

2019/11/06(Wed) 10:00

10/5にアップデートされたAdobe Photoshop 2020（v21.0）の新機能と改善点を紹介します。スウォッチのグループ分け、レイヤーのズーム、属性パネルの強化、そしてAIも更に賢くなり、すぐ便利になる機能が盛りだくさんです

https://coliss.com/articles/build-websites/operation/design/new-features-for-photoshop-2020.html

デザイン力が加速する！使える最新フリーフォント56個まとめ 2019年10月度

2019/11/05(Tue) 09:54

新しいフォントの可能性Variableフォントにはじまり、あらゆる太さやスタイルを豊富に揃えた万能フォントや、人気のヴィンテージやレトロスタイル、筆記体、ブラシフォントといった、デザイントレンドにもうまくマッチした新作書体が揃います。商用利用の有無について一緒に記載しています、変更されている可能性もあるので、参照ページを確認するようにしましょう。

http://photoshopvip.net/118686

UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ

2019/10/31(Thu) 09:56

WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？

https://coliss.com/articles/build-websites/operation/design/visually-distorted-when-ui-looks-all.html

HTMLのhidden属性の使い方と弱点、要素の表示・非表示を切り替える便利なスタイルシート

2019/10/30(Wed) 09:48

ページ上の要素、例えばメニューの中身などの表示・非表示を切り替える必要がある時があります。実装方法はいろいろありますが、要素を非表示にする一番簡単な方法はHTMLのhidden属性です。

https://coliss.com/articles/build-websites/operation/work/about-hidden-attribute.html