Profiling long paint times with DevTools' continuous painting mode | Blog | Chrome for Developers
Continuous painting mode for paint profiling is now available in Chrome Canary. This article explains how you identify a problem in page painting time and how you can use this new tool to detect bottlenecks in painting performance. Investigating painting time on your page So you noticed that your page doesn't scroll smoothly. This is how you would start tackling the problem. For our example, we'll
クリックしてカードをめくる - jsdo.it - Share JavaScript, HTML5 and CSS
(function($){ $.fn.rotate_box = function(){ var elm = $(this), elm_in = $('.inner', this), btn = $('.face, .back', elm), deg = 0, turn = false, turn_cls = 'reverse'; var rotate_anm = function(){ elm_in.css({ 'transform' : 'rotateY(' + deg * -2 + 'deg)' }); }; var rotate = function(){ setTimeout(function(){ rotate_anm(); if( deg == 45 ){ if( turn === false ){ elm.addClass(turn_cls); } else { elm.re
”レスポンシブなデザイン” のアドビ HTML5/CSS3 特設サイト制作者インタビュー | デベロッパーセンター
アドビの HTML5/CSS3 特設サイト（http://adobe-html5.jp/）の制作を担当した、面白法人カヤックの比留間さんに、”レスポンシブなデザイン” についてお話を伺いました。初めてこのようなサイトに関わったということで、苦労した点や工夫した点など、マークアップエンジニアの立場から製作中の様子を具体的に聞くことができました。 比留間さんは、意匠部 ME課（メカ）所属。CSS Nite LP9 連動企画 第 2 回コーディングコンテストで Web Site Expert 賞を受賞。（優秀賞）個人活動としては、「CSS-EBLOG」を運営中。主に CSS と JavaScript の Tips について配信している。共著で、「プロならば知っておくべき Web コーディング ＆ デザインの定石 100 [単行本]」を執筆。http://amzn.to/cpBj1c
Mobile Boilerplate: A best practice baseline for your mobile web app
★ Analytics, icons, and moreA lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icons; and several mobile-focused tools and helpers. ★ Normalize.css and helpersIncludes Normalize.css v3 — a modern, HTML5-ready alternative to CSS resets — and further base styles, utilities, and media queries.
CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件
jsdo.itで「SPEC」というコーディングコンテストを開催しています。 今回のテーマは以下の二つ。 CSSだけを使って必殺技の演出を加えてください ローディングの演出を考えてください 「こんなマニアックなテーマだけど参加してくれる人がいるのだろうか…！」と心配していたのも杞憂に終わり、続々とすごい作品が投稿されています。 開催期間中ですが、ぼくが個人的に「これは！」と思った作品をピックアップして紹介したいと思います。（コンテストの審査とは関係ないですよ！） CSSだけを使って必殺技の演出を加えてください スーファミのRPG風 えい！：forked: CSSで必殺技！ - jsdo.it - share JavaScript, HTML5 and CSS 光が集まる必殺技 forked: CSSで必殺技！第2弾！ - jsdo.it - share JavaScript, HTML5 a
HTML5&CSS3入門 with HTML5 パック 第6回 Graceful DegradationとPolyfill | デベロッパーセンター
本連載では、Webデザイナーに向けて、HTML5／CSS3でWebデザインや制作手法はどう変わるのかを解説していきます。主なHTML5／CSS3の役割や機能を学んでいただくとともに、サンプル作成を通してコーディング手法を習得していただくことを目的としています。なお、サンプル作成のツールとしてDreamweaver CS5以降を使用しています。CS5をお使いの場合は、拡張機能「HTML5 パック for Dreamweaver CS5」が必要です。CS5にHTML5 パックをインストールするには、Dreamweaver CS5のアップデータ11.0.3を適用する必要があります。CS5.5の場合、これらのHTML5 パックの機能はデフォルトで実装されています。 ※HTML5とCSS3は現在策定中の草案です。本連載は執筆時点の草案の内容にもとづいており、正式に勧告されるまでに変更されることもあり
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
fluidbaselinegrid.com
Mobile HTML5