foundation6の環境作りから制作までを紹介

タグ:sass

Foundationで作ったサイト コンテンツを入れていきましょう

Foundation ヘッダー完成イメージ

前回は、アイコンフォントを使って連絡先を作ってみました。今回はいよいよ、コンテンツを入れていきたいと思います。(ダミーですけどね。)Foundationの実力やいかに/src/pages/index.htmlがコンテンツ本体のページ…

詳細を見る

FoundationでCSSはどう書いていくのだろうか やっとSassを使ってみる

Foundation Sass イメージ2

CSSフレームワークであるFoundationをいじってきましたが、未だCSSを触っていませんでした。Sassを使うためにいろいろ苦労してきたのに、まったくもって本末転倒です。結論から言うと何も難しいことはありません。いろいろ方法は…

詳細を見る

Windows10にCompassをインストールする手順まとめ

compass image

インストール先の環境:Windows10 Pro 64bit1. RubyをインストールするSass、CompassをRubyGemsでインストールするため、前提条件になります。「Sassのインストール まずはRub…

詳細を見る

gemでCompassをインストールします

compass image

gemでCompassをインストールします。1. gemコマンドでCompassをインストールします。2. インストールが完了しました。3. 正常にインストールされたか確認します。…

詳細を見る

gemでSassをインストールします

2016.01.27

sass image

前回インストールしたRubyのGemsを使ってSassをインストールします。1. 最初に、gemをアップデートしておきましょう。2. gemコマンドでsassをインストールします。…

詳細を見る

Sassのインストール まずはRubyをインストールします

2016.01.27

rubyインストール7

Sassをインストールします。まずは、Sassを使うためにRubyをインストールします。1. Rubyのサイトにアクセスして、インストーラーをダウンロードします。「Download」をクリックします。http://rubyins…

詳細を見る

Windows10でFoundation 6 + Sass の環境をつくる

foundation 6 image B

Windowsでfoundation 6 とSassを使う環境を作ります。Sassには、Compassを利用しますので、あわせて準備します。制作の環境には、Windows 10 Proを使用しています。OSは64bi…

詳細を見る

スポンサーリンク

フォローをお願いします。

follow us in feedly

プロフィール

このブログの著者:KEN 神奈川県在住 48歳、男性 ブロガー、新しいモノ好きが高じてブログ書いてます。フリーランスでホームページ屋もしています。

カテゴリー

アーカイブ