CSS TIPSについて
web標準が騒がれだしてからかなりの時間が流れました。
既にspecer.gifなどを使ったテーブルレイアウトなどのレガシーな手法は過去の遺物となり、(X)HTML+CSSで作成されたサイトが主流となりつつあります。
当サイトは『レイアウトを行う際にどうしてもうまくいかない。』に回答出来る、そんなサイトになりたいと思っています。
HTML+CSSで作成する10の理由
- 構造とデザインの分離ができる
- プログラミングの作業が簡単になる
- SEO効果が高い
- アクセシビリティが高い
- メンテナンス性が高い
- サーバー容量、転送速度の確保が安易になる
- ユーザーが自らの見やすいデザインに変更できる
- ページ表示の高速化
- XMLなどの新しい技術との親和性が高い
- はやってるから
HTML+CSSを学ぶ為には?
当サイトではCSSでレイアウトする為のテクニックを中心に紹介しています。
HTMLやCSSの基礎(~応用)の学習には現場のプロから学ぶXHTML+CSS を利用すると良いです。
初心者には難しいかもしれませんが、 リファレンスとして色々な項目を網羅している為、使える一冊になるのは間違いありません。
CSSの注目情報
- CSSをより深く理解する、プロパティの値に無効な値を設定する(IACVT)とどのように処理されているのかを解説
- 不用意に font-feature-settings を使うと日本語表示がおかしくなる - 果樹園
- CSS in React Server Components
- Panda CSS - The Origin Story
- CSSフレームワークVivliostyle Themeで簡単にページデザインを編集する | gihyo.jp
- 知っておくと便利なCSSの単位: 相対単位が主流の現在、絶対単位(px, in, mmなど)は特定のケースで非常に役立ちます
- スムーススクロールの実装例 | TAKLOG
- CSS Containmentの仕組みを理解してレンダリングパフォーマンスをアップする3 検証 | フロントエンドBlog | ミツエーリンクス
- 【はてなブログ-カスタマイズ】スマホ版のグローバルナビゲーションに検索機能を追加する(JavaScript・HTML・CSS対応) - みやもとブログ
- ダークモードを巡るあれこれ:ダークモードの明るい未来 - enechain Tech Blog
- FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
- ポップアップが画面内に収まらない場合に自動的に表示位置を調整する CSS Anchor Positioning
- dialog要素を使用したモーダルウィンドウの実装例 | TAKLOG
- Webデザインで「紙っぽさ」を出す方法を考えてみる|akane
- 文章の折り返し指定のCSS最新版 - ICS MEDIA