CSS TIPSについて
web標準が騒がれだしてからかなりの時間が流れました。
既にspecer.gifなどを使ったテーブルレイアウトなどのレガシーな手法は過去の遺物となり、(X)HTML+CSSで作成されたサイトが主流となりつつあります。
当サイトは『レイアウトを行う際にどうしてもうまくいかない。』に回答出来る、そんなサイトになりたいと思っています。
HTML+CSSで作成する10の理由
- 構造とデザインの分離ができる
- プログラミングの作業が簡単になる
- SEO効果が高い
- アクセシビリティが高い
- メンテナンス性が高い
- サーバー容量、転送速度の確保が安易になる
- ユーザーが自らの見やすいデザインに変更できる
- ページ表示の高速化
- XMLなどの新しい技術との親和性が高い
- はやってるから
HTML+CSSを学ぶ為には?
当サイトではCSSでレイアウトする為のテクニックを中心に紹介しています。
HTMLやCSSの基礎(~応用)の学習には現場のプロから学ぶXHTML+CSS を利用すると良いです。
初心者には難しいかもしれませんが、 リファレンスとして色々な項目を網羅している為、使える一冊になるのは間違いありません。
CSSの注目情報
- Media Queryでminやmaxはもう使いたくない。全ブラウザ対応した範囲記法が直感的で便利
- CSSで角丸を美しく実装する方法、相対角丸のテクニック
- GitHub - mayank99/ecsstatic: the predefinite CSS-in-JS library for vite
- オンサイトでの登壇で返しのモニターがなくてもデモをやりやすくするツールを作った - SSTエンジニアブログ
- 【仕様の読み方】HTMLの要素をどうやって学ぶか
- 『なぜインライン要素・ブロック要素概念は依然として有用なのか:現代的なWeb制作への適用』という記事について
- markuplint - Visual Studio Marketplace
- ぜんぜん知らんかった…CSS設計REMM(レム)について調べてみた - Qiita
- とってもやさしいフロントエンド入門
- 2023年のCSSは0ランタイムにしたい - console.lealog();
- 【HTML+JS】コードを書くのがめんどくさいのでAIにやってもらった - Qiita
- CSSのみのボタンデザイン – 現場で使ってきたボタンアイデア30選 | BUILD ビルド - Webデザイン制作
- CSSの三角関数(sin(), cos(), tan())の基礎知識と基本的な使い方を解説
- 今までああ書いてたアレ、これからはこう書けそう!? モダンブラウザに実装された最近の実装あれこれ
- 任意のプロンプトからReact + Tailwind.cssコンポーネントを生成してくれるAIコンポーネントジェネレーター・「Microapp.ai」