HTMLとCSSのお勉強に関するmoriyamakuru2のブックマーク (4)

  • [CSS]IE6, 7も考慮した、CSS3で実装するドロップダウンメニュー

    IE6, 7でもドロップダウンとしての機能を損なうことなく、そしてCSS3対応ブラウザでは更に見栄えをよくし、ユーザビリティも向上させるスタイルシートのチュートリアルを紹介します。 CSS3 dropdown menu デモページ [ad#ad-2] CSS3非対応のIE6, 7ではCSS3の角丸などは適用されてませんが、ドロップダウンとしての機能は損なわれずに実装されています。 デモページ:IE6での表示 下記は各ポイントを意訳したものです。 HTML HTMLはシンプルで、ドロップダウンはリストの入れ子で実装されています。 <ul id="menu"> <li><a href="#">Home</a></li> <li> <a href="#">Categories</a> <ul> <li><a href="#">CSS</a></li> <li><a href="#">Graphi

  • マウスが載ったときだけ画像を半透明にするCSSの書き方 - スタイルシートTipsふぁくとりー

    《2017年7月8日 16:00 公開/更新》 マウスが載ったときだけ画像を半透明にするCSSの書き方 [イメージ,色] 画像で作ったリンクは、ぱっと見た感じではクリック可能なのかどうかがハッキリ分かりません。画像リンクの上にマウスポインタを載せたときにその画像を半透明にする効果を出すと、「どの画像が選択中なのか」が明確になる上にどの画像をクリックしようとしているのかも明示できて良いかもしれません。マウスに合わせて画像を半透明にする方法を解説。 マウスが載ったときだけ画像を半透明にすると、どの画像が選択中なのかが把握しやすい 画像の上にマウスポインタが載ったときにだけ画像を半透明にするスタイルシート 画像に半透明のカラーフィルタを掛けたような感じにする —【All About 関連記事】— マウスが載ったときだけ画像を半透明にすると、どの画像が選択中なのかが把握しやすい 画像リンクの上にマ

    マウスが載ったときだけ画像を半透明にするCSSの書き方 - スタイルシートTipsふぁくとりー
  • jQuery最高の教科書|株式会社シフトブレイン 著

    「ゼロからjQueryを学びたい人たち」が効率的に理解できるように、 1章から順に難易度が上がるステップアップ形式の解説を行っています。 また、jQuery初心者のデザイナーの視点を加えることで、 プログラミング未経験者の「つまずきやすいポイント」を押さえた内容になっています。 通常、サンプルコードは全て出来上がった状態で配布されますが、 書ではあえて途中までのみを記載しています。 コードに余白を残すことで、サンプルをただなぞるだけではなく、 読み手の工夫次第で様々な表現を生み出すことができるようにしています。 最終章では、実際の仕事でデザイナーやエンジニアが手がけるWebサイトと同等のクオリティのページを制作します。 単なる技術の理解に終始せず、実際のサイトを制作する上でのポイントを習得することで、 Web制作における実践的な力が身につきます。 シフトブレインの取締役、テクニカルディレ

    jQuery最高の教科書|株式会社シフトブレイン 著
  • background-attachment: fixed; - Google 検索

    2024/05/17 · 値 · fixed. 背景はビューポートに対する相対位置で固定されます。要素がスクロール機構を持っていたとしても、背景画像は要素とともには動きません。

  • 1