foundation6とSassでサイトをつくる

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

Home 記事一覧

タグ: foundation

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

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

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

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

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

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

FoundationのGrid Centered Columnsでページをセンタリングします

さらにサイトの制作を進めていきます。FoundationのGridを利用して1カラムのページを組み立てていきます。 まず、Foundatio[…続きを読む]

サイト制作の下準備 PaniniのPartialsを使ってレイアウトしてみる

Foundationの機能にあるPaniniのPartialsを使って、サイト制作の下準備をしていきます。詳細は以下を参照してください。 h[…続きを読む]

投稿ナビゲーション

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

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

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

  • 最新の投稿

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


  • よく読まれている記事

    • foundationを使ったWordPressのテーマ作成手順
  • カテゴリー

    • 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でサイトをつくる
     

    コメントを読み込み中…