HTML5, CSS3, jQuery, WordPress, Bootstrap, SublimeTextなど、フロントエンドのマークアップやコーディングに役立つチートシートを紹介します。 PDFや画像をダウンロードしたり、ブックマークしておいて、すぐに確認できるようにしておくと便利ですね。

Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
HTML5 旋風、吹き荒れてますね!(^0^)/ さて、ものすごく突然で恐縮ですが、この度「HTMLファイ部」、設立しました! 株式会社カヤック(本社:神奈川県鎌倉市、 代表取締役CEO:柳澤大輔、http://www.kayac.com以下「カヤック」)は、HTML+CSSコーディング、JavaScript プログラムを担当する職種が所属する「HTMLファイ部」を発足いたします。 これまでHTMLおよびCSS、JavaScriptの担当者は、プログラマが所属する技術部、デザイナが所属する意匠部ME課(MEはMarkup Engineerの略)に分かれて所属していましたが、昨今のHTML5の進化と普及を受けて、HTML、CSS、JavaScriptの担当者は「HTMLファイ部」にて活動をスタートします。 そんなHTMLファイ部員が今回お送りさせていただくのは、 HTML5 について基礎から
『HTML5・JavaScript・CSS3アプリケーション開発入門』 日経BP社は29日、『HTML5・JavaScript・CSS3アプリケーション開発入門』 を発売した。価格は1,980円。 Webアプリケーションを開発する際には様々な技術を用いるが、その中で最も注目されているのがHTML5とCSS3である。本書ではHTML5とCSS3について、今、最も熱いプログラミング言語であるJavaScriptを軸に、アプリケーション開発に必要な知識を解説する。 HTML5に関しては、「HTML5で何が可能になるのか」といった基本から、新APIであるCanvasや Web Storageの使い方、簡単なアプリケーションの作成までを説明。HTML5でアプリケーションを作成する際に必要になるJavaScriptについては、DOMやライブラリ(jQuery)など"今どきの"JavaScriptプログ
CSS3がいくらパワフルとはいえ、さすがにここまで凝ったものが作れるとは思いませんでした。 まずはChromeでこちらを遊んでみてください。 CSS3 OF THE DEAD - jsdo.it - share JavaScript, HTML5 and CSS まるでJSをバリバリ使ったゲーム、のように見えますが、実は「Only CSS」。上のSTOPボタンを押すとコードを確認することができます。 jsdo.itでCSSプログラミングが流行中! ええ、どう考えても無茶なんです。CSSはプログラミング言語じゃないですからね。 CSSの機能を巧みに組み合わせて作成されています。 ということで、投稿作品のほんの一部を紹介したいと思います。 CSS PANIC CSSだけで作られたワニワニパニック。 このコードは海外のユーザーにも大きな反響を呼びました。
新野淳一 Publickey 2011/3/14 IE 9でHTML5の機能のオフラインアプリとCSS3関連の一部が実装されていないのはなぜか? 背景を日本マイクロソフトに聞いた マイクロソフトが開発しているInternet Explorer 9(以下、IE 9)の正式版が、日本時間で3月15日の火曜日午後1時から公開される(注)。同社は最新のWeb標準であるHTML5に注力することを表明しており、IE 9はその戦略に沿ってHTML5、CSS3といった最新のWeb標準に対応する機能を数多く搭載する予定だ。 注:記事公開後、日本マイクロソフトは、IE 9日本語版の提供の延期を表明しています(詳細:Internet Explorer 9日本語版、製品版提供を延期)。 また、IE 9はWindows Phone 7(以下、Phone 7)にも移植される予定になっている。マイクロソフトのインターネ
Publickeyでは、現在策定中の電子書籍フォーマット「EPUB 3」の動向について積極的に伝えていますが、ここでちょっと立ち止まって、EPUB 3とは何か? という基本的な情報について簡単にまとめておこうと思います。 EPUBの仕様はオープンかつフリー EPUBとは、「電子出版」を意味する「Electronic Publication」からとった名称といわれていて、International Digital Publishing Forum(IDPF、国際電子出版フォーラム)が策定をすすめている電子書籍のファイルフォーマットです。ちなみにEPUBは「イーパブ」と読みます(EPUB 3はイーパブスリー)。また、表記は「ePub」と表記されることもありますが、最近は「EPUB」とすべて大文字で表記されることが多いようです(仕様書などでは「EPUB」と表記されています)。 イースト株式会社の
<div id="Clock"> <div class="frame"> <div class="pin h-pin"></div> <div class="pin m-pin"></div> <div class="pin s-pin"></div> <div class="text-board"> <span class="p1"><p>12</p></span> <span class="p2"><p>1</p></span> <span class="p3"><p>2</p></span> <span class="p4"><p>3</p></span> <span class="p5"><p>4</p></span> <span class="p6"><p>5</p></span> <span class="p7"><p>6</p></span> <span class="p8"
/* * CSSでキュウべえ(FULL)を描いてみた * ※Google Chrome, FireFox, Safari, Operaに対応しています。 */ <div class="qb"> <!-- tail --> <div class="tail"> <div class="parts-1"></div> <div class="parts-2"></div> <div class="parts-3"></div> <div class="parts-4"></div> <div class="parts-5"></div> <div class="parts-6"></div> <div class="parts-7"></div> <div class="parts-8"></div> <div class="parts-9"></div> </div> <!-- ear --
この5冊で一通り学べます。 最近のJavaScriptが書きたいなあ、と思ったときに、キーとなるのは・・・。jQuery、クロージャ、無名関数、HTML5、スマートフォン対応!? それらを「わかりやすく」学べる、という視点で選んだ5冊。そもそもJavaScriptって何?という方は、まず以下の記事から。 JavaScript講座 [Smart] >>書き方、構文、演算子・・・。基礎を学べます。 「目指せ!ウェブマスター」JavaScript講座 >>サンプルたくさん! ハタさんのブログ(復刻版) : javascriptを初めて学ぶ人についてのおさらい。その1 >>今風の書き方の基礎
スマートフォン向けサイトの作り方 更新日:2011年1月22日|公開日:2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px~640px、横向きで480px~960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px(縦)を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px(横)で作成すれば問題ないと
ロゴはクリエイティブコモンズのAttribution 3.0 Licenseライセンスで提供され、希望者は誰でもこのロゴをWebサイトに表示したり、ステッカーにしてPCに貼ったり、Tシャツの柄にすることができるとのこと。 また、HTML5を利用していることをアピールしたいWebサイトのために、HTML5関連のテクノロジーを示したアイコン付きのバッジも提供されています。 HTML5のロゴの右側に並んだアイコンは、左から以下のテクノロジーを示しており、任意に選択できます(バッジには縦用のレイアウトもあります)。 Connectivity(Web Sockets、Server-Sent Eventsなど) CSS3 & Styling(CSS3、Web Open Fonts Formatなど) Device Access 3D & Effects(WebGL、CSSの3D機能など) Multim
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか: ウェブの歴史 [Page 2] よ
デザイナは要注目! 明日から語れるHTML5&CSS3:一撃デザインの種明かし(13)(1/4 ページ) ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは? 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか? これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5+CSS3に対応するWebブラウザが増えてきたことで、HTML5
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く