CSS TIPSについて
web標準が騒がれだしてからかなりの時間が流れました。
既にspecer.gifなどを使ったテーブルレイアウトなどのレガシーな手法は過去の遺物となり、(X)HTML+CSSで作成されたサイトが主流となりつつあります。
当サイトは『レイアウトを行う際にどうしてもうまくいかない。』に回答出来る、そんなサイトになりたいと思っています。
HTML+CSSで作成する10の理由
- 構造とデザインの分離ができる
- プログラミングの作業が簡単になる
- SEO効果が高い
- アクセシビリティが高い
- メンテナンス性が高い
- サーバー容量、転送速度の確保が安易になる
- ユーザーが自らの見やすいデザインに変更できる
- ページ表示の高速化
- XMLなどの新しい技術との親和性が高い
- はやってるから
HTML+CSSを学ぶ為には?
当サイトではCSSでレイアウトする為のテクニックを中心に紹介しています。
HTMLやCSSの基礎(~応用)の学習には現場のプロから学ぶXHTML+CSS を利用すると良いです。
初心者には難しいかもしれませんが、 リファレンスとして色々な項目を網羅している為、使える一冊になるのは間違いありません。
CSSの注目情報
- ついにChromeで使えるようになったCSSの便利機能! light-dark()関数、field-sizingプロパティ、句読点括弧のカーニングができるtext-spacing-trimプロパティ
- Yu Gothic UIに text-spacing-trim を適用するとバグる
- UDデジタル教科書体のバリエーション
- Chrome で text-spacing-trim プロパティがサポートされたぞ!!
- オブジェクト指向CSSが叶えたかったことと、CSSのいま / The aims of Object-oriented CSS and the current state of CSS usage
- 【2024年】React, Tailwind CSSでメルカリクローンサイトを作ろう【入門】
- CSS から React コンポーネントを生成する MistCSS
- それでも私がでなくinline-blockで改行調整をする、たった1つの理由
- div タグのスタイルを参照しようとしたら参照できなかった話 - Qiita
- アクセシビリティチェックってどうやってるの?ということで、実際にやってみた。(その1) - 水底の血
- 仕事が早い人は使っている最新Web便利ツール34選
- HTMLにカスタム要素を実現する標準技術Web Components。事例をもとに技術特徴を解説 | レバテックラボ(レバテックLAB)
- 知っておくと便利なCSSの単位: フォントに基づく相対単位(em, rem, cap, ch, ex, ic, lhなど)の便利な使い方を解説
- 【CSS】は::file-selector-buttonでスタイルをつけよう - Qiita
- Implementing Vertical Form Controls