Web制作に役立つ情報一覧

無料で使える最新こだわりフリーフォント30個まとめ 2021年6月度

2021/07/01(Thu) 09:52

この記事では、無料ダウンロードできるデザインに役立つ新作フリーフォント30個をまとめてご紹介します。ウェイト数が豊富で使い勝手の良いフォントから、ナチュラルな手書き文字やレトロ、ヴィンテージスタイル、かわいい系、ブラシフォントなど、文字を入力するだけでおしゃれなデザインに仕上げる書体が揃います。

https://photoshopvip.net/129712

簡単で便利なツールが登場！レイアウトを確認しながら、CSSのコードを生成できる -CSS Layout Generator

2021/06/30(Wed) 09:52

Webサイトでよく使用されるレイアウト、「ヘッダ・メイン・フッタ」「ヘッダ・サイドバー・メイン・フッタ」「カード型」「サイドバー」などのレイアウトを確認しながら、CSSのコードを生成できる無料オンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-layout-generator.html

CSSの実装方法を少し改善するだけで、Webページの読み込み・表示を最適化するテクニックのまとめ

2021/06/29(Tue) 09:59

CSSの記述方法やレイアウトの構築方法で、ページの表示速度、読み込み時に発生するレイアウトのずれ、Webフォントの表示、CSSアニメーション、アクションを起こした時の反応の速度など、ウェブ​バイタルに大きな影響を与えます。

https://coliss.com/articles/build-websites/operation/css/optimize-css-for-web-vitals.html

ロゴのデザインに独創性があるか、パクリじゃないか、Webサイトやスマホでどう見えるか検証できるオンラインツール -TWM Logotester

2021/06/24(Thu) 09:53

せっかく作成したロゴに似たデザインのものがあったり、Webサイトやスマホアプリで見栄えがよくなかったら、がっかりです。ロゴのデザインに独創性があるか、他に似たロゴはないか、Webサイトやスマホアプリでどう見えるか、モノクロでも大丈夫か、色数は多すぎないかなどを検証できる無料オンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/design/check-the-logo-design.html

100％フリー！ヴィンテージやレトロ系の切り抜きイラスト素材を無料ダウンロードできる Heritage Library

2021/06/23(Wed) 09:55

この記事では、クリエイティブなプロジェクトに活用できるヴィンテージイラストを無料配布しているHeritage Libarary をご紹介します。Heritage Libraryでは、世界中の名画やアート作品からイラストを集めており、著作権フリーの100%無料で利用することができます。個人だけでなく商用利用も可能となっており、どれも高品質なイラストのみが厳選、編集されています。

https://photoshopvip.net/129596

CSS aspect-ratioプロパティの基礎知識、便利な使い方、実装に必要なプログレッシブエンハンスメント

2021/06/23(Wed) 09:54

ついにSafariでもaspect-ratioプロパティがサポートされると先日のWWDC21で発表がありました（参考: webkit.org）。これで主要ブラウザすべてにサポートされることになり、aspect-ratioプロパティの基礎知識、便利な使い方、そして実装に必要なプログレッシブエンハンスメントについて紹介します。

https://coliss.com/articles/build-websites/operation/css/about-aspect-ratio-in-css.html

Illustrator初心者にもオススメ、最新チュートリアルや使い方20個まとめ

2021/06/21(Mon) 10:12

この記事では、イラストレーターの新しい使い方やテクニックを短時間でマスターできる最新チュートリアル20個をまとめてご紹介します。レトロスタイルや鮮やかなグラデーションなどトレンドを意識したものから、デザインの現場で取り入れたい新機能や便利テクニックまで幅広く揃います。

https://photoshopvip.net/129565

スタートアップ創業後にやるべきこと2つ・使えるサービス15選

2021/06/18(Fri) 10:31

スタートアップ創業時はやるべきことが山積みですよね。しかも、人材や資金は限られているといったケースが多いのではないでしょうか。この記事では、スタートアップ創業したばかりの方に向けて、やるべきことや使えるサービスを具体的に紹介します

https://creive.me/archives/38071/

デザインを真剣に学びたい人にオススメ！PhotoshopやIllustratorで、プロのデザイナーがどのように考えてデザインを作っているのかまで解説された良書

2021/06/18(Fri) 10:31

デザインが上手くなりたい、デザインの考え方を知りたい、具体的な作り方を知りたい、そんなデザイナー初級者・中級者にお勧めの解説書を紹介します。

https://coliss.com/articles/book-review/isbn-9784815607661.html

これなら分かりやすい！Webサイトのデザイン仕様書・指示書の作り方

2021/06/17(Thu) 09:50

デザイナーがWebサイトのUIを実装する際にデベロッパーに渡すデザイン仕様書・指示書の作り方を紹介します。仕様書を作成する基本ツール、指示に適したフォントやカラー、グリッドや要素間の距離を自動的に計算するツールをはじめ、レイアウトや各UIコンポーネントのデザイン仕様の記述例まで、デザインを仕様化する解説記事です。

https://coliss.com/articles/build-websites/operation/work/the-art-of-design-specing-for-ui-design.html