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

Foundation 6 macOS Sierraにnpmでインストール Homebrewの前にXcode

Xcodeのイメージです

前回に続いて、Foundation 6をmacOS Sierraにnpmでインストールしていきますが、まずはHomebrewをインストールします。Homebrewは「macOS用のパッケージマネージャー」。パッケージのインストールや…

詳細を見る

Foundation 6 macOS Sierraにnpmでインストールしてみる

Foundation 6 macOS インストールのイメージです

macOS SierraにFoundation 6をインストールFoundation 6を、Sierraにnpmを使ってインストールしました。これまでの記事はWindowsの環境だったのですが、今年になってPCをMacに変え…

詳細を見る

Foundation 6.2 テンプレート カラーバリエーションできました

テンプレート Alert-color イメージ

前回、カラーバリエーションを作ろうか、などと書いた手前、結局作ってしまいました。特別版テンプレートとして8種類の色違いです。勘のいい方はお気づきだと思いますが、Foundationのカラーパレットを使ったものが5種類です。「prim…

詳細を見る

Foundation 6.2で作ったテンプレート特別版 ここがパワーアップ!

Foundationテンプレート特別版イメージ

ブログを書きながら作ってきたテンプレート、絶賛「無料配布中」です。ただ、ほとんどデフォルトのままで若干消化不良な感じがしていました。結局は飽き足らず、ちょっと手を入れてみました。通常版に続く特別版は、各所がパワーアップしています。…

詳細を見る

Foundation 6.2で作ったテンプレートを配布します

Foundation テンプレート 配布

ずいぶん長々とFoundationのサイト作りを書いてきました。Sass版のFoundationをいじるのは初めてだったので、いろいろ試行錯誤もありましたが、とりあえず一段落です。せっかくここまで作ってきたので、まんまテンプレートと…

詳細を見る

Foundation ページはどうやって増やすのだろう

2016.04.08

Foundation ページ作成のイメージ2です

前回は、できあがったテンプレートをサーバーにアップしました。でも、1ページだけというのも何ですね。2ページ目以降はどうやって増やしていくのでしょうか。やってみたら簡単でした。Foundationはホントによくできています。/…

詳細を見る

Foundation 6.2 いよいよテンプレートをサーバーにアップ

Foundation アップロード イメージ

Foundation 6.2でサイトを作ってきましたが、いよいよテンプレートをサーバーにアップロードしてみます。さて、いったい何をアップしたらいいのかと考えていましたが、結論から言うと、/distの中の、index.htmlと/as…

詳細を見る

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

Foundation ヘッダー完成イメージ

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

詳細を見る

Foundationと相性ピッタリのアイコンフォントを使う

Foundation Icon Fonts 3 siteイメージ

Foundationと同じく、ZURBが提供しているアイコンフォントを使って、連絡先を整えてみます。アイコンフォントの設定1. Foundation Icon Fonts 3のサイトを開きます。http://zurb.com/p…

詳細を見る

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

Foundation Sass イメージ2

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

詳細を見る

スポンサーリンク

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

follow us in feedly

プロフィール

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

カテゴリー

アーカイブ