CSS TIPSについて
web標準が騒がれだしてからかなりの時間が流れました。
既にspecer.gifなどを使ったテーブルレイアウトなどのレガシーな手法は過去の遺物となり、(X)HTML+CSSで作成されたサイトが主流となりつつあります。
当サイトは『レイアウトを行う際にどうしてもうまくいかない。』に回答出来る、そんなサイトになりたいと思っています。
HTML+CSSで作成する10の理由
- 構造とデザインの分離ができる
- プログラミングの作業が簡単になる
- SEO効果が高い
- アクセシビリティが高い
- メンテナンス性が高い
- サーバー容量、転送速度の確保が安易になる
- ユーザーが自らの見やすいデザインに変更できる
- ページ表示の高速化
- XMLなどの新しい技術との親和性が高い
- はやってるから
HTML+CSSを学ぶ為には?
当サイトではCSSでレイアウトする為のテクニックを中心に紹介しています。
HTMLやCSSの基礎(~応用)の学習には現場のプロから学ぶXHTML+CSS を利用すると良いです。
初心者には難しいかもしれませんが、 リファレンスとして色々な項目を網羅している為、使える一冊になるのは間違いありません。
CSSの注目情報
- CSSでスタイルクエリ(@container style())を使えるようになると、実装がいろいろ便利になる
- hoverを指定するならany-hoverメディア特性を使いなさい!俺流hover実装例も紹介します | TAKLOG
- Reactは悪い意味でも現在のjQueryだし、それを受け止めないと前に進めないということ
- 100秒で理解する仮想DOM
- Tailwind CSSにおけるHTMLのコンポーネント化とCSSのコンポーネント化
- 横スクロールバーの発生源を素早く特定する方法と最新の防止策 | TAKLOG
- 半角スペースを表示したいなら ではなくwhite-space: pre;を使いましょうという話 - Qiita
- ここ1~2年くらいで 使えるようになった(主要ブラウザーの最新版 がすべて対応した ) ウェブの新機能について ランダムに喋る!
- Arm、新しい高性能IP「Neoverse V3AE」を発表 CSSを自動車向けにも投入し設計から製品化までの時間を短縮
- あなたが教わってるそのCSSテクニックはもう古い | TAKLOG
- Utility-first CSS(Tailwind CSS)が合理的であることの説明と、CSSによるUI開発小史
- オーバーレイ ファクトシート
- えっ!?まだtransformプロパティを使ってるの!? | TAKLOG
- WebサイトのUIに役立つ、CSSの:has()疑似クラスの便利な使い方
- ECSS — Simple Rules for efficient CSS