hipoco's blog
twitterボタンのタイプ別、エンコード別設置テスト
2月 27th, 2012 | hipoco
twitterの「つぶやく」ボタンの導入でつまづくことが、やたらと多いこの頃なので、がっつりテストしてみた。
jQueryでトップページのメイン画像をfadeIn
2月 14th, 2012 | hipoco
こちらのサイトでやったこと。
http://balbis.co.jp
完成するまでに紆余曲折があったので、備忘録としてメモと整理。
【javascript】 2012.2.9 勉強したこと
2月 9th, 2012 | hipoco
要素の配置されている位置を数値取得
offset(), [jQuery]
.top,
.left,
例：
var topPos = $('#hoge').offset().top;
計算する時は、
Number( 計算式 )
fadeTo() [jQuery]
.fadeTo(1000 , 1);
fadeIn、fadeOutより動作が安定してるっぽい。
jQuery関連 tips諸々
2月 6th, 2012 | hipoco
.css()で複数のプロパティを指定する
$("#hoge").css({"プロパティ1" : "値1" , "プロパティ2t" : "値2"})
thisの子要素を取得する
1. $("this").children("#hoge")
2. $("this").find("#hoge")
3. $("#hoge" , "this")
append()とprepend()
ここに分かりやすい解説が。
http://www.atmarkit.co.jp/fdotnet/jqueryref/04manipulation/manipulation_01.html
$('#hoge').prepend('<span class="first"></span>') ←子要素の先頭へ
$('#hoge').append('<span class="last"></span>') ←子要素の最後へ
しかしこれ、クオテーションの判別はどうやってるんだろ？
jquery内の記述はシングルクオテーションにしておかないとダメなんだろか？
【追記】
エスケープシーケンスを使うのだ！
\’ とか\” とかいうのん。
$("#hoge").prepend("<span class=\"first\"></span>")
@font-face などCSS3の機能
2月 3rd, 2012 | hipoco
CSS3の@font-faceのとても分かりやすい使用例。ありがたい解説付き。
gradientの使い方も凝っていて勉強になる。
jQueryプラグインの作り方
12月 29th, 2011 | hipoco
プラグインの作り方というより、他のライブラリーと併用する時の方法として。
http://ginpen.com/2011/10/26/how-to-write-jquery-plugin/
最近やったことメモ
12月 29th, 2011 | hipoco
Android対応も含めたスマホサイト（2.2でHTML5全滅）
Prototypeのギャラリーとthickboxのprototype版
画像表示時にfade
マウスオーバーでfade（未完というか不完全）
HTML5への移行
[memo] jQueryのaタグのイベント
11月 19th, 2011 | hipoco
はまったのでメモ。
ここに正解が。
http://www.webcyou.com/?p=596
スタイルの変更とかはreturn false;必要なし。
[memo] winXP メンテナンスメモ
10月 10th, 2011 | hipoco
検証機として使っているwinXPの再インストール手順です。
超完全個人的メモ。
- OSをCDから再インストール（F12から再起動）
- PC付属のCDよりドライバ一式をインストール
- IE7のスタンドアローン版をインストール（http://kidachi.kazuhi.to/blog/archives/001870.html）
- XP SP3にアップデート
- security essentialなどのセキュリティソフトをインストール