現場のプロが教えるHTML+CSSコーディングの最新常識

CHAPTER5──掲載サイトリンク集

01 HTMLテンプレートのためのテンプレートエンジン

サイト名URL
Hamlhttp://haml.info/
Slimhttp://slim-lang.com/
Jadehttp://jade-lang.com/
Expresshttp://expressjs.com/
gulp-jadehttps://www.npmjs.com/package/gulp-jade
gulp-watchhttps://github.com/floatdrop/gulp-watch

02 静的サイトジェネレータで高速Web開発

サイト名URL
PUNCHhttp://laktek.github.io/punch/
Phesthttps://github.com/chatwork/Phest
Middlemanhttps://middlemanapp.com/jp/
StaticGenhttps://www.staticgen.com/
Jekyllhttp://jekyllrb.com/
Liquidhttp://liquidmarkup.org/
Octopresshttp://octopress.org/
Jekyll-Bootstraphttp://jekyllbootstrap.com/
Jekyll-Pluginshttp://www.jekyll-plugins.com/
Jekyll Themeshttp://jekyllthemes.org/
Web Starter Kithttps://developers.google.com/web/starter-kit/
Web Starter Kit(GitHub)https://github.com/google/web-starter-kit?hl=en

03 効率よくコーディングを進めるエディタ(IDE)紹介

サイト名URL
Dreamweaverhttp://www.adobe.com/jp/products/dreamweaver.html
Adobe Pinch Inhttp://www.adobe.com/jp/jos/pinchin.html
Codahttps://panic.com/jp/coda/
Sublime Texthttp://www.sublimetext.com/
Bracketshttp://brackets.io/
Atomhttps://atom.io/

04 作業の手間を軽減する便利ツール

サイト名URL
CodeKithttps://incident57.com/codekit/
LiveReloadhttp://livereload.com/
Mixturehttp://mixture.io/
Slicyhttp://macrabbit.com/slicy/
CSS Hat 2https://csshat.com/
JPEGminihttp://jpegmini.com/
ImageOptimhttps://imageoptim.com/
Ghostlabhttp://vanamco.com/ghostlab/
Kalaidscopehttp://www.kaleidoscopeapp.com/
WinMergehttp://winmerge.org/?lang=ja
Sequel Prohttp://www.sequelpro.com/
Alfredhttp://www.alfredapp.com/
Dashhttp://kapeli.com/dash
Slackhttps://slack.com/

05 最近のJavaScriptの動向を理解する

サイト名URL
jQueryhttp://jquery.com/
Backbone.jshttp://backbonejs.org/
Knockouthttp://knockoutjs.com/
AngularJShttp://angularjs.org/
CoffeeScripthttp://coffeescript.org/
TypeScripthttp://www.typescriptlang.org/
Haxehttp://haxe.org/
Babelhttps://babeljs.io/
Polymerhttps://www.polymer-project.org/

Indexへ戻る