CSS TIPSについて
web標準が騒がれだしてからかなりの時間が流れました。
既にspecer.gifなどを使ったテーブルレイアウトなどのレガシーな手法は過去の遺物となり、(X)HTML+CSSで作成されたサイトが主流となりつつあります。
当サイトは『レイアウトを行う際にどうしてもうまくいかない。』に回答出来る、そんなサイトになりたいと思っています。
HTML+CSSで作成する10の理由
- 構造とデザインの分離ができる
- プログラミングの作業が簡単になる
- SEO効果が高い
- アクセシビリティが高い
- メンテナンス性が高い
- サーバー容量、転送速度の確保が安易になる
- ユーザーが自らの見やすいデザインに変更できる
- ページ表示の高速化
- XMLなどの新しい技術との親和性が高い
- はやってるから
HTML+CSSを学ぶ為には?
当サイトではCSSでレイアウトする為のテクニックを中心に紹介しています。
HTMLやCSSの基礎(~応用)の学習には現場のプロから学ぶXHTML+CSS を利用すると良いです。
初心者には難しいかもしれませんが、 リファレンスとして色々な項目を網羅している為、使える一冊になるのは間違いありません。
CSSの注目情報
- CSSのデバッグにAIがどのように役立つか、Chrome 131のデベロッパーツールでAIアシスタントが使えるようになります
- フロントエンドフレームワークからサーバーにアクセスするパターン | フューチャー技術ブログ
- HTMLをPDFに変換するAPI🔥QOL爆上げサービスリリースしました - Qiita
- 今Reactを使うならピュアなCSSをサポートするUIフレームワークやライブラリを選定するのがマルそうと思った話
- コピぺするだけ!すぐに使える魅力的なWebテキストエフェクト40選
- CSS: z-indexの問題はisolationプロパティで解決できる(翻訳)|TechRacho by BPS株式会社
- happy-css-modulesに機能追加して実際にプロダクトに適用した話 | PR TIMES 開発者ブログ
- 2024年、CSSの最新トレンドにおける現状のまとめ、よく使用する新機能やプロパティや疑似クラス、人気のフレームワークや検証環境など
- CSSで文節の折り返しを! br・wbrとauto-phraseの活用術 - ICS MEDIA
- Cascade Layers/レイヤーによる優先順位の制御 [CSS Modern Features no.3] | gihyo.jp
- CSSだけでスタイルクエリのサポートを確認する方法、Safari 18のバグを回避する方法も
- Email Address の難読化 (Obfuscation) 機能
- Making content-aware components using CSS :has(), grid, and quantity queries
- State Of CSS 2024 Results | CSS-Tricks
- The stretch keyword: a better alternative to width: 100% in CSS?