Web制作に役立つ情報一覧

2020年用、おしゃれな手書き・スクリプト系フリーフォントの総まとめ

2020/03/17(Tue) 09:55

ブラシやペンで書かれたようなおしゃれな手書き・スクリプト系のフリーフォントを紹介します。商用でも無料のフリーフォントをいざ探すとなると面倒だと思うので、まとめてみました。

https://coliss.com/articles/freebies/handwriting-script-free-fonts.html

表情やポーズも変更できる、人物のイラスト素材が登場！商用でも完全無料の太っ腹ライセンス -Open Peeps

2020/03/16(Mon) 10:01

笑顔でこんなポーズ、泣き顔でこんな仕草、希望通りのイラスト素材が完全無料で商用利用できるOpen Peepsを紹介します。

https://coliss.com/articles/freebies/illustration-library-openpeeps.html

見た目の美しさとアクセシビリティのパラドックス

2020/03/11(Wed) 09:51

すべてのインターフェイスにはユーザーが存在し、そのユーザーはつねに多数派と少数派によって構成されています。たとえば、大半のユーザーは正常な視力をもっていますが、少数派となるユーザーは何らかの視覚障害をもっています。

https://uxmilk.jp/86190

CSSで実装が面倒なトグルをさまざまなデザインで簡単に実装できるCSSの軽量ライブラリ -MoreToggles.css

2020/03/09(Mon) 09:56

シンプルなHTMLに、実装が面倒なトグルをclassを加えるだけで簡単に実装できるスタイルシートを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-library-for-toggles.html

他のCSS本とはかなり異なる！現在、主流の実装・設計方法が徹底解説された良書 -CSS設計完全ガイド

2020/03/06(Fri) 09:50

私のCSSはこのままでいいのだろうか、他の人はどのように取り組んでいるのか、CSSのスキルアップを考えているWeb制作者・デベロッパーに、ぜひ手に取ってほしい一冊を紹介します。

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

プロのデザイナーに学ぶ！ひと手間加えて、UIデザインの印象を改善するデザインのテクニックのまとめ

2020/03/05(Thu) 09:49

UIデザイナーの仕事は試行錯誤の繰り返しで、ちょっとしたことで印象が大きく改善されます。デザインを改善するために役立つ実践的なテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/design/9-tips-to-improve-ui-designs.html

CSSもこれで簡単に！テキストの左右に水平線を引くスタイルシートの新テクニック

2020/03/04(Wed) 09:50

div要素はひとつだけ、CSS Flexboxを使用してテキストの左右に水平線を引くスタイルシートのテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-text-divider-use-flexbox.html

UIデザインの新しいトレンド「ニューモーフィズム」のデザイン方法と実装方法をやさしく解説

2020/03/03(Tue) 09:57

最近注目されているUIデザインのトレンド「ニューモーフィズム」を簡単な手順で作成する方法を紹介します。使用するソフトウェアは、FigmaでもIllustratorでもAdobe XDでもSkecthなど、なんでもOKです。

https://coliss.com/articles/build-websites/operation/design/neumorphism-in-user-interface-tutorial.html

便利なツールが登場！SVGアイコンを簡単に一元管理できるWindows, macOS対応の無料アプリ -Iconset

2020/03/02(Mon) 09:52

アイコンをどのように管理していますか？大量のSVGアイコンを効率的に管理でき、デザイナー・デベロッパー、制作チームで一元管理もできる無料アプリを紹介します。個人でも複数人でも利用できます！

https://coliss.com/articles/build-websites/operation/work/svg-icon-organizer-iconset.html

WordPressで困った時に頼りになる必携の書！設定やカスタマイズ、運用のノウハウまでも詳しく解説された良書

2020/02/28(Fri) 09:57

WordPressのインストールや設定はもちろん、独自テーマの作成手順、高度なカスタマイズ、運用のノウハウまでも詳しく解説されたWordPress 5.x対応の解説書を紹介します。

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