Web制作に役立つ情報一覧

【保存版】フリーフォントを無料ダウンロードできる優良Webサイト15個まとめ

2020/02/20(Thu) 09:54

この記事では、高品質なフリーフォントを無料でダウンロードできる優良ウェブサイト15個を厳選、まとめています。

http://photoshopvip.net/120812

Google Fontsのファイルサイズを簡単に軽量化できる！日本語フォントにも対応

2020/02/19(Wed) 09:51

Google Fontsは英語フォントだけでなく日本語フォントもあり、すでに使用している人、もしくは使用を検討している人も多いと思います。その際に懸念されるのが、フォントファイルのサイズです。

https://coliss.com/articles/build-websites/operation/work/google-fonts-optimizing-your-font-requests.html

300年以上前のイラスト画15万枚がパブリックドメイン公開中！無料ダウンロード、二次創作も可能に

2020/02/17(Mon) 09:57

「自然」に特化した、世界最大のデジタルアーカイブを提供する生物多様性遺産ライブラリー（the Biodiversity Heritage Library, BHL）は、1世紀以上前に描かれた高解像度の手描きイラスト画およそ15万枚を、著作権フリーで無料ダウンロードできるサービスをはじめました。

http://photoshopvip.net/120755

知っているとかなり便利！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