Bootstrapでスピーディにサイトを制作する Bootstrapを覚えるには?

20140422 0

案件によってはBootstrapをCSSフレームワークとして利用することで短時間でサイトを制作することもあります。今回「Bootstrapを覚えたい」という声があったので、参考になるサイトを紹介します。

ドットインストール

まずは、定番のドットインストール様♪

全18回の動画レッスンでBootstrap3.0の入門講座が開催されています。

Bootstrap 3.0入門 (全18回)

参考サイト

参考書籍

はじめてのBootstrap (I・O BOOKS)
槙 俊明
工学社
売り上げランキング: 63,193
Bootstrap
Bootstrap
posted with amazlet at 14.04.22
Jake Spurlock
Oreilly & Associates Inc
売り上げランキング: 49,331
実践Webデザイン jQuery+CSSフレームワークでサクサクつくる「動き」と「仕掛け」
ワークス アルディート
エムディエヌコーポレーション
売り上げランキング: 150,065

デザインのスクラップにはEmberがオススメ

20140415 0

過去にも取り上げたことがあるのですが、サイトのデザインを考える時・・・皆さんもいろんなサイトを見てインスピレーションを得ていることかと思います。このEmberは気に入ったサイトのスクリーンショットを保存してスクラップしてデザインに迷った時などに一覧にして見ることの出来る、デザインのヒントを得るためにはいいソフトのひとつです。

20140415 1

以前はスクリーンショットを撮ってはEvernoteに撮りためていましたが、Emberを使い出してからはこっちの方が快適です。

ランディングページのデザインを考える時に便利なサイト

こんにちは♪
今日は、ランディングページのデザインを考える際に便利なサイトをご紹介します。

ランディングページ集めました。

LP

こちらのサイトでは、

  • カテゴリ別
  • 日付別
  • 色別

で、検索をすることができてとても便利です。

また、2009年6月から収集されているので、情報量がとても豊富です。
ぜひ、皆さんも活用してみてください。

SourceTreeはWebデザインの現場でも便利に使えます

20140409 0

gitというとプログラマのツールのようにも思われるかもしれませんが、Webデザインの現場でもgitは使えます!!

でも・・・黒い画面がわけわからない(>_<) という方も多いですよね そんな方にはSourceTreeがオススメです!!

実はwEVAの社内でもWebデザイナーもこのSourceTreeを利用しています。リポジトリに制作するサイトのデータを入れておいて、作業をするたびにコミットを繰り返していくことで、「いつ」「どこを変更したか」というのが履歴として残ったり

場合によっては共有することで「誰がどんな作業をしたのか」

というのがわかったり!!

使いこなしていけば行くほど便利ですよーーー

SourceTree

開発効率をUPする Git逆引き入門
松下 雅和 船ヶ山 慶 平木 聡 土橋 林太郎 三上 丈晴
シーアンドアール研究所
売り上げランキング: 411
GitHub実践入門 ~Pull Requestによる開発の変革 (WEB+DB PRESS plus)
大塚 弘記
技術評論社
売り上げランキング: 307
開発ツール徹底攻略 (WEB+DB PRESS plus)
Junio C Hamano 大塚 弘記 川口 耕介 kana 大竹 智也(tomoya) 尾藤 正人
技術評論社
売り上げランキング: 39,335