（あまり役立たない）IE8で擬似要素の背景を動的に切り替えられない場合

html

<html> <head> <meta charset="utf-8" > <title></title> <style> #box{width:200px;height:200px;background:#eee;} #box:before{content:"before box";color:#fff;display:block;background:#aaa;width:100px;height:100px;} #box.change:before{background:#ccc} </style> <script src="js/jquery.js"><…</meta></head></html>

2013-03-22

3DSインターネットブラウザーのviewport設定・width=320px未満の場合

html

3DSインターネットブラウザーの仕様 http://www.nintendo.co.jp/3ds/hardware/features/browser.html 指定がない場合、横幅980ピクセルとしてHTMLをレイアウトします。<meta name="viewport" content="width=320" />をHTMLの<head>...</head>内に指定することで、幅320ピクセルの縮小表示がないHTMLを表示させることが</meta>…

2013-03-02

html5コーディングの注意点・section要素

html

今更になってがっつりhtml5コーディングを学ぶ機会に恵まれました。一通りは理解できたと思います。細かい部分はこれから。 sectionとarticleの使い分け …みんな迷っていると思う。そのブロックのみを外部から引用されても意味が通じる場合、articleを使う…

2013-02-27

ページ全体の横幅を指定し、指定領域外へはみ出た要素によってスクロールバーがでるのを防ぐ

html

<html> <head> <meta charset="utf-8" > <title></title> <style> #container{position:relative;overflow:hidden;min-height:1000px;min-width:960px/*任意の横幅*/;} #box{position:absolute;left:960px;width:100px;height:100px;background:#aaa;} </style> </head> <body> <div id="container"> </div></body></html>

2013-02-27

initializrの吐き出したソースから学んだこと

雑記 html javascript

http://www.initializr.com/ テンプレート内の記述から学ぶ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> //A <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> //B A) "//"の意味を理解 "/"はルートディレクトリ指定だが、"//"は使ったことありませんでし…