foundation6とSassでサイトをつくる

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

Home 記事一覧

月: 2016年4月

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

前回は、アイコンフォントを使って連絡先を作ってみました。今回はいよいよ、コンテンツを入れていきたいと思います。(ダミーですけどね。) Fou[…続きを読む]

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

Foundationと同じく、ZURBが提供しているアイコンフォントを使って、連絡先を整えてみます。 アイコンフォントの設定 1. Foun[…続きを読む]

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

CSSフレームワークであるFoundationをいじってきましたが、未だCSSを触っていませんでした。Sassを使うためにいろいろ苦労してき[…続きを読む]

グローバルメニューもレスポンシブに こんなに簡単でいいのだろうか?

グローバルナビゲーションもFoundationにおまかせです。レスポンシブなメニューが簡単に作成できます。 大元は、Foundationのサ[…続きを読む]

レスポンシブなヘッダーとフッターを作ろう 

前回は、ページ全体をセンタリングしました。さらに各部を作っていきます。まずは、ヘッダーとフッターです。 1カラムのページですが、企業ページな[…続きを読む]

投稿ナビゲーション

1 2 3
  • Microsoft TeamsをPowerShellでプログラミングしよう 簡単にできる自動化セミナー 応用編 Kindle版

    Microsoft TeamsをPowerShellでプログラミングしよう 簡単にできる自動化セミナー 応用編 Kindle版
  • Googleクラスルームでプログラミング スプレッドシートとスクリプトを使って自動化しよう 応用編 Kindle版

    スプレッドシートとスクリプトを使って自動化しよう 応用編 Kindle版
  • クルーズスタイル

  • 最新の投稿

    • Bootstrap5でWordPressのテーマを作るーレスポンシブなナビゲーション
    • Bootstrap5でWordPressのテーマを作るーウィジェットの設定
    • Bootstrap5でWordPressのテーマを作るー固定ページ、投稿ページ
    • Bootstrap5でWordPressのテーマを作るーアップロード編
    • Bootstrap5でWordPressのテーマを作るーテーマ制作編の続き


  • よく読まれている記事

    • distフォルダーはどこへ行った "foundation watch"から始まるサイト作成
  • カテゴリー

    • Bootstrap5
    • bower
    • browsersync
    • compass
    • foundation
    • git
    • macOS
    • node.js
    • Partials
    • python
    • sass
    • XY Grid


  • アーカイブ

    • 2022年3月
    • 2020年8月
    • 2018年1月
    • 2017年12月
    • 2017年9月
    • 2017年3月
    • 2017年2月
    • 2016年4月
    • 2016年3月
    • 2016年2月
    • 2016年1月
  • © 2022 foundation6とSassでサイトをつくる
     

    コメントを読み込み中…