【HTML5/CSS3】【ツール/エディタ】【Foundation】Sass版FoundationをWindowsで使えるようにする | Wood-Roots:blog
これまでCSSフレームワークというものをほとんど使ったことがなかったのですが、そろそろ手を出そうかと思いFoundationというCSSフレームワークを使ってみました。 html、css、jsファイルで構成される静的バージョンもありますが、色・幅・余白などが緻密に計算されて構成されているFoundationではあまり使い勝手がいいとは言えません。 たとえば制作中にブロック間の余白をもっと狭くしたいと思っても、ブロック間の余白はブロック幅や内部のpaddingなどあちこちに影響を及ぼします。 せっかくCSSフレームワークを使うのですから、SassバージョンのFoundationを使いましょう。 何かを変更してもすべてその変更された値を元にCSSが再構築されますので、仕様変更にも柔軟に対応でき、メンテナンス性も高いです。 というわけで、Sass版Foundationを使ってサイト制作ができるよ
【HTML5/CSS3】【Foundation】Foundation6のシンプルなテンプレート「Foundation for Sites Template」を使う | Wood-Roots:blog
以前Foundation6+gulpをWindowsで動くようになるまでという記事でFoundation6を使おうとしましたが、このパッケージはHandlbars.jsというテンプレートエンジンでレイアウトを制御し、コンテンツ部分はMarkDownで管理してHTMLを生成するという、ローカルCMSとでも言うような複雑なものでした。 FoundationなどのCSSフレームワークに期待しているのはこういう巨大なシステムではなく、CMSのテンプレートや数ページのHTMLをまぁまぁの見栄えで作れればいいんだけど…と思ってましたが、そういう用途に向いたテンプレート「Foundation for Sites Template」も公開されていました。 1つのHTMLファイルといくつかのscssファイルによるシンプルな構成で、これまでのFoundationユーザーならほぼ同じ感覚で使えると思います。 W
[ツール/エディタ]「Chocolatey」でWindowsでもモダンな開発環境を作る | Wood-Roots:blog
RubyやNode.jsやPythonなどをWindowsで使えるようにしようとした場合、環境変数やら権限やらなんやらと結構めんどくさいことが多いです。 たとえばGruntを使う場合はNode.jsが、Sassを使う場合はRubyが必要ですが、そのNode.jsやRubyのセットアップでつまづいてしまうケースも多いのではないでしょうか。私がそうでした(´・ω・｀) ですが、「Chocolatey」というアプリケーションを使うことでWinでもあっという間に今どきの開発者向けツールがセットアップできました。Winの環境構築で手間取っている方はぜひ試してみてください！ Chocolateyとは 「コマンドラインによるアプリケーションの導入や削除を実現するパッケージ管理システム」です。 Macの開発環境の話で『ターミナルで「apt-get hogehoge」とか「yum install fugaf
![[ツール/エディタ]「Chocolatey」でWindowsでもモダンな開発環境を作る | Wood-Roots:blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/b29b0e7dda28eed74cebc57b258d81f98c702721/height=288;version=1;width=512/https%3A%2F%2Fwood-roots.com%2Fwp-content%2Fuploads%2F2014%2F07%2FChocolatey-Gallery-640x4101.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【ツール/エディタ】【Foundation】Foundation6+gulpをWindowsで動くようになるまで | Wood-Roots:blog
