スタイルシート ワークショップ
CSS+XHTMLによる「Web標準」実践ガイド
Webクリエイター必修。これほどまでに充実したCSSガイドはこれまでなかった。確実に身につく充実の”基礎講座”と第一線で活躍するプロのデザイナーによる12の実践型”ワークショップ”で学ぶ、スタイルシート・デザインのすべて。
【目次】
●Part01 CSS Basic Knowledge
Chapter01 CSSとWeb標準
Chapter02 XHTMLの基礎
Chapter03 CSSの基礎
●Part02 Professional CSS for Web Design
Workshop01 少ない構成要素を大胆に表現したサイト
Workshop02 タブ型ナビゲーションを用いたクールなサイトデザイン
Workshop03 写真イメージのリッチな表現
Workshop04 アコーディオン型ナビゲーションのサイト
Workshop05 エラスティックリキッドレイアウトのサイト
Workshop06 アクセシビリティを確保したデータテーブル
Workshop07 Flashとポジションプロパティを用いたデザイン
Workshop08 お問い合わせフォームのCSSデザイン
Workshop09 モダンな印象を表現したコーポレートサイト
Workshop10 携帯電話向けサイトのWebデザイン
Workshop11 複雑なクリッカブルエリアを持つブログ型サイト
Workshop12 印刷を考慮したアクセスマップページ
ご意見・ご感想
;
“rel=stylesheet”｜“rel”属性｜“link”要素:外部リソースと関連付ける｜HTML－havin' a coffee break｜珈琲とウェブデザイン https://web.havincoffee.com/html/tag/link/rel-stylesheet.html
#html #link要素 #rel属性 #stylesheet #スタイルシート
#スタイルシート ってサイト全体の共通の css ファイルはもちろん必要だけど、ページごとに１つ専用のcssファイルも作った方が良い気がする
例えば
login.css
home.css
など、ログイン画面専用、ホーム画面専用のようなcss ファイルを作った方が自由度が上がる
#駆け出しエンジニアとつながりたい
今回のシステムではフロントエンドの動きにこだわってみる。
transition: opacity 0.3s 0.3s ease;
これで、透過の変更を滑らかにする。
これを使うとグッと画面上の動きの印象が変わりますね。
#CSS #スタイルシート #フロントエンド #駆け出しエンジニアとつながりたい #副業 #副業探してます
#ホームページ #Webサイト #スタイルシート #CSS
スタイルシートの基本構造について、記事にしました。
どこの何をどのように変えるかということを意識して記述しましょう。
https://shimokitazawa-marketing.com/?p=851
テキストリンクは、なぜ青いのか？ | WEB How to くまはちLAB
https://wp908.com/2020/02/25/about-link/ #リンクカラー #ブラウザ #スタイルシート @eddie24751102より
