Web制作に役立つ情報一覧

プロのデザイナーに学ぶ！ひと手間加えて、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

クオリティを上げる！デザイナー注目の最新フリーフォント42個まとめ 2020年2月度

2020/02/28(Fri) 09:56

この記事では、 無料ダウンロードできるデザイン性の高い最新フリーフォントをまとめてご紹介します。どんなデザインにも使いやすいサンセリフ体や、昨年より話題となっているモダンレトロスタイルにぴったりなセリフ書体、人気のブラシフォントなど幅広いセレクションが揃いました。

http://photoshopvip.net/120959

CSS Flexboxで、Webページによく使用されるUIコンポーネントを実装するテクニックのまとめ

2020/02/26(Wed) 09:53

CSS Flexboxを使用してWebページによく使用されるUIコンポーネント、ヘッダでロゴを左端にナビゲーションを右端に、固定幅のサイドバーと流動幅のメイン、フォームで入力欄とボタンの高さを合わせる、同じHTMLで異なるレイアウトのカードを実装するテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/flexbox-real-world-use-cases.html

Web制作フローが変わる！便利な最新オンラインツール43個まとめ【2020年版】

2020/02/25(Tue) 09:51

この記事では、2020年に入ってから公開された、Webデザインを快適にする最新オンラインツールをまとめてご紹介します。ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。

http://photoshopvip.net/120870

モダンCSSの機能を使用して、フォームのラジオボタンやチェックボックスを独自のスタイルで実装するテクニック

2020/02/21(Fri) 10:00

モダンCSSの機能を使用して、フォームのラジオボタン・チェックボックス・トグルスイッチなどを独自のスタイルで実装するテクニックを紹介します。以前まではdivやspanなど追加のHTMLやJavaScriptが必要でしたが、一切必要ありません。

https://coliss.com/articles/build-websites/operation/css/custom-styling-form-inputs.html

UIのデザインは奥が深い！アイコンデザイン 7つの原則

2020/02/20(Thu) 09:56

Webサイトでもスマホアプリでも、アイコンのデザインは非常に重要です。優れたアイコンをデザインするために必要な7つの原則を紹介します。

https://coliss.com/articles/build-websites/operation/design/7-principles-of-icon-design.html