SPONSORED2016-01-12 tag - bootstrap webデザイン
![【2016年版】私(フリーWebデザイナー)がレスポンシブWebコーディング時に使用しているツールまとめ[[MORE]]私がレスポンシブWebサイトのコーディングに使うツールをまとめました。 1.Bootstrap(CSSフレームワーク) 現在の所はレスポンシブWebデザインの需要が高いので、ほぼCSSフレームワークのBootstrap3を使用してサイト制作しています。 利点はWebコンポーネントご...](https://cdn-ak-scissors.b.st-hatena.com/image/square/38760b34c3a6c934bd0bf82c9281c372f0837f6a/height=288;version=1;width=512/https%3A%2F%2F64.media.tumblr.com%2Ffd1aff3a9ea7009569f8e8815e0a07aa%2Ftumblr_o0u92ncQ9x1uiya9ro1_500.png)
えっ!?HTMLだけでできるんですか。 私はインブラウザでコーディングするとデザインイメージ湧かないから苦手なんですよ〜。 逆に遅くなっちゃいますよ。 クライアントだっていろいろ修正変更とか言ってきそうじゃないですか。 デザインとコーディングを同時に修正するなんて大変すぎます。 クライアントと案件内容にもよりますがスケルトンサイト(ワイヤーHTML)から見せながら制作した方がデザインが通りやすく納得されやすい事が多かったです。 初期の段階でサイトの骨格がすでに決まっているのでコーディング時間を大幅に短縮する事も可能です。 デザイナーはデザイン作業に集中できます。 (※全ての案件に対応できるわけではないので案件によってはワークフローを変更する必要もあります) 今回紹介するワークフロー (1)スケルトン(骨格)サイト制作 Bootstrap3のジェネレーターを使って作成する (2)デザイン作業
Webサイトを制作している時、そして納品する時、サイトのデザインで定義されているカラー・タイポグラフィ・エレメントなどのスタイルを一覧できるようにまとめたスタイルガイドを紹介します。 Photoshop, Illustrator, Sketchなどのアプリを使ったり、オンラインツールを使ったものなどいろいろあり、中身だけでなくその見せ方の参考にもなると思います。
Bootstrapの見慣れた感というか、モック感から脱却しようとFoundationとかに手を出しかけてたのですが、Googleがだしてきたマテリアルデザインキットがすごく良かったので紹介します。 たとえば管理画面風のデザインはこれ ほかにもBootstrap風の上部メニューのデザイン(Android)もあったり コンポーネントと呼ばれる部品も充実しています。これ見るだけで色々できそうな気がしますね! Blog風など幾つか提供されています。いまとあるサイドプロジェクトで簡易的な管理画面をつくろうとしてたのですが、早速活用していい感じに仕上げることが出来ました。 ダウンロードすると全テンプレートが含まれているので、コピペで組み合わせるだけでも結構いい感じに出来ます。Bootstrapに飽きてきたら、ぜひ使ってみてください。 www.getmdl.io
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く