Foundation5でレスポンシブをオフにする方法(sassのみ)

自分用にメモ。

CSSフレームワーク Foundation5 でレスポンシブの機能をオフにする方法です。
_settings.scss を開きます。

以下の箇所を探します。

// $screen: "only screen";

// $landscape: "#{$screen} and (orientation: landscape)";
// $portrait: "#{$screen} and (orientation: portrait)";

// $small-up: $screen;
// $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})";

// $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})";
// $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})";

// $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})";
// $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})";

// $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})";
// $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})";

// $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})";
// $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})";

以下に修正

$screen: "only screen";

$small-up: $screen;
$small-only: $screen;

$medium-up: $screen;
$medium-only: $screen;

$large-up: $screen;
$large-only: $screen;

$xlarge-up:$screen;
$xlarge-only: $screen;

$xxlarge-up: $screen;
$xxlarge-only: $screen;

要はメディアクエリを全部同じ値にしてしまう強引な方法です。
無駄なソースは出力されてしまいますが、PC版だけで取り急ぎ作成したい場合にどうぞ。

サト研の風景

5年ぐらい運営してきた勉強会「サト研(仮)」の運営方法や手順のメモを公開

福岡で一番ゆるい?勉強会のサト研(仮)がもうすぐ40回目になるのでなんとなく。

だいぶ前に、サイト研究会(仮)の主催・運営や勉強会開催のおおまかな流れをFacebookグループ内でメモっておいたので、それをざっくりメモレベルでブログにも公開しておきます。

“サト研方式”と呼んでくれる人もおりますが、実際は「アンカンファレンス方式」です。
これを軸に勉強会を開催してきた経験から、皆で小技やアレンジを入れてきた感じです。

「これから勉強会を開いてみたい!」
「毎回準備が大変!もっと楽に運営したい!」

って人に役に立てれば幸いです。 続きを読む

p3

アップルケア未加入者がiPhone5sをトイレに落としてAppleStoreに持ち込んで27,800円で即日機種交換してもらってきたレポート

新年あけましておめでとうございます。
本年もどうぞよろしくお願いします。

旧年の大晦日に風邪なのかノロウイルスかインフルエンザかわかりませんが、
とにかく体調を崩して寝込んでしまい、布団の中で年越しという38年の人生で最悪の年越しを迎えました。
元旦も寝たきりで過ごし、2日でようやく快復。

今年は並ぶのを断念した、Apple初売りのLucky Bug。
マリノアの初売りにでもLucky Bugの3万6000円分ぐらいは買いに行くかと起き上がり、病み上がりのふらついた身体でトイレへ。

そこで悲劇が起きました。

続きを読む

baserCM2.1.2から 3.0.0へ移行を試してみたよ

basercms3.png
この記事はbaserCMSアドベントカレンダー2013/12/21の記事です。

ついについについに出ました、baserCMS3!
baserCMS3正式版リリース! | baser CMS

それで、今まで作ってきたbaserCMS2系(2.1.2)の移行を試してみました。

やった内容は公式開発ブログにも書かれてる以下の記事を参考にしました。

結論としては、この記事見ながら1時間ぐらいで移行できました!

わーい( ´ ▽ ` )ノ

で終わると記事にならないので、途中詰まった点とか調べたりしたことをフィードバックできればと思います。

続きを読む

Youtube、Facebookのブラウザのサポート対象外である案内のスクリーンショット

IE対応で古いバージョンを切り捨ててるメジャーなサイトの、ブラウザのアップデート、ダウンロードを促すページがどうなっているのか気になってアクセスしてみた。

Windows7 / IE7でアクセスしてます。

Facebook

sc_facebook

Youtube

sc_youtube

Yutubeのブラウザサポートの判断ページ
http://www.youtube.com/supported_browsers

ちなみにTwitterはモバイル版にリダイレクトさせてました。