横井麻里乃
@rinoside
Hiroaki Kumada
@hatch2
フレームワークってどうですか?
Materialize
Googleが提唱する「Material Design」をベースに、UXに
フォーカスされたCSSベースのフレームワークです。
Materialize
Sass対応で使いやすい
BOOTFLAT
Material Design for Bootstrap
Bootstrapのフレームワークに基づく
オープンソースライブラリ
BOOTFLAT
Sass対応で使いやすい
Material Design for Bootstrap
サクサク作れる!Bootstrap3を使った、
フレームワークツール
Blocs
とにかく早い、一発で完成する
HTMLがイケてない
Sassがない
ドラッグ&ドロップで手軽にウェブサイトが作れる
ジェネレーターサイト
(熊田さんが後ほど詳しく説明してくださいます!)
Startup Framework Generator
デザインの種類が素晴らしい
LESSに対応
・昔きたbootstrapで作られたサイトの修正がえげつなかった
・自分でコードかきたい
・無駄な記述を把握できないのでは、、、?
・自分でレスポンシブさせたい
ただ、最近の制作案件は・・・
スピードと質、低価格を求めらることが多い
ゼロベースでレスポンシブコーディングだと、
少し複雑なサイトなどは確認工数がバカにならなかったり
ただ、最近の制作案件は・・・
レスポンシブデザインによるマルチデバイスへの対応が
とにかく早くなる。Bootstrapさんまじかっこいい
「Bootstrap臭」を感じさせないカスタマイズも可能、
またカスタマイズされたテンプレもたくさんある
フレームワークで効率化!
Sass/Lessベースで書かれているので読みやすく自分だけのカスタマイズがしやすい
レイアウトをツール上で決めればHTMLが書き出される
ほぼほぼマウスだけで簡単に作れて紛らわしいレスポンス対応を考えなくても既に対策されている
Generator
ウェブの知識がなくても簡単!プロならではのカスタマイズでオリジナリティーをだす必要がある
Blocs
http://blocsapp.com/
Macでレイアウトブロックを組み合わせてサイトを構築
ソースはそこまで汚くないのでオリジナルなカスタマイズもできちゃう!
Blocs
レスポンスの対応がいまいち微妙なブロックがある
有料です
Startup Framework Generator
http://designmodo.com/generator
WEB上でレイアウトブロックを組み合わせてサイトを構築
ソースはそこまで汚くないのでオリジナルなカスタマイズもできちゃう!
レスポンスもなかなかイケテル!
有料です
Startup Framework Generator
WordPress用テンプレートもある
とっても簡単!ウェブの知識がない人でもとりあえずのレイアウトが作れる
個性を出すカスタマイズがどこまで出来るか、結局コーディングの知識は必要!!
Generator
今日紹介したGenerator以外にもおもしろそうなのがあるのでお試ししてみる
the Grid
Qards
など....