« 2013年08月 | メイン | 2013年10月 »
2013年09月21日
canvasで空白があく
ちとよくわかってないが、理解不能な空白はinline要素の改行だったりする。
display:block;でいけるかも?
投稿者 muuming : 18:30 | コメント (0)
互換モード
後方互換モードで見てるかどうかの判定
document.compatModeで取得できる値は、標準準拠モードがCSS1Compat、後方互換モードがBackCompatです。
とのこと・
投稿者 muuming : 16:16 | コメント (0)
ウィンドウサイズに合わせる
var winhtight = window.innerHeight ? window.innerHeight : $(window).height();
var winwidth = window.innerWidth ? window.innerWidth : $(window).width();
投稿者 muuming : 15:14 | コメント (0)
2013年09月17日
jquery-css-transform.js
jqueryでは回転とかtransform系が簡単に指定できなかった。
ブラウザごとに記載方法がことなっており、共通化されてなかった。そのため、jquery-css-transform.jsにて1個書いたら共通で使えるようにしていた。
が、いまのjquery 1.10.2あたりだと多分この問題は解消されてるっぽい。
なので
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/jscript">
$(document).ready(
function(){
$("#koge").css({ transform: 'rotate(30deg) scale(1.5)' });
}
);
</script>
にて動作した。
投稿者 muuming : 15:30 | コメント (0)
ベンダープレフィックス
-moz- とか -webkit- とかつくようなCSSの指定のしかた。
各ベンダーで先行導入されたもの
投稿者 muuming : 15:17 | コメント (0)
CSS3 いろいろ回転とか
■回転
transform: rotate(-45deg);
だけでも良いはずだが、ブラウザの対応状況がどうなっとるかようわからんので
ベンダープレフィックスもつけたが良さげ。-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
投稿者 muuming : 14:57 | コメント (0)
2013年09月13日
画面サイズでスタイル変える
にゅー勉強不足ちゃん
@media screen and (min-width: 600px) and (max-width: 900px) {
.three {
background: #9CF;
}
span.bt600-900 {
display: inline-block;
}
}//スマホ向けに・・・max-device-width:も使えるとな!
@media screen and (max-device-width: 480px) {
.iphone {
background: #ccc;
}
}
投稿者 muuming : 18:28 | コメント (0)
2013年09月12日
ワードプレス
ワードプレスのウィジェット自体はデフォルトから入っているもの(メタ情報等)は管理画面では変更できない。(多分
wp-includes/default-widgete.php
をごりごり変更する。
メタ情報なら WP_Widget_Meta をいじる
テーマによって追加で入っているものは管理画面で変更可能
(functions.php)をいじればOK
投稿者 muuming : 17:42 | コメント (0)
2013年09月11日
使い慣れないmysql
mysql> CREATE DATABASE bookshelf DEFAULT CHARACTER SET utf8;
mysql> GRANT ALL ON dbname.* TO ユーザー名@localhost IDENTIFIED BY 'パスワード';バージョンあがったら構文変わったらしい
create user 'user'@'localhost' identified by 'password';
grant all privileges on DB名.* to 'user'@'localhost';
投稿者 muuming : 11:25 | コメント (0)
2013年09月06日
一気にトリム
トリムするよ
//**************************
// トリム用関数
//**************************
function trim_value(&$value){
$value = trim($value);
}
//トリム実行
array_walk($_POST, 'trim_value');
投稿者 muuming : 10:06 | コメント (0)
2013年09月04日
スマホページ作成アレコレ
とりあえず、iphoneを縦に使った場合の横幅は320px 横に使ったら480pxんだけど、スマホがこの横幅ってのは無いから、ある程度でか目に作って縮小させるのが得策?
■viewportについて(ぱくり)
プロパティ | 値 | ||||
---|---|---|---|---|---|
内容 | 単位・指定方法 | デフォルト | 許容範囲 | その他 | |
width | Viewportの横幅 | px | 980px | 200~10,000px | 特別な値として「device-width*」の指定が可能 |
height | Viewportの縦幅 | px | 横幅とアスペクト比から計算される値 | 200~10,000px | 特別な値として「device-height*」の指定が可能 |
initial-scale | 倍率の初期値 | 乗数で指定 (例:120%の場合は1.2) |
表示範囲から計算される値 | minimum-scale(後述)~maximum-scale(後述) | |
minimum-scale | 倍率の最小値 | 乗数で指定 | 0.25 | 0~10 | |
maximum-scale | 倍率の最大値 | 乗数で指定 | 1.6 | 0~10 | |
user-scalable | 拡大縮小の可否 | --(yes / no) | yes | -- | no(拡大縮小不可)にすることでフォーム入力時のスクロールも不可 |