CSS Nite in Nagoya 2007、CSS Nite in Osaka、CSS Nite Vol.18でアンケートにご協力いただいた中で「CSSに取り組む際に最初につまずいたところはどこですか?」という設問に対する回答をシェアします。 5月11日追記: 益子貴寛(サイバーガーデン)さんからコメントいただきました。 ざっくり見たところと、以下の3つ概念(考え方)レイアウト(特にfloat)ブラウザ互換が特につまずいた(つまずく)ポイントのようですね。 入れ子状のdivにつけるmargin・padding。 各ブラウザによるmargin・paddingの認識の違い。 複数ブラウザでの統一。 CSSの記述場所→勝手にヘッダー。 各ブラウザによる表示の崩れ。 class名、id名の管理。 勝手にclassを作る。 フロートの挙動の違い。 divの使い方。 IDとクラスの違い。 クラ
Pure CSS Animated Progress Bar | Css Globe Here's a simple demonstration of how you can create animated progress bar using pure css. JSレスでピュアCSSの超カッコいいプログレスバーのサンプル →デモを見る - ズイズイアニメーションしていきます。 何とこれ、JavaScriptを使っていません。 CSSとHTMLオンリーです。 仕組みは、GIFアニメーションで100%までプログレスする画像を作成しておき、進捗部分までを画像で塗りつぶすというもののようです。 CSSだけじゃ無理だと思うようなところもCSSのみでやっちゃうのは感動してしまいますね。 関連エントリ JavaScriptでの進捗表示に便利な「jsProgressBarHandler」がアップデート
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く