About 5 years ago it felt like the progressive enhancement battle had been won, but after watching the reactions to Nicholas Zakas' "Enough with the JavaScript already" it seems all the old arguments are back with reinforcements. Well, I'm wearing my angry-pants and I'm ready for a jog down ranty lane. This is not about users without JS If you turn JavaScript off, you're going to have a tough time
In this article, Jordan Moore is going to discuss a few of the lesser practiced elements that are quietly becoming part of the responsive Web design ecosystem under the umbrella of responsible Web design, a design that has been evolving rapidly ever since Ethan Marcotte coined the term two years ago. Since then, techniques have emerged, become best practices and formed part of our ever-changing me
書籍「すべての人に知っておいてほしい HTML5 & CSS3 の基本原則」にあった、CSS3時代の3つのコーディングの考え方が参考になりました。 CSS3時代になる前は「クロスブラウザ」という各ブラウザで同じ見え方にするという考え方が主流でした。ですが、スマートフォンやタブレットなどの新しいデバイスが登場したことと、CSS3 のサポート状況の違いもあってクロスブラウザを実現するのが難しくなりました。 それで、CSS3時代のコーディングは「プログレッシブエンハンスメント」、「グレイスフルグラデーション」、「ポリフィル」という3つの考え方に変わるそうです。 プログレッシブエンハンスメントとは、Internet Explorer などの比較的古いブラウザを基準として設計し、先進的なブラウザには別途リッチな体験を提供するという考え方です。 グレイスフルグラデーションとは、先進的なブラウザを基準と
There are a ton of ways you can make your pro site stand out online, but your website color scheme is one of the most important. It’s one of the first things people notice – and when your visitors have an average attention span of (at most) 8.25 seconds, the color palette you use to shade all the buttons, text, and backgrounds of your site is super critical for getting people to stick around. So w
2012年10日6日は、神戸ITフェスティバルの講演に続いて CSS Nite in KOBE でも登壇しました。神戸での記念すべき第一回目ということで、技術話がほとんどない働き方をテーマにした話題が中心でした。私のセッションは、終わりなき Web の旅と題して、予測不能でトレンドも目まぐるしく変わる Web の世界で変わらないもの、目標にできるものを紹介しました。 再考 Progressive Enhancement 今頃「Progressive Enhancement」なんて言葉を使うなんて古いと考える方もいるかもしれません。不幸にも日本語で最適な表現がなく、カタカナ表記でプログレッシブ エンハンスメントとしてもピンと来ないのが、言葉のもつ意味が浸透しないひとつの要因ではないかと考えています。例えば、昨年からよく耳にするようになったレスポンシブ Web デザインにしても、Progres
Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in
『AXIS』の最新号が届きました。連載「未来技術報告」で、産総研の合体変形ロボット「M-TRAN」について書いています。このプロジェクトのリーダーの黒河治久さんに、「グレースフル・デグラデーション」(グレースフル・デグレデーション/graceful degradation)という素敵な言葉を教わりました。 直訳すると優美な減衰とか優雅な劣化という意味です。性能劣化が余儀なくされた場合でも、その劣化を出来るかぎり緩やかにとどめ、全体のシステムへの影響を最低限に抑えることです。何らかの故障や誤操作があってもシステムが正しく運行され、故障自体を修復してしまう自律分散並列システムをつくりだす「フェール・セーフ」や「フォールト・トレランス」の研究から生まれた言葉です。冗長性(リダンダンシー)やロバストネスにも深く関連します。 その話を聞いて、あっサッカーでもあるなと思いました。退場者を出したときとか
2012年6月9日 著 6月6日の覚え書き。品川にあるTHE GRAND HALLで催された、Internet Explorer 10 移行セミナーに参加してきました。冒頭、Xbox 360上にバージョン10ベースのIEが乗るよー、というニュースが紹介されました。これはこれで良いニュースですね......IEをより多種多様なデバイス上で動作させるということは、自らにより高いレベルでの標準準拠と相互運用性を課すことになるわけですから(既にそういう流れにはなってますけど)。セミナーは三部構成で、以下のプログラムにあるような充実っぷりでした。特に春日井さんと羽田野さんのお話が面白かった(し、春日井さんにはセミナーの前後にご挨拶する機会があって良かった)です。 Internet Explorer 10 概要と変更点 春日井 良隆氏 最新開発支援ツールを使ったデバッグ対応 物江 修氏 Progres
A Responsive Design Approach for Complex, Multicolumn Data Tables In responsive web design, one of the toughest design problems to solve is how format complex tabular data for display on smaller screens. In this post, we’ll explore an experimental approach to rendering a complex table, using progressive enhancement and responsive design methods, that displays comfortably at a wide range of screen
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く