「Foundation」のグリッドレイアウト/レスポンシブレイアウトCSSフレームワークとは?CSSフレームワークとは、WEBサイト制作におけるレイアウトやボタン、フォームのデザインなどが定義されたライブラリです。特定の「id」や「class」を指定するだけで、そのひな形に沿ったサイト制作が可能となります。5」に触れてみたいと思います。└placeholder.js└foundation.min.jshumansrobots「Foundation」のグリッドレイアウト/レスポンシブレイアウト今回は【グリッド数12】とします。※こちらの数値はダウンロードする際にカスタマイズできます「Foundation」には「large」と「small」の2種類が用意されており、ブレイクポイント以上のサイズで表示させる場合は「large-カラム数」、ブレイクポイント以下のサイズで表示させる場合は「small-カラム数」と指定します。class=”row”>~</div>で囲んであげます。PCサイトでは「幅9カラム」と「幅3カラム」の2カラムレイアウト、そしてスマートフォンサイトでは「幅6カラム」「幅6カラム」の2カラムレイアウトで表示させたい場合は以下のように記述します。–></div>また「small」を指定しない場合は、スマートフォンでは以下のように表示されます。逆に「small」のみを指定した場合は、PCでもスマートフォンでも同じカラム表示になります。一言:楽しい仲間とサイト作ったりデザインしたり、あーだこーだしています。スマホサイト制作にかかせないbackground-sizeについて5簡単作成!オリジナルのイラストなどのデザインQRコードを作ってみた。Bot作成の始まり2014.05.12PhotoShopで長方形シェイプのぼやけを解消する方法3パ2014.10.06Vagrantを使ってWindows7にLinux環境を作成2016.04.13Gulpの使い方。2015.04.20デスクワークの疲れを癒す!座ったままできるお手軽ストレッチ!2016.06.29インフラ系女子、モニターを修理してみた。Go-Nextから新年のご挨拶2019.07.26現在リニューアル中。多忙につきお待たせしております。