diary ログ

らくがき 2013-02-23

大型アームスーツ的な

♥

デザイン関連メモ 2013-02-20

■ajax-loaderの画像生成
http://www.ajaxload.info/

■positionについて

親要素に relatice
子要素に absolute

で色々と上乗せできる。

■透過background
//rgba(RGB値,RGB値,RGB値,透明度)
background-color: rgba(0,0,0,0.7);

■box-shadowのハイライト
inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4)

♥

タグ WEB開発

HTML5,CSS3関連 2013-02-17

【CSS3グラデーションジェネレーター】
http://grad3.ecoloniq.jp/

【CSSスプライト自動生成】
http://ja.spritegen.website-performance.org/

【CSSスプライト関連】
http://lopan.jp/css-sprites/

♥

タグ WEB開発

HTML5メモ 2013-02-15

section //一つのセクション
nav //ナビゲーション
article //記事
asidev //余談・補足情報のセクション
hgroup //セクションの見出しを表す、見出しをまとめる
header//ヘッダであることを示す
footer//フッタであることを示す

簡易まとめ
タグ入れるとhtmlspecialcharsいれてなくて
有効になっちゃうのでどうにかしよう…

♥

タグ WEB開発

jQueryメモ 2013-02-12

//関数指定
$(function()){

//"hoge"内にCSSのclassやid指定

$(".hoge").[命令] (function(){
//hoge:not(:animated) で実行時のアニメーション省略
$(".hoge").[命令]("アニメーション指定");
})

})

//アニメ付きのボタン指定
$(function(){
$("hoge").click(function(){
$("div:not(:animated)").toggle("slow");
})
})

.toggle //表示非表示兼用
.show //表示
.hide //非表示

//classID,押した時の動作,表示非表示,アニメ動作速度
$(".penis:not(:animated)").toggle("slow");