ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
ゲーム感覚でCSSのセレクタを学ぼう！ - 有限な時間の果てに
2014-03-26 ゲーム感覚でCSSのセレクタを学ぼう！ CSS 今日は、ゲーム感覚でCSSのセレクタが学べるCSS Diner - Where we feast on CSS Selectors!を紹介します。 もともと、CSSのセレクタがちょっとあやふやな人はやってみて！ 楽しみながらCSSのセレクタを学ぶ -CSS Diner | コリスで見つけたものですが、面白いのでここでも紹介します。 やりかたは簡単、セレクタを打ち込んでEnter 正解なら次のLevelに進みます。 全部で26のレベルがあり、最後のほうは考えさせられます。 また、視覚的な分かりやすさがあります。 個人的には、CSS3で追加された:nth-of-type(n)や:not()について勉強になりました。 参考にしたもの CSS Diner - Where we feast on CSS Selec
CSS3だけで折りたたみ表示 | スターフィールド株式会社
スマートフォンやタブレットPC用のWebサイトを作るときに、 場所を節約するために、コンテンツを折りたたんで表示することが度々あります、 通常は折りたたみ表示をするとき、JavaScriptなどを使って実装するのですが、 スマートフォンやタブレットPCなどではCSS3に対応しているため、 JavaScriptを使わずに、CSS3のみで折りたたみ表示を実装することができます。 参考：「『スマートフォンサイトのためのHTML5+CSS3』 エ・ビスコム・テック・ラボ著」 ↓こちらがそのデモです。 DEMO 方法 今回ポイントになるのが、擬似クラスの「:target」セレクタです。 メニュー部分に設置したリンクで指定したIDの要素に適用することができます。 メニューにIDのリンクを、折りたたむ要素の親要素に:targetをあてることで、実装していきます。 HTML <section id=
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
