Web制作に役立つ情報一覧

知っているとかなり便利！CSSでコンテンツに依存してサイズを決めるfit-content, min-content, max-content

2020/02/17(Mon) 09:56

CSSで要素やレイアウトのサイズを指定する方法には、幅や高さを固定値にサイズを定義する方法とその中のコンテンツに依存してサイズを決める方法があります。

https://coliss.com/articles/build-websites/operation/css/intrinsic-sizing-in-css.html

SVG形式のファビコンを設置しよう

2020/02/14(Fri) 09:55

つ・い・に！ファビコンもSVG形式が対応されるようになりました！SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。

https://www.webcreatorbox.com/tech/svg-favicon

CSSもこれなら簡単！ニューモーフィズムのスタイルシートを生成できるジェネレーター -Neumorphism.io

2020/02/10(Mon) 09:58

先日紹介したニューモーフィズムの繊細なデザインでつくられたフォームのように、要素が背景と同じで、シャドウを与えて押し出されたような窪んだようなスタイルを実装するCSSを簡単に生成できるジェネレーターを紹介します。

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

CSSファイルから未使用のスタイルを削除する4つの方法

2020/02/06(Thu) 09:48

CSSの未使用のスタイルを削除するツールPurgeCSS、PurifyCSS、UnCSSの使い方、また、Chrome デベロッパーツールで手動で削除する方法を紹介します。

https://coliss.com/articles/build-websites/operation/css/4-ways-to-remove-unused-css.html

GoogleやAppleも！すでにVue.jsを採用している企業サイト・プロジェクトのまとめ

2020/02/04(Tue) 09:56

Vue.jsの人気がすごいですね。いくつかの企業はすでにVue.jsを使い始めており、一部はメインのプロダクトに、一部は二次的なプロジェクトに使用しています。

https://coliss.com/articles/build-websites/operation/javascript/10-companies-that-have-already-chosen-vuejs.html

デザイン力を加速！参考にしたい最新フリーフォント60個まとめ 2020年1月度

2020/02/03(Mon) 09:56

高品質な素材のみを厳選しているので、入力した文字にフォントを適用するだけで、ガラリと雰囲気を変え、デザインを魅力的に仕上げることができます。デザインアイデアに困ったときにも、参考として目を通してみると良いでしょう。

http://photoshopvip.net/120410

フォトショップをしっかり学ぶ！最新チュートリアル、作り方まとめ 2020年1月度

2020/01/31(Fri) 09:52

この記事では、フォトショップの新しいテクニックや基本の使い方を学ぶ最新チュートリアル、作り方をまとめています。

http://photoshopvip.net/120363

イラストが熱い！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