CSS TIPSについて
web標準が騒がれだしてからかなりの時間が流れました。
既にspecer.gifなどを使ったテーブルレイアウトなどのレガシーな手法は過去の遺物となり、(X)HTML+CSSで作成されたサイトが主流となりつつあります。
当サイトは『レイアウトを行う際にどうしてもうまくいかない。』に回答出来る、そんなサイトになりたいと思っています。
HTML+CSSで作成する10の理由
- 構造とデザインの分離ができる
- プログラミングの作業が簡単になる
- SEO効果が高い
- アクセシビリティが高い
- メンテナンス性が高い
- サーバー容量、転送速度の確保が安易になる
- ユーザーが自らの見やすいデザインに変更できる
- ページ表示の高速化
- XMLなどの新しい技術との親和性が高い
- はやってるから
HTML+CSSを学ぶ為には?
当サイトではCSSでレイアウトする為のテクニックを中心に紹介しています。
HTMLやCSSの基礎(~応用)の学習には現場のプロから学ぶXHTML+CSS を利用すると良いです。
初心者には難しいかもしれませんが、 リファレンスとして色々な項目を網羅している為、使える一冊になるのは間違いありません。
CSSの注目情報
- GitHub - webtui/webtui
- ツールチップの実装に役立つ! HTMLの新属性popover="hint"の使い方 - ICS MEDIA
- ブロックリンク(もしくはカードUI)のアクセシビリティ上の問題と解決策
- ブックマークしておくと便利! よく見かけるUIコンポーネントやUI要素を実装するCSSのまとめ -CSSnippets
- 閲覧履歴があってもリンクの色が変わらないケースについて | blog.jxck.io
- CSSの:visitedの仕様が変わる! 訪問済みリンクの履歴検出攻撃を無効化する機能がChrome 136に実装されます
- CSSで幾何学模様や繊細なグラデーションなど、さまざまな要素の背景にパターンを実装できる -MotifyX
- MotifyX
- FlexboxよりGridを使う理由 | ダーシノ(@bc_rikko)
- WebTUI
- GitHub - mackee/go-readability: Extract readable content from web pages - Mozilla’s and Mizchi Readability ported to Go
- FigmaデザインをHTMLコードへ自動変換する方法 - GMOインターネットグループ グループ研究開発本部
- 【山田祥平のRe:config.sys】 フォントが変われば世界の見え方も変わる
- Default styles for h1 elements are changing | MDN Blog
- 無料で完結!個人開発力を高める 1 日勉強法 - izanami