2015/1/6のファンタラクティブ・オープンミーティングで使用したスライドです。Read less
Foundation for Appsでザクザク作るモックアップ
2015/1/6のファンタラクティブ・オープンミーティングで使用したスライドです。Read less
Getting Started With Sass | Foundation Docs
Foundation Documentation Download Foundation Three Easy Ways to Get Started Setting up Foundation 5 Sass is quick and easy! We recommend using the Command Line Interface. We've perfected the command line for quick and easy power, but you can use Foundation with just the files or other applications, like Mixture or CodeKit.
Middleman + Foundation + Amazon S3 でのBlogサイト構築(3)Foundation(とその他フロントエンドライブラリ)のインストール
Posted on Jan 17 前回はMiddlemanのインストールから、Blogサイトのスケルトン(雛形)を作成するところまでを記載しました。 今回はBowerを使ってFoundation等のフロントエンドライブラリをインストールする手順を記載します。 Bowerとは Twitter社製のフロントエンドライブラリ用パッケージマネージャ RubyでいうところのBundlerのようなもの コマンドラインからフロントエンドライブラリのインストール、アンインストール、アップデートなどが実行できる ライブラリ間の依存関係を管理できる 今回のBlogサイトでは使用するフロントエンドライブラリも少数なので個々にインストールしても良かったのですが、 勉強がてら試しにBowerを使ってみることにしました。 node.jsインストール Bowerはnode.jsベースのツールなので、まずはnode.js
Middleman + Foundation + Amazon S3 でのBlogサイト構築(6)Blogサイトのデザイン
Posted on Feb 13 前回はmiddleman本体やmiddlemanのblog拡張で使える便利なテンプレートヘルパについて記載しました。 前回まででBlogサイト構築の下準備が整ったので、いよいよというかようやくというか、今回はFoundationを使ってサイトのデザインを作成する部分について記載します。 Foundationとは イントロダクションでも触れましたが、FoundationはレスポンシブWebデザインにしています。対応のCSSフレームワークです。一応スマホ対応もしたかったので、この分野ではBootstrapが最も有名かと思いますが、今回はBootstrap以外のものを使ってみようと思い、いくつかの候補の中から直感的にFoundationを選択しました。採用したバージョンは去年の11月にリリースされた最新の「5」です。 参考にしたテンプレート ゼロからサイトを作り
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
