【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 เครดิตฟรีกดรับเอง
7 คาสิโนออนไลน์ ชั้นนำที่ดีเยี่ยมที่สุด Ichimaruni-design คาสิโนออนไลน์ ขอชี้แนะ 6 เว็บเดิมพันออนไลน์ชั้นหนึ่ง ที่มีครบทุกสิ่งที่มีความต้องการ ไม่ว่าจะเป็น คาสิโนออนไลน์ บาคาร่าออนไลน์ ไพ่โป๊กเกอร์ออนไลน์ พร้อมรับโปรโปรชันเครดิตฟรีที่แจกให้แบบจุใจ เว็บไซต์ตรงไม่ผ่าเอเย่นต์ เล่นง่าย ได้เครดิตฟรี ๆ ไปเลย UFABET เครดิตฟรี ไม่รับมิได้แล้ว กับโปรเด็ด โบนัสปัง UFABET เครดิตฟรี สิ่งดีๆที่เรามีให้เฉพาะสมา
ZurbFoundationのCompass版を利用するなら、app.scssのインポートは必要最低限にしたほうがいいですよ - megane9988のブログ
ZurbFoundationのCompass版を利用するなら、app.scssのインポートは必要最低限にしたほうがいいですよ おひさしぶりです。メガネです。今日は表題のとおりです。 Foundation | The Most Advanced Responsive Front-end Framework from ZURB を利用する際にCompass版を利用するときのtipsです。前提としてはCompass版のFoundationを利用するとします。もろもろ準備を済ませて [code lang=text] $ foundation new project-name [/code] とすれば一度に、ドバっと必要なファイルがダウンロードされて、即座に作業に入れるので気に入っています。その時のapp.scssに注目です。app.scssの中身は [code lang=text] @import
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【ツール/エディタ】【Foundation】Foundation6+gulpをWindowsで動くようになるまで | Wood-Roots:blog