CHAPTER 5─掲載サイトリンク集
02 デバイスとブラウザによるレンダリングの違い
サイト名 | URL |
---|---|
StatCounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share | http://gs.statcounter.com/#desktop-browser_version_partially_combined-JP-daily-20140701-20140801-bar |
http://twitter.com/ | |
HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wiki | https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills |
Can I use... Support tables for HTML5, CSS3, etc | http://caniuse.com/ |
Mobile HTML5 compatibility on iPhone, Android, Windows Phone, BlackBerry, Firefox OS and other mobile devices | http://mobilehtml5.org |
HTML5 Please - Use the new and shiny responsibly | http://html5please.com/ |
IE Tester | http://www.my-debugbar.com/wiki/IETester/HomePage |
modern.IE | https://modern.ie/ |
Remote TestKit | http://appkitbox.com/testkit/ |
Genymotion | http://www.genymotion.com/ |
Androidデバイスのリモートデバッギング機能 | https://developer.chrome.com/devtools/docs/remotedebugging |
04 検索エンジンと構造化データの関わり
サイト名 | URL |
---|---|
schema.org | https://schema.org/ |
data-vocabulary.org | http://www.data-vocabulary.org/ |
Person microdata description · Data-Vocabulary.org | http://www.data-vocabulary.org/Person/ |
構造化データに関するGoogle公式ドキュメント | https://support.google.com/webmasters/topic/4598337?hl=ja&ref_topic=3309300 |
構造化データ マークアップ支援ツール | https://www.google.com/webmasters/markup-helper/ |
構造化データテストツール | https://www.google.com/webmasters/tools/richsnippets |
ウェブマスターツール | https://www.google.com/webmasters/tools/?hl=ja |
07 カラムレイアウトの手法
サイト名 | URL |
---|---|
Multi Column Layout With CSS and JQuery | Wulf | http://welcome.totheinter.net/2008/07/22/multi-column-layout-with-css-and-jquery/ |
10 CSSプリプロセッサーとは
サイト名 | URL |
---|---|
Sass | http://sass-lang.com/ |
SassMeister | http://sassmeister.com/ |
CodeKit | http://incident57.com/codekit/ |
Prepros App | http://alphapixels.com/prepros/ |
Koala | http://koala-app.com/ |
12 Sass以外のCSSプリプロセッサー
サイト名 | URL |
---|---|
Less | http://lesscss.org/ |
Stylus | http://learnboost.github.io/stylus/ |
13 CSSプリプロセッサーをサポートするライブラリ
サイト名 | URL |
---|---|
Compass | http://compass-style.org/ |
Refills | http://refills.bourbon.io/ |
14 CSSポストプロセッサーとは
サイト名 | URL |
---|---|
autoprefixer | https://github.com/postcss/autoprefixer |
pleeease | http://pleeease.io/ |
15 HTML・CSSの今後の動向
サイト名 | URL |
---|---|
WHATWG | http://www.whatwg.org/ |
W3C HTML5 Logo | http://www.w3.org/html/logo/ |
16 コーディングに役立つツール
サイト名 | URL |
---|---|
Sublime Text | http://www.sublimetext.com/ |
Package Control - the Sublime Text package manager | https://sublime.wbond.net/ |
Emmet ̶ the essential toolkit for web-developers | http://emmet.io/ |
Gist | https://gist.github.com/ |
Gistbox | http://www.gistboxapp.com |
Clipper | http://www.gistboxapp.com/clipper-tutorial/ |
Dash | http://kapeli.com/dash |
Grunt: The JavaScript Task Runner | http://gruntjs.com/ |
gulp.js - the streaming build system | http://gulpjs.com/ |