この記事はFrontrend Advent Calendar 2014 - Qiita 10日目の記事です。
プログレッシブ・エンハンスメントは単にJavaScriptをオフにしているユーザのサポートをするか、否かという意味ではありません。
(ちなみに、Gov.ukによると1.1%のユーザはJavaScriptを利用していない、もしくは利用できないという調査結果となっています)
もちろん、古いブラウザに対するアプローチだけでもありません。
デスクトップ、ラップトップ、スマートフォンやタブレット、そしてスマートウォッチなど、今では多くのデバイスにブラウザが搭載されています。
| #!/bin/sh | |
| # chkconfig: 2345 99 01 | |
| # description: SoftEther VPN Client | |
| DAEMON=/home/vagrant/vpnclient/vpnclient | |
| LOCK=/var/lock/subsys/vpnclient | |
| IFUP=/sbin/ifup | |
| IFDOWN=/sbin/ifdown VPN=vpn_vpn | |
| test -x $DAEMON || exit 0 | |
| case "$1" in |
| /* | |
| Theme Name: S.M. Framework | |
| Theme URI: http://css.studiomohawk.com/ | |
| Description: A theme framework for Studio Mohawk Design. | |
| Author: Studio Mohawk Design. | |
| Version: 1.0 | |
| Tags: diy,minimum | |
| */ | |
| /* @import | |
| ----------------------------------------------- */ |
| <section> | |
| <div class="section_inner grid_8 push_4"> | |
| <?php if (have_posts()) : while (have_posts()) : the_post(); ?> | |
| <article id="post-<?php the_ID() ?>" <?php post_class('mod'); ?>> | |
| <div class="inner"> | |
| <header> | |
| <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>" rel="bookmark"><?php the_title(); ?></a></h2> | |
| </header> | |
| <div class="bd the_excerpt"><?php the_excerpt(); ?></div> | |
| </div><!-- class="inner" --> |
| // GLOBAL | |
| if(typeof aa=="undefined")var aa={}; | |
| if(typeof aa.v=="undefined")aa.v={}; | |
| if(typeof aa.f=="undefined")aa.f={}; | |
| if(typeof aa.f.form=="undefined")aa.f.form={}; | |
| if(typeof aa.l=="undefined")aa.l={}; | |
| aa.v.sr=(new Date()).getTime(); | |
| aa.v.url=location.href; | |
| aa.v.canonicalUrl='http://'+location.host + location.pathname.toString().replace(/index.*/, 'index\.htm'); | |
| aa.v.shortUrl; |
| /* li.page内のみ記述 */ | |
| .pagenation .page ul { text-align: center; } | |
| .pagenation .page li { | |
| display: inline-block; | |
| /* IE6&IE7 ワークアラウンド */ | |
| *display: inline; | |
| zoom:1; } |
| /*------------------------------------------------------------------ | |
| [Master Stylesheet] | |
| Project: CSS Radar | |
| Version: 1.0 | |
| Last change: 2010/09/04 [Added Backnumber, ys] | |
| Assigned to: Yuya Saito (ys) | |
| -------------------------------------------------------------------*/ | |
| @import "reset.css"; | |
| @import "grid.css"; |
| /* | |
| Theme Name: CSS Rader - S.M. Framework | |
| Theme URI: http://css.studiomohawk.com/ | |
| Description: A theme framework for Studio Mohawk Design. | |
| Author: Studio Mohawk Design. | |
| Version: 1.0 | |
| Tags: diy,minimum | |
| */ | |
| /* @import | |
| ----------------------------------------------- */ |
| /*------------------------------------------------------------------ | |
| [Table of contents] | |
| Body | |
| Header / #header | |
| Navigation / #navbar | |
| Content / #content | |
| Left column / #leftcolumn | |
| Right column / #rightcolumn | |
| Sidebar / #sidebar |