_sとFoundationを使ってWordPressのテーマを作ってみよう - Hatsuka
ブログのリニューアルをするすると言って早1年…。 今年こそは…！ということで、お正月からちょっとずつリニューアル準備をしています。 テーマを作成するにあたって、_sとFoundationを使っているので、その備忘録もかねてブログにも書いていこうと思います。 WordPressのテーマ作成について WordPressのテーマを作るにアプローチの方法が3つあります。 1. スクラッチ 自分で一からPHP・CSSを書いていく方法 自由度は高いけど、その分PHPの知識が必要 2. 子テーマ すでにあるテーマを使って、編集していく方法 親テーマに依存されるというデメリットはありつつも、既存のものをベースとして使うので制作時間は短縮できる 3. スターターテーマ(_s) 最低限のPHPが実装されているテーマをベースに、編集していく方法 スクラッチと子テーマは前に制作したことがあるのですが、_sでは作っ
ZURB Foundation for Emailsによるレスポンシブメール作成 CSS編 その1 - Qiita
ZURBはWEBのデザインなど手掛けきた企業で、Foundationというフロントエンド向けのフレームワークを提供しています。「Zurb Foundation 導入前の予備知識」辺りが詳しいです。 このFoundationには大きく次の2種類があり、Webサイト用とメール用があります。 Foundation for Sites Foundation for Emails メール用のフレームワークは元々Inkと呼ばれていたようです。MOONGIFTさんで紹介されていました(ちなみに冒頭にある「ガラケーが主流だった日本においてはHTMLメールはあまり普及しませんでした」という一文はメールに関連する仕事をするようになって痛感する日々。2013年当時よりは変わってるとは思いますが)。 ここでは、メールの「Foundation for Emails」について書きたいと思います。 Foundation
Building a Responsive Mega Menu with Foundation — SitePoint
Mega menus are a design trend often used on large sites such as e-commerce and educational sites. For example, eBay’s mega menu: But what exactly is a mega menu? Well, let’s see how Jakob Nielsen describes it: A mega menu (a big, 2-dimensional drop-down panel) groups navigation options to eliminate scrolling and use typography, icons, and tooltips to explain users’ choices. So, with that in mind,
初心者向け！CSSフレームワークFoundationのSass版を使用する為の環境構築。 | デザイニングラボ
おはようございます(・∀・) 今日も一日頑張りましょう！ てなわけで、くっくる（@kuck1u）です。 みなさん、突然ですが、レスポンシブデザインでコーディングする時、どうしてます？ 僕は、レスポンシブデザインのコーディングが苦手なので、CSSのフレームワークを利用しています。 フレームワークを利用するようになったのは、現場でかならず使われているWordPressデザインのメソッドで紹介されているのを読んだのがキッカケです。 現場でかならず使われているWordPressデザインのメソッドではFoundationというフレームワークが紹介されています。 色々試してみたのですが…Foundationが一番肌に合ったので、Foundationを使用しています。 今回は、FoundationのSass版を利用できるようにする迄の道のりをメモがてら共有します。
Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton
Large user base Grids: Fluid and fixed UI tools: Lots of widgets; good for rapid prototyping History: Built by Twitter as a style guide for internal tools Medium user base Grids: Fluid. Most robust grid tools. UI tools: Good for rapid prototyping, but not as expansive as Bootstrap History: Built by ZURB as boilerplate for client projects Medium user base Grids: Fluid. Most robust grid tools. UI to
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://foundation.zurb.com/download.php
Foundation for Beginners: The Top Bar | Envato Tuts+
