コリスとは？

Coliss
https://coliss.com/

WEB制作に役立つ総合的な情報が得られるブログサイト。超有名な老舗のブログサイトなので、趣味的な内容からプロフェッショナルなアドバイスまで豊富なコンテンツがあり、情報量はピカイチ！WEB制作にかかわる人なら知っておいて損なしです。

豊富なカテゴリーが魅力

多岐に渡るカテゴリ―から、きっと知りたい情報が見つけられるはず！目的を決めずに記事を眺めるだけでも勉強になること間違いなし。HTML、CSS、JavaScriptなど、実装に関わる内容が特に充実しているので、実践的なコーディングを学びたい人には特におすすめのサイトです。

コリスのおすすめ記事紹介

ここからは、コリスの記事の中から、特にホームぺージづくりに役立つおすすめの記事を厳選して紹介します。

ログインフォームに大切な7つの要素と重要な1つの機能

記事はこちら
https://coliss.com/articles/build-websites/architectonics/the-anatomy-of-a-perfect-login-page-by-cssglobe.html

ログインフォームでのユーザー体験を格段に向上させるための不可欠なポイントを網羅した記事です。
フォームのタイトルから始まり、非メンバー用のリンク、明瞭なラベルとフィールド、パスワードを忘れた場合の対応、効果的なサブミットボタンの設計、再訪者に便利な「Remember me」機能、そしてユーザーを元のページに戻すバックリンクまで、各要素は具体的で実践的なアドバイスを提供しています。さらに、JavaScriptベースの妥当性チェックの重要性も強調されており、フォームの効率性と安全性を確保するための手法が語られています。
このブログは、ウェブデザインの初心者から経験豊富なプロフェッショナルまで、幅広い読者にとって有益なガイドとなるでしょう。ウェブサイトのユーザーインターフェースを改善し、訪問者の経験を最適化したい方は、この記事をぜひ一読してみてください。

CSSのmargin: auto;の仕組みをおさらい、最近の実装で使用される中央配置やナビゲーションのテクニック

記事はこちら
https://coliss.com/articles/build-websites/operation/css/all-about-margin-auto-in-css.html

この記事では、CSSのmargin: autoの仕組みと、それを使った中央配置やナビゲーション設計のテクニックを紹介しています。margin: autoの基本的な使い方から、FlexboxやCSS Gridでの応用、さらにはナビゲーションバーでの利用方法まで、豊富な例と共に解説されています。
この記事は、Webページのレイアウトを整えるための重要な知識を、初心者でも理解しやすい形で提供しており、より洗練されたウェブデザインのスキルを身につけたい方にとっては、まさに必読の内容です。ホームページ作成の初心者はもちろん、経験豊富なデザイナーにも役立つ知識が満載です。

Adobeユーザーはダウンロードしておこう！ Adobe Fontsで使用できる日本語フォントすべてを一覧できるPDF 2023年最新版

記事はこちら
https://coliss.com/articles/build-websites/operation/work/adobe-fonts-pdf-202311.html

Adobe Fontsに追加された新しい日本語フォントについて紹介された記事。特に注目すべきは、マンガ制作用にデザインされた「貂明朝アンチック」を含む、砧書体制作所、FONT1000、視覚デザイン研究所、もじワク研究などから提供される多様なフォント群です。
Adobe CCユーザーは追加料金なしでこれらのフォントを利用でき、商用利用も可能です。Adobe Fontsの最新日本語書体一覧PDFが無料でダウンロード可能で、新しいフォントはPDF内で「NEW」として明示されています。
このアップデートは、ウェブサイトやグラフィックデザインに新鮮さを加えたい初心者にとって、探求する価値がある素晴らしいリソースです。紹介されているPDFをチェックして、新たなフォントをホームぺージ作りに取り入れましょう。

プロのデザイナーが実際に現場でおこなっているやり方、Adobeソフトの作業工程が身につく解説書 -先輩に聞かずに9割解決できるグラフィックデザイン超基礎

記事はこちら
https://coliss.com/articles/book-review/isbn-9784295013211.html

こちらは、初心者向けにPhotoshopやIllustratorなどのAdobeソフトを使ったグラフィックデザインの基本技術を解説する書籍のレビュー記事です。
この書籍では、デザインの具体的な事例に沿って、基本操作から各種作業工程までがやさしく説明されており、初心者でも理解しやすい内容になっています。また、ページデザインに強いInDesignやデータ管理に便利なBridge、PDF作成・閲覧に特化したAcrobatの使い方も含まれています。
この書籍は、グラフィックデザインの基礎から応用までを一通り学ぶことができ、デザイン初心者が実務レベルのスキルを身につけるのに最適です。デザインのプロが行う作業工程を学び、独学でデザインの基本をマスターしたい方に特におすすめの一冊が分かりやすく紹介されているので、気になる方はチェックしてみてください。

2023年、現在の環境に適したリセットCSSのまとめ

記事はこちら
https://coliss.com/articles/build-websites/operation/css/css-reset-for-modern-browser.html

この記事は、モダンブラウザに適応した最新のリセットCSSについて詳しく解説しています。リセットCSSとは、ブラウザ間で異なるデフォルトスタイルを均一化するために使われるCSSのセットです。
記事では、IE11のサポート終了後の現代のブラウザ環境に最適化されたリセットCSSを紹介しており、これには「A (more) Modern CSS Reset」「@acab/reset.css」「Josh’s Custom CSS Reset」などが含まれます。
また、モダンブラウザに適合したCSSリセットの重要性や、それらをどのように選択し、カスタマイズするかについても触れています。
これらの内容は、ホームページ制作の初心者がブラウザ互換性の問題を理解し、対応するための基本を学ぶのにも役立つでしょう。

おわりに

今回紹介した記事以外にも、コリスには膨大な数の記事が存在しています。きっとあなたのホームぺージ作りの悩みを解決するヒントが見つかるはず！
もちろん目的を決めずに順番に記事を読んでいるだけでも、最新のデザイン知識が身につくので、ぜひチェックしてみてください。