Web制作に役立つ情報一覧

イラストが熱い！2020年に注目したい世界の人気トレンド10個まとめ

2020/01/28(Tue) 10:24

イラストレーションは、デザインを通して文字を表現する視覚的なテクニックです。進化を続けるイラストのトレンドは、高品質でモダンなアート作品を作成するために、豊富な知識やテクニックのアップデートが欠かせません。

http://photoshopvip.net/120251

商用利用も無料！楷書の凜々しい日本語フリーフォント -しょかき楷月

2020/01/27(Mon) 09:52

居酒屋風フリーフォント「しょかきうたげ」をリリースされている作者様から、新しいフォントがリリースされました。リリースされたのは「しょかき楷月」で、完全手書きの凛々しい楷書です。

https://coliss.com/articles/freebies/free-font-shokakikaigetsu.html

CSSの便利なプロパティmin-widthとmax-width、min-heightとmax-heightの効果的な使い方のまとめ

2020/01/23(Thu) 09:51

Webページやスマホアプリのレイアウトをはじめ、画像、ボタン、ナビゲーションなどを親要素に応じてそれらの幅や高さを適したサイズにしたい時がありませんか？ そんな時には、min-widthとmax-width、min-heightとmax-heightを効果的に使用すると、非常に便利です。

https://coliss.com/articles/build-websites/operation/css/use-cases-for-min-and-max-properties.html

ふくろ文字

2020/01/22(Wed) 09:57

CSSで文字にフチを付けてふくろ文字にする方法。ちょっと前までは画像でやるしかなかったふくろ文字ですが、CSSでできるならCSSでやっちゃいたい。古いにしえの方法と、新いまどきの方法と、SVGを使って再現する方法のメモ。

https://lopan.jp/outline-text/

絶対配置をレスポンシブしたいとき

2020/01/22(Wed) 09:56

キービジュアルのところとか、デザインによっては、要素を絶対配置してアニメーションしたい時とか。デスクトップのデザインとモバイルのデザインはあるけれど、タブレットのデザインがない時とか。デスクトップのレイアウトのまま、タブレットサイズに収めたい時とか。そんな時に応急措置として使えるレシピ。

https://lopan.jp/absolute-responsive/

色々な色の名前、日本語と英語での名前、伝統色の名前が分かるサイトのまとめ

2020/01/22(Wed) 09:56

いろいろな色の日本語での名前、英語での名前、日本の伝統色の名前をはじめ世界の伝統色の名前などが分かるサイトを紹介します。

https://coliss.com/articles/build-websites/operation/design/what-the-color-name.html

ビジュアルで勝負！2020年に確認しておきたい重要デザイントレンド7個まとめ

2020/01/21(Tue) 10:01

トレンドは入れ替わりが激しく、すぐに古くなってしまう恐れがあるため、ここではビジュアル面に関連する、2020年に確認しておきたいトレンド7個をまとめてご紹介します。

http://photoshopvip.net/120168

CSS Flexboxでナビゲーションを実装する時に役立つ、オートマージン（margin: auto;）の便利な使い方

2020/01/21(Tue) 10:00

ナビゲーションを実装する時、アイテムを左端に詰めて配置したいけど、1つだけ右端に配置したい、そんな時はFlexboxでオートマージン（margin: auto;）を使用すると簡単です。また、論理プロパティの効果的な使い方にも触れられているので、勉強になります。

https://coliss.com/articles/build-websites/operation/css/how-auto-margins-work-in-flexbox.html

【比較】FAQシステムのおすすめ12選！問い合わせの顧客満足度を向上させよう

2020/01/20(Mon) 09:56

FAQシステムとはユーザの抱える質問に対して、的確な回答を提供するシステムです。FAQシステムを導入して、顧客満足度のアップや作業を効率化させたいと考えている企業は多いでしょう。

https://creive.me/archives/28010/

HTML/CSSで表現できる、すごいテキストエフェクト用スニペット44個まとめ

2020/01/17(Fri) 10:02

この記事では、CSSで表現できる新作テキストエフェクト用HTMLスニペットをまとめています。一部、jQueryなどプラグインが必要となりますが、CSSのコピー&ペーストで利用できるサンプルやテクニックを、WEB制作のためのコードコミュニティサイト Codepen よりピックアップしてご紹介します。

http://photoshopvip.net/120163