hirokikyのブックマーク / 2012年10月19日

hirokiky id:hirokiky

2012年10月19日のブックマーク (6件)

jQueryで画像などコンテンツ要素を順番にフェードインさせる方法｜BLACKFLAG
写真のギャラリーページなど、たくさんの画像が一覧となって並べられているページでのページロード時に画像が一枚ずつ順番にフェードインしながら表示される演出技法。一度に全ての画像がフェードインするよりも滑らかな読み込みアニメーションを演出することができます。この画像（コンテンツ要素）が順番にフェードインしながら表示する演出を jQueryを使って簡単シンプルに実装する方法を紹介してみます。まずは動作のサンプルから。下記画面の「リロード」を押してみてください。サンプルを別枠で表示するページの読み込みが終わると一覧画像が左上から順々にフェードインして表示されます。この全体構成について、まずはHTMLから。 ◆HTML <ul> <li><a href="#"><img src="img/photo1.jpg" alt="" /></a></li> <li><a href="#"
hirokiky 2012/10/19
猫かわいい
リンク
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
hirokiky 2012/10/19
リンク
スタイルシート(CSS) 画像の重ね合わせ・重ねる順番指定（z-index）
<html> <head> <title>画像の重ね合わせ・重ねる順番指定</title> <style type="text/css">  </style> </head> <body> <img src="../../sample/img/
hirokiky 2012/10/19
リンク
jQuery で属性値を変更するには set ではなく attr メソッド | Sun Limited Mt.
jQuery で属性値を変更する方法を Google で検索すると $('#hoge').set('href', 'http://www.syuhari.jp/'); というやり方が結構ヒットするのですが、jQuery1.2.x では $('#hoge').attr('href', 'http://www.syuhari.jp/'); のように attr メソッドを使用します。参考：Attributes/attr – jQuery JavaScript Library 関連する投稿 Mac に pgAdmin をインストール The iPhone Developer’s Cookbook 購入 PHPフレームワークのベンチマーク「差がつく読書」樋口裕一 [マイドキュメント] フォルダのデフォルトの保存場所を変更する方法 This entry was posted by matsuur
hirokiky 2012/10/19
リンク
jQueryでform要素を操作する
jQueryでform要素を操作する方法ここではjQueryでform要素を操作する方法を説明します。 ■value属性の値を取得する .val() val要素を取得するために、val関数を利用します。 $("button").click(function(){ $("p").text($("input").value + "に送信します"); }); メールアドレス：確認 ■value属性の値を変更する .val("something") val要素を変更するために、val関数を利用します。 $("button").click(function(){ $("input").val(""); //初期化を行う }); お名前：クリア ■フォーカスがあたったときに処理を行う .focus() form要素にフォーカスがあたったときに、処理を行います。 $("input").focu
hirokiky 2012/10/19
フォーカスがあたったときに処理を行う .focus()
リンク
gunicorn を daemontools で監視する手順 - Study03.net 対シンバシ専用
gunicornをdaemontoolsで死活監視したことあるか的な質問がどこかに流れていたので、手順を簡単にメモっておく。OSの環境は debian(leny)を例にとります。 gunicorn て何よ？、daemontoolsて何よ？って人はこちからどうぞ。 gunicornメモ - 偏った言語信者の垂れ流し Django アプリサーバ、gunicorn と fastcgi の比較 - Ian Lewis daemontools 1. daemontoolsのインストールよくネットで調べると「daemontools-installer」が出てくるけど、もう最近のでは無いというか普通にdaemontoolsだけでインストールできるようになってる。 sudo apt-get install daemontools daemontools-run 2. gunicorn のインストールお
hirokiky 2012/10/19
リンク
- 2012年10月20日
- 2012年10月19日
- 2012年10月18日