プロとして恥ずかしくない 新・WEBデザインの大原則

CHAPTER 5─掲載サイトリンク集

02 デバイスとブラウザによるレンダリングの違い

サイト名URL
StatCounter Global Stats - Browser, OS, Search Engine including Mobile Usage Sharehttp://gs.statcounter.com/#desktop-browser_version_partially_combined-JP-daily-20140701-20140801-bar
Twitterhttp://twitter.com/
HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wikihttps://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills
Can I use... Support tables for HTML5, CSS3, etchttp://caniuse.com/
Mobile HTML5 compatibility on iPhone, Android, Windows Phone, BlackBerry, Firefox OS and other mobile deviceshttp://mobilehtml5.org
HTML5 Please - Use the new and shiny responsiblyhttp://html5please.com/
IE Testerhttp://www.my-debugbar.com/wiki/IETester/HomePage
modern.IEhttps://modern.ie/
Remote TestKithttp://appkitbox.com/testkit/
Genymotionhttp://www.genymotion.com/
Androidデバイスのリモートデバッギング機能https://developer.chrome.com/devtools/docs/remotedebugging

04 検索エンジンと構造化データの関わり

サイト名URL
schema.orghttps://schema.org/
data-vocabulary.orghttp://www.data-vocabulary.org/
Person microdata description · Data-Vocabulary.orghttp://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 | Wulfhttp://welcome.totheinter.net/2008/07/22/multi-column-layout-with-css-and-jquery/

10 CSSプリプロセッサーとは

サイト名URL
Sasshttp://sass-lang.com/
SassMeisterhttp://sassmeister.com/
CodeKithttp://incident57.com/codekit/
Prepros Apphttp://alphapixels.com/prepros/
Koalahttp://koala-app.com/

12 Sass以外のCSSプリプロセッサー

サイト名URL
Lesshttp://lesscss.org/
Stylushttp://learnboost.github.io/stylus/

13 CSSプリプロセッサーをサポートするライブラリ

サイト名URL
Compasshttp://compass-style.org/
Refillshttp://refills.bourbon.io/

14 CSSポストプロセッサーとは

サイト名URL
autoprefixerhttps://github.com/postcss/autoprefixer
pleeeasehttp://pleeease.io/

15 HTML・CSSの今後の動向

サイト名URL
WHATWGhttp://www.whatwg.org/
W3C HTML5 Logohttp://www.w3.org/html/logo/

16 コーディングに役立つツール

サイト名URL
Sublime Texthttp://www.sublimetext.com/
Package Control - the Sublime Text package managerhttps://sublime.wbond.net/
Emmet ̶ the essential toolkit for web-developershttp://emmet.io/
Gisthttps://gist.github.com/
Gistboxhttp://www.gistboxapp.com
Clipperhttp://www.gistboxapp.com/clipper-tutorial/
Dashhttp://kapeli.com/dash
Grunt: The JavaScript Task Runnerhttp://gruntjs.com/
gulp.js - the streaming build systemhttp://gulpjs.com/

Indexへ戻る