2012-03-01から1ヶ月間の記事一覧
ブラウザーのシェアの情報は各種ありますが、調査によって元となるデータが大きく異なるため、結果もまちまちです。 StatCounterでは、国別にブラウザーシェアを調査しています。2012年2月時点の日本のブラウザーシェアは以下（クリックで拡大）。 World Wid…
1.草案 Working Draft2.最終草案 Last Call Working Draft3.勧告候補 Candidate Recommendation4.勧告案 Proposed Recommendation5.勧告 Recommendation出典：大津真『JavaScriptプログラミング入門 第2版』ちなみに、HTML5は2011/5/25に最終草案が出て、現…
最近PHPを少しずつやっているのですが、その際にどこかの記事で「GREEの藤本氏はPHPの神」というフレーズを見ました。他にも、優秀なPHPプログラマーの例として藤本氏を挙げている人もいたり。ということで、GREE CTOの藤本真樹氏とPHPの関わりについて調べ…
プログラミング言語PHPの略称／正式名称についてまとめると、略称 PHP正式名称 PHP:Hypertext PreprocessorPHPとは Personal Home Pageの頭文字を取ったもの要するに、正式名称は「PHP:Hypertext Preprocessor」。略称の「PHP」は、「PHP:Hypertext Preproce…
文章を書く時、その論理構造を図式化することがあります。そんな時に階層構造を表す記号を使うのですが、その記号をIMEを使って出力する方法があります。やり方は、「けいせん」を変換するだけ。└ ┘ │ ┌ ─ ┐など、様々な罫線文字が変換候補に上がります。「…
今まではコーディング作業時にはサクラエディタを使っていた。HTMLを書く分にはサクラエディタでも十分便利なのだけど、PHP等のコーディング作業にはより便利なツールがあると聞いた。統合開発環境のEclipseだ。オープンソースソフトウェアで、無料で利用す…
ナビゲーションボタンの縦幅は44px以上が望ましいとされているが、14px～16px程度の文字に<a>タグでリンクを貼る場合も多い。そのようなときに有効となるテクニックが、paddingで<a>タグのタップ可能領域を広げてやること。文字サイズを維持しつつ、ユーザビリティ</a></a>…
・html <nav class="nav-topicpath"> <ul> <li>a</li> <li>b</li> （ここに擬似要素が入る） </ul> </nav> ・CSS.nav-topicpath ul:after{ ←擬似要素セレクタ「:after」でul要素の終了タグの直前に擬似要素を挿入 content: ""; ←contentプロパティで擬似要素として""（中身なし）を挿入 display:block; clear:both;}なお、…
nav, headerのようなHTML5の新要素をcssで装飾する際は、header nav{ padding:10px; }のように要素名をセレクタにするのが普通のやり方だが、これではマークアップするタグを変更する時（nav→div）や、新要素が廃止になってしまった時に、HTMLとCSSの双方を…
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display:block;}HTML5で追加された新要素の場合、ブラウザーによってはdisplayのデフォルト値がセットされていないことがある（Firefox3.6で…
window.addEventListener('load', function(){ setTimeout(function(){ scrollTo(0,1); },100); }, false;※↑にはミスタイプの可能性があるのでコピペは非推奨参考書籍：HTML5＋CSS3で作る 魅せるiPhoneサイト
<html lang="ja"><meta charset="utf-8" /><title></title> ←文字コードより後に配置すること。<meta name="format-detection" content="telephone=no" /> ←電話番号認識の無効化<link rel="apple-touch-icon" href="img/home.png" /> ←ホーム画面用アイコンの指定<link rel="stylesheet" href="css/iphone.css" media="screen" /> ←スマートフォン向けのmedia…</link></link></meta></meta></html>
