CSS TIPSについて
web標準が騒がれだしてからかなりの時間が流れました。
既にspecer.gifなどを使ったテーブルレイアウトなどのレガシーな手法は過去の遺物となり、(X)HTML+CSSで作成されたサイトが主流となりつつあります。
当サイトは『レイアウトを行う際にどうしてもうまくいかない。』に回答出来る、そんなサイトになりたいと思っています。
HTML+CSSで作成する10の理由
- 構造とデザインの分離ができる
- プログラミングの作業が簡単になる
- SEO効果が高い
- アクセシビリティが高い
- メンテナンス性が高い
- サーバー容量、転送速度の確保が安易になる
- ユーザーが自らの見やすいデザインに変更できる
- ページ表示の高速化
- XMLなどの新しい技術との親和性が高い
- はやってるから
HTML+CSSを学ぶ為には?
当サイトではCSSでレイアウトする為のテクニックを中心に紹介しています。
HTMLやCSSの基礎(~応用)の学習には現場のプロから学ぶXHTML+CSS を利用すると良いです。
初心者には難しいかもしれませんが、 リファレンスとして色々な項目を網羅している為、使える一冊になるのは間違いありません。
CSSの注目情報
- Sass: Node Sass is end-of-life
- Webサイトを使いやすく改善する、知っておくと便利なCSSのテクニック
- とある企業の面談で、「reactは運用コスト高いと思うんですけどなんで選定したんですか?」って聞かれてめちゃくちゃ困った話→Web開発の運用コストに関する様々な意見が集まる
- コピペで時短、Tailwind CSSおすすめUIコンポーネント、UIキット集、便利ツール【まとめ】
- CSSのコンテナースタイルクエリーstyle()の使い方 - ICS MEDIA
- これはすごい便利! WebサイトやスマホアプリのUIに今時のアニメーションやインタラクションを簡単に実装できる -Animata
- 別タブへのリンク記述「target=”_blank”とrel=”noopener noreferrer”」の見直しを - 株式会社真摯
- CSS Gridの便利な無料ツールが登場! レイアウトを確認しながら、コードを生成できる -CSS Grid Generator
- 日本語におけるtext-wrapプロパティの運用
- CSS Grid Areas
- Misconceptions about view transitions | Blog | Chrome for Developers
- :has()を使ってCSSだけで同意チェックボタンを実装する方法|BLACKFLAG
- HTMLのフォーム送信がEnterキーなのか送信ボタンなのか判別する方法 - Qiita
- 真にチラつかないダークモードをついに実現したぞ。実現方法と気付きを書く | stin's Blog
- CSS の `@property` ルールでカスタムプロパティを定義する