擬似要素のCSSアニメーションはinheritを使えば有効になる - inkdesign
01 Dec 2012 Joshua Hibbert氏の記事、Don’t Forget the CSS Value ‘inherit’ - Joshua Hibbertでは忘れられがちなinheritによる値の継承について説明している。 inheritを使えば親要素のスタイルの継承ができるが、これは要素とその擬似要素の関係においても、擬似要素が継承させることができる。 で、この記事における本題としては、Bonus transition trickとして紹介されている、inheritを使えば、擬似要素でもCSSアニメーションが有効になるという話のこと。 擬似要素では”基本的に”アニメーションが無効となる Hibbert氏の記事にあるbasic sampleを見てもらうとわかるのだが、右側（赤い方）では擬似要素に大しては継承を使っておらず、そのためアニメーションになっていない。大して一方では擬
シンタックスハイライターでコードをわかりやすくする「jQuery Syntax Highlighter」
twitter facebook hatena google pocket コードを表示させたい時、テキストの一部を分類ごとに異なる色やフォントで表示するとわかりやすくなります。 これをシンタックスハイライトと呼んだりしますがSnippet :: jQuery Syntax HighlighterはjQueryでそれを簡単に実現します。 また選べるスタイルも多いので、重宝するかも知れません。 sponsors 使用方法 Snippet :: jQuery Syntax Highlighterからjquery.snippet.js、jquery.snippet.cssをダウンロードします。 また、jQueryからjquery.jsをダウンロードしてください。 次に下記のようにそれらを読み込みます。 <link rel="stylesheet" type="text/css" href="jq
人気がある8つのウェブデザインのスタイルから学んでおきたいポイント
人気があるウェブデザインのスタイルは良い悪いに関わらず、効果的に機能し人々を魅了する何かをもっています。 それぞれの主な特徴とそれがなぜ機能するのか、8つのウェブデザインのスタイルについて紹介します。 A Detailed Look into Popular Styles in Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 1. Illustrations 2. Printed Paper 3. Realism 4. Imageless & Typography-Focused 5. Minimalism 6. Vintage Look 7. Large Images & Photo Backgrounds 8. Rich & Sleek User Interfaces おわりに はじめに さまざまなデザイナーがいるように、敬意をはらう多くのウェ
freebies - 1stWebDesigner
Looking for the best free WordPress themes that are so new very few, if any, other sites are using them yet? In this collection we’ve curated 10 of the best… Looking for some free minimal icon sets? Look no further – you’ve come to the right place! We’ve compiled over 20 of the best free minimal style icon sets out… We have another freebie for you! This timely offering features a free icon set wit
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「目に見えない」自転車用ヘルメット：スウェーデンの女子大生が発明
