Web制作に役立つ情報一覧

オシャレ文字が描きたい！レタリング向けProcreateブラシ25個まとめ

2020/09/07(Mon) 09:51

スタイラスペンでiPadをなぞるだけで、絵の具をつけた筆ブラシや手書きスケッチに便利な鉛筆、インクペンをはじめ、クレヨンやマーカーペン、チョークなどあらゆるスタイルを表現できます。

http://photoshopvip.net/124307

SEOに取り組むなら最低限知っておきたい101のシンプルなアドバイス

2020/09/04(Fri) 09:53

実績のある、実行可能なSEOの戦術をお探しだろうか？しかも、すぐにあなたの助けとなる戦術だ。この記事では、すぐに実行できる101のSEOのアドバイス、トリック、そして秘密を紹介したいと思う。

https://www.seojapan.com/blog/101-quick-actionable-tips-to-improve-your-seo

これぞプロの実装テクニック！よくあるデザインで起こる想定外のコンテンツに備える、CSSの実装方法のまとめ

2020/09/03(Thu) 09:50

タイトルやラベルの文字数が多くなったり、ボタンの数が増えたり、コンテンツが長い場合と短い場合があったり、想定外のコンテンツが使用された場合に対応できるよう、念のために備えたCSSの実装方法を紹介します。

https://coliss.com/articles/build-websites/operation/css/the-just-in-case-mindset-css.html

インハウスデザイナーがはじめてロゴデザインをした過程をまとめてみた

2020/09/02(Wed) 10:17

さて、今回は、弊社が主催で先日開催されたイベント「RICH CONTENTS SHIFT（参加してくださった皆様、ご登壇者の皆様、本当にありがとうございました！） 」の裏話的なかたちで、ロゴとwebサイトのデザインが完成するまでの経緯や学びをまとめてみようと思います。

https://note.com/kinacomori/n/nafdd4900f9ba

デザインの現場で活躍する最新フリーフォント54個まとめ 2020年8月度

2020/09/01(Tue) 09:57

この記事では、あらゆるデザインシーンに活用でき、無料ダウンロードできる最新フリーフォントをまとめて紹介しています。第二水準の漢字まで対応の日本語フォントや、クレジット表記なしで商用利用可能な英語フォントなどが多数揃います。商用利用の不可について一緒に記載しているので、この機会に手持ちのフォントコレクションをアップデートしてみてはいかがでしょう。

http://photoshopvip.net/124193

新作の日本語フリーフォント！ロゴタイプみたいなゴシック体で、かわいいフォント -海と山のろごごち

2020/08/31(Mon) 09:49

「こころ明朝」「はんなり明朝」をリリースしているTyping Artから、新作の日本語フォントがリリースされました。

https://coliss.com/articles/freebies/umiyamalogogothic.html

CSSだけで作れる！背景パターンや模様のサンプルコードまとめ

2020/08/28(Fri) 09:57

Web上の要素に背景をスタイリングする場合、画像を表示するのが一般的ですが、実はCSSだけで色々な種類の背景パターンや模様を表示することができます。

https://webdesign-trends.net/entry/12013

デザインは細部に宿る！物足りないデザインに一手間加える「あしらい」方が分かる良書 -あたらしい、あしらい。

2020/08/28(Fri) 09:56

デザインが物足りない、しっくりこない、そんな時に一手間加える「あしらい」に着目し、デザインのやり方、意図、理由などが詳しく解説されたデザイン書です。本書を読んだ後には、確実にデザインの引き出しが増えます。

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

知っておくと便利！レイアウト・コンポーネントの実装で役立つ、flexプロパティの実践的な使い方を徹底解説

2020/08/27(Thu) 09:51

Webページやスマホアプリのレイアウト・コンポーネントを実装する際に知っておくと便利なflexプロパティの基礎知識と実践的な使い方を紹介します。スペースいっぱいにアイテムを伸縮させて配置したり、画像・アイコンとテキストを並べて配置したり、フォームの入力欄とボタン、複数カラムの垂直方向の揃えなど、実践的な使い方を徹底解説です。

https://coliss.com/articles/build-websites/operation/css/about-flex-property.html

ボタンをデザインするときに気をつけたい11個のポイントまとめ

2020/08/26(Wed) 09:58

この記事では、ユーザーインターフェースを作成するときに気をつけたいボタンデザインのポイント11個をまとめてご紹介します。悪い例と良い例を比較しながら、具体的なボタンデザイン代替案をシンプルなイラストをつかって詳しく見ていきましょう。

http://photoshopvip.net/124110