コリス

HTMLを書いたり、修正する時に役立つVS Codeの機能拡張のまとめ

Post on:2021年6月11日

VS Codeには便利な機能拡張がたくさんありますが、その中から特にHTMLを書いたり、修正する時に役立つ機能拡張を紹介します。

Post on:2021年6月10日

現在のレスポンシブデザインは、ビューポートにもとづいてレイアウトを最適化します。そして、コンテナクエリは親要素のコンテナにもとづいてレイアウトを最適化します。コンテナクエリとは何か、デザイナーのワークフローにどのような変化をもたらすかを紹介します。

今まではビューポート（メディアクエリ）で変化するコンポーネントと影響を受けないコンポーネントの2種類でしたが、これからは親コンテナ（コンテナクエリ）で変化するコンポーネントも必要になります。

Post on:2021年6月9日

Webページがロードされた時やスクロールされた時など、ブラウザのビューポートに表示された時に指定したDOM要素にさまざまなアニメーションを個別に設定できる超軽量のJavaScriptライブラリを紹介します。

HTMLにclassとdata属性を加えるだけで、ランディングページでよく見かけるスクロールすると見出しやテキストや画像が右・左からアニメーションでふわりと表示されたり、フェードインやスケールアップ・ダウンなどが簡単に実装できます。

Post on:2021年6月8日

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。
プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。

第5弾は、ユーザーエクスペリンスやインタラクションに関するテクニックです。

Post on:2021年6月8日

同人誌向けイラストの解説書、特に仕上げのエフェクト、塗りのテクニックを身につけたい人に朗報です！

今年の2月に発売されたばかりのプロ絵師の技を完全マスターの第3弾「エフェクト上達術決定版」が、本日限り80％オフのワンコインです！！

Post on:2021年6月7日

文字列を違う文字列に滑らかに変化させるモーフィングをCSSで実装するテクニックを紹介します。

モーフィングは人が別の人に変化するのを映画やテレビで見かけますが、文字ならCSSだけでそれっぽく簡単に実装できます。

Post on:2021年6月4日

Webサイトのプロジェクトの進め方、ディレクション、デザインの発注、設計、構築、運用、メンテナンスなど、Web制作に必要な知識を網羅的に学ぶことができる解説書を紹介します。

Web制作の業務に関することがほどよいボリュームでまとめられており、制作と運用に関する全般的な知識を身につけることができます。

Post on:2021年6月3日

Webページに表示するフォントは通常、システムフォントとWebフォントの2種類があります。システムフォントはOSにインストールされているフォントで、Webフォントは表示用にフォントファイルを用意する必要があります。

WebフォントはさまざまなフォントをWebページに使用できるというメリットがありますが、パフォーマンス面でシステムフォントに劣るので使用を控えている人もいるかもしれません。Webフォントのフォントファイルを調整し、読み込みを最適化し、最大速度と最小のFOUTを実現するテクニックを紹介します。