HTML5とCSS3のオンラインサンプルが良い感じ | Web活メモ帳
Web上で見て触れる、HTML5とCSS3のオンラインサンプルがすごく良かったのでご紹介。 HTML5 & CSS3 Tools and Tutorials パラメータを自由に触りながら、実際に動作している様子をリアルタイムにプレビューする事が可能です。 以下に使っている様子を載せてみます。 ↑設定した項目を選択します。 まずはBox Propertiesを試してみます。 ↑設定可能な項目が表示されます。 パラメータをグリグリいじれちゃいます。 ↑設定した内容はリアルタイムにプレビュー表示されました。 使用するコードと対応するブラウザも教えてくれます。 違うものも試してみましょう。 ↑Videoを設定している所です。 動画ファイルはURLを直接入力して設定します。 ↑プレビューです。 細かいブラウザのバージョンも教えてくれました。 他にも設定可能な項目はたくさんありました。 興味のある方は
html5とcss3の美しいデモ | Web活メモ帳
美しいグラフが表示されるのですが、マウススクロールすると全体が動くようになります。 デモ ホイールを取得する部分は以下のようなコードになっています。 jQuery(document).bind('DOMMouseScroll mousewheel', function(e, delta) { var newval, num = $('div.css-chart p').css('padding-left'); delta = delta || e.detail || e.wheelDelta; if (delta> 0 || e.which == 38) { newval = parseFloat(num) + 10 * (e.shiftKey ? .1 : 1); } else if (delta <0 || e.which == 40) { newval = parseFloat(nu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSのみで作れるアイコン配布サイト「One Div」 | Web活メモ帳