ターミナル使うと簡単。
- 普通のzip作っておいて
- ターミナル開いて「zipcloak(半角スペース)zipファイルをドラッグ」
- パスワード2回入力
Coda2でプラグインを使わずにsassやcompassを使うメモ
[追記 / 2015-10-05]
OSX 10.11 El Capitanにアップデートしたら
|
1 2 |
sudo gem install sass sudo gem install compass |
なんていつもみたいに風にsassやcompassをインストールしようとすると
|
1 2 3 4 |
Ignoring psych-2.0.8 because its extensions are not built. Try: gem pristine psych --version 2.0.8 Ignoring json-1.8.1 because its extensions are not built. Try: gem pristine json --version 1.8.1 ERROR: While executing gem ... (Errno::EPERM) Operation not permitted - /usr/bin/sass |
みたいなこと言われてインストール出来なくなってた。
どうやらRootlessってやつが働いてるからだそうな
OS X 10.11 El CapitanではOS Xの新たなセキュリティ整合性保護機能（SIP: System Integrity Protection）通称”Rootless”が導入されており、例え管理者権限(root)であっても”/System”, “/bin”, “/usr”, “/sbin”ディレクトリにファイルの作成が出来なくなっていますが、Appleは開発者向けにこのRootlessを操作するコマンド”csrutil”を提供しています
OS X 10.11 El Capitanのシステム保護機能「Rootless」を無効にするcsrutilコマンドの使い方。
とりあえず
|
1 2 |
sudo gem install -n /usr/local/bin sass sudo gem install -n /usr/local/bin compass |
と書いてインストール出来た。
[追記 / ここまで]
聞きかじったものをがっちゃんこなので間違えてたりおかしい事してるかも。
sass（scss）だけならプラグイン入れちゃえばすぐ使えるんだけど、まぁ手段が増えるのはいいことです。
Coda2からターミナルをlocalhostで開く
sassを使いたいディレクトリに移動しておく（ちゃんとサイト設定してれば不要
|
1 |
cd "scssとcssフォルダを作成した場所をドラッグ＆ドロップ" |
アップデート
Rubygemsをアップデート
|
1 |
sudo gem update --system |
sassをアップデート
|
1 |
sudo gem update sass |
compassをアップデート
|
1 |
sudo gem update compass |
バージョン確認
Rubygemsのバージョン確認
|
1 |
gem -v |
sassのバージョン確認
|
1 |
sass -v |
compassのバージョン確認
|
1 |
compass -v |
sassだけで使う
|
1 |
sass --watch input元のパス:output先のパス |
compassを使う準備
プロジェクトを作成する。
config.rb（compassの設定ファイル）が無ければ最初に作る
|
1 |
compass create --bare |
とりあえずconfig.rbとsassフォルダだけが作られます。
これが基本
|
1 |
compass create |
あとはウォッチさせておけばいい
|
1 |
compass w |
もしくは
|
1 |
compass watch |
参考
CSS書くならCompass使った方がいいよ。SASS使ってる人なら特に。
Compassを使用する準備 | Web制作者のためのSassの教科書 – 公式サポートサイト
Sassコマンドの使い方を覚えよう | Web制作者のためのSassの教科書 – 公式サポートサイト
phpのheader()を使った際に、Warning: Cannot modify header information – headers already sent by 〜で出ちゃって困った事。
こんな風に、postにデータが入って無い時は弾こうとしたとき
|
1 2 3 4 5 6 7 |
<?php $str = $_POST["hantei"]; if($str == ""){ header('location: login.php'); exit(); } ?> |
ローカルでCannot modify header informationになりました。
これはheader()より先に何かが出力されている事が原因のエラーみたいなんだけど、
変数への代入は関係ないみたいだし、謎な改行も空白行無いし、BOMも付いてないしで
改行消してみたり、ファイルの保存方法を見なおしたりでは上記ソースのエラーを消せませんでした。
で、実際にエラーを消せた方法
1）php.iniのoutput_bufferingをonにする。
MAMPのphp.iniは
[text]
/Applications/MAMP/bin/php/php[バージョン]/conf/php.ini[/text]
にあります。
見てみると
output_buffering = Off になっていたので
output_buffering = On に変更しました。
その後、MAMPを再起動して確認するとlocationで指定したページへ飛んでくれました。やった！
2）ob_start();を使う。
output_buffering = Offのままob_start();を挿入してもいけました。やった！
|
1 2 3 4 5 6 7 8 |
<?php ob_start(); $str = $_POST["hantei"]; if($str == ""){ header('location: login.php'); exit(); } ?> |
使い方あってるのかな。
contentを使って吐き出す連番にcjk-ideographicを指定していたら
cjk-ideographicてば
css2で実装されて、
2.1で一時削除されたけど
3で復活したもんだと思っていたらIEが対応してなかった。
firefox（やその他のブラウザー）での表示
IE11での表示
app storeのダウンロードバッジ（.svg）を貼るのに手こずった話
appstoreのアプリにリンク貼ろうと
App Store マーケティングガイドライン – Apple Developer
からダウンロードバッジをダウンロードしてみたところ中身は.svgでした。
お恥ずかしながら.svgて使った事なかったのですが、現在は普通にimgタグに指定すれば表示される様子。
|
1 |
<img src="Download_on_the_App_Store_JP_135x40.svg" alt="ダウンロード"> |
確かにローカルではこれで大丈夫でした。
で、目的のサーバーにアップロードしてモバイル端末で確認してみると、svgが正方形の枠だけで中身が表示されていない…
.svgの中身を貼り付けたら表示されるけど、cssでのサイズ指定が無視されるようで使いづらい。
どうやらサーバーの設定が原因みたいで、.htaccessに
[text]
AddType image/svg+xml .svg
AddType image/svg+xml .svgz
[/text]
を追加したら無事表示されました。
めでたしめでたし。
ちなみにgoogleplayのダウンロードアイコンはここから作れます。
Google Play Badge Generator | Android Developers
一部の項目はiTunesライブラリに転送されていません。
バックアップしたり同期すれば解決されると思ってたけど
どうやら違ったみたい。
ファイル＞デバイス＞購入した項目を{iphone}から転送
時間かかるなぁ
[iOS]inputの内側の影を消したい
Q)
上の画像みたいに、borderがあると影が出来る（border:noneだと消える）
任意のborderを指定しつつ影を消したい
A)
|
1 |
-webkit-appearance:none; |
を指定する。
