CSS TIPSについて
web標準が騒がれだしてからかなりの時間が流れました。
既にspecer.gifなどを使ったテーブルレイアウトなどのレガシーな手法は過去の遺物となり、(X)HTML+CSSで作成されたサイトが主流となりつつあります。
当サイトは『レイアウトを行う際にどうしてもうまくいかない。』に回答出来る、そんなサイトになりたいと思っています。
HTML+CSSで作成する10の理由
- 構造とデザインの分離ができる
- プログラミングの作業が簡単になる
- SEO効果が高い
- アクセシビリティが高い
- メンテナンス性が高い
- サーバー容量、転送速度の確保が安易になる
- ユーザーが自らの見やすいデザインに変更できる
- ページ表示の高速化
- XMLなどの新しい技術との親和性が高い
- はやってるから
HTML+CSSを学ぶ為には?
当サイトではCSSでレイアウトする為のテクニックを中心に紹介しています。
HTMLやCSSの基礎(~応用)の学習には現場のプロから学ぶXHTML+CSS を利用すると良いです。
初心者には難しいかもしれませんが、 リファレンスとして色々な項目を網羅している為、使える一冊になるのは間違いありません。
CSSの注目情報
- CSS嫌いがあえてフレームワークまでつくった理由。 NES.css開発者流、「嫌い」を「好き」に変える勉強術【フォーカス】 レバテックラボ(レバテックLAB)
- スクロール連動アニメーションの実装例 | TAKLOG
- 2024年版最近の実装に合わせた、HTMLでWebページを実装するための必要最小限をまとめたテンプレート一式
- 個人的によく使う、省スペースで表示できて雑然としないUI with TailwindCSS
- HTML-first, framework-agnostic implementation of shadcn/ui - franken/ui
- 人気の「メイソンリー」レイアウトは、CSS Gridの一部にすべきか否か?あなたの意見を聞かせてください
- コンテナ要素に基づく相対的な CSS の単位(cqw, cqh, cqi, cqb, cqmin, cqmax)
- Help us invent CSS Grid Level 3, aka “Masonry” layout
- アクセシビリティを考慮したUI/CSSフレームワーク・ライブラリ選定
- はてなにおける CSS Modules、及び CSS Modules に足りないもの / CSS Modules in Hatena, and CSS Modules missing parts
- 現代CSSフレームワークの内部実装とその仕組み
- 2024年版 HTMLで作るフォームバリデーション - ICS MEDIA
- Tailwind CSSを本気でカスタマイズする方法
- CSSをより深く理解する、プロパティの値に無効な値を設定する(IACVT)とどのように処理されているのかを解説
- 不用意に font-feature-settings を使うと日本語表示がおかしくなる - 果樹園