jQueryUIを使ってマウスオーバー時に背景色をアニメーションさせながら変更出来ると今更知った - かちびと.net
備忘録。マウスオーバー時に背景の 色をアニメーションしながら変更する、 というのをクロスブラウザ対応で実装 したい。css3を使えば簡単な事ですが、 ご存知のようにIEは非対応。で、色々 探してみたんですが、jQueryUIを使う のが一番良さそうな感じでした。 普通にググったらJquery Color Pluginというプラグインがあったのですが、動作はするけどIEでエラーが出ます。リファレンスを見ても そもそも数値型の値をとらない属性（backgroundColorなど）には、animate関数は対応していません。 (jQuery日本語リファレンス) と書いてあるし、Jquery Color Pluginを直すのも面倒だし、どうしようかなと思ったんですが、jQueryUIを使えば凄く簡単なんですね・・・素人ですみません。 コード <script type="text/javascrip
CSSは分かるけどjQueryは苦手……という人が .attr()と .prop()に親しんでくれるといいなーと思って書きました。 | Ginpen.com
もちろん、そうでない方にも親しんで頂きたいと思います。 最近この記事が話題のようです。 CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました この記事中にjQuery 1.6/1.6.1での .attr()仕様変更がらみの話で、うちの「jQuery1.6のattr()で困ったら、1.6.1にすればいいみたい。」の記事へリンクされていました。 ただこの記事はちょっと中身が細かくて、ぱぱっと理解するのは難しいんじゃないかなあと思って、この記事を書いています。どこまでご理解頂けるかはわかりませんが、あっちの記事よりは読みやすいはず。 今さら感もないではないですが……。(´ω｀) jQuery 1.6/1.6.1で何があったの？ .attr()にまとめていた処理を .attr()と .prop()に分割した そしたら今まで動いていたも
第三回全国統一HTML5実技コンテスト - jsdo.it - Share JavaScript, HTML5 and CSS
お待たせしました。結果発表！ たくさんのエントリー、ありがとうございました！ jsdo.itDeNA HTML5で表情豊かに表現する「顔文字(・∀・)」 HTML5で、表情豊かな顔文字の表現にチャレンジしてください。 顔文字の素材は、エントリー用コードを使っても良いですし、お好きな顔文字でも構いません。 インタラクティブに操作ができたり、ツールとして便利なものにしたり、 ゲーム性を持たせたりするなど、表現の方法に制限はありません。 主に、表現力や発想力、インタラクションを評価します。 自由な発想をお待ちしています！ ※アスキーアートも扱って良いものとします 結果発表 Gravity Face buccchi 審査コメント： 遊び心があってよいです。完成度も高いと思います。 触った時の感覚もよく楽しめます。 文字の顔文字 imageData 審査コメント： メッセージを送れるため、複数で楽し
jQuery初心者向けの基礎をしっかり学べるサイト
【ｊQueryって何からjQueryの基本まで】... / 【jQueryの使い方から動作デモまで】jQue... / 【jQueryでのアニメーションからイージングま...他...全6件
HTML5 × CSS3 × jQueryを真面目に勉強 – #11 Path風サークルメニューを作ってみた | DevelopersIO
そんな訳で、写真共有SNSの一つであるPathにある、あのサークルメニューを再現してみたので、ここにその手順をまとめておくとします。 Pathはネイティブアプリなので、JavaないしObjective-Cにて実装されていますが、こちとらはそんなハイソなテクニックは使わずに、JavaScriptとCSS3だけで行けるところまで行ってみます。 はじめに とりあえずサークルメニューの要件を大まかに書きだしてみました。 トグルボタンをクリックしてメニューアイテムの表示/非表示を切り替えたい 各メニューは円周上に均等に配置された状態で表示させたい 表示/非表示はアニメーションで切り替わるようにしたい メニュー数の増減には柔軟に対応できるようにしたい その他、各メニューの間隔や角度、表示時の距離などはオプショで指定できるようにしたい ひとまずこんなもんで良いでしょう。次にこれらの要件をどのように実装す
【乞食速報】AdobeがPhotoshop CS2、Illustrator CS2などを無料ダウンロード提供中！！いそげえええええ : はちま起稿
AdobeがPhotoshop CS2、Illustrator CS2などを無料開放中。 (アカウント登録必須。登録は無料) ダウンロード可能なソフトは Photoshop CS2、Photoshop Elements 4.0/5.0、Creative Suite 2、GoLive CS2、Illustrator CS2、InCopy CS2、InDesign CS2など ※ただし全て英語版 CS2 Downloads http://www.adobe.com/cfusion/entitlement/index.cfm?e=cs2_downloads ログインしたらガチで全種類インストーラーが揃ってた。 miteru : Adobe CS2 Premium Plus for PC or Mac downloads for free | 9to5Toys - j.mp/V2Hg
NHK海 Ocean and Planet
NHKの自然科学番組を集めた海のポータルサイト。身近な魚から、珍しい深海生物、最先端の海洋科学まで－。“海”のすべてがここに。
CONDENSE-iconFont
A A B B C C D D E E F F G G H H I I J J K K L L M M N N O O P P Q Q R R S S T T U U V V W W X X Y Y Z Z a a b b c c d d e e f f g g h h i i j j k k l l n n m m o o p p q q r r s s t t u u v v w w x x y y z z 0 0 1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9 ! ! " " # # $ $ % % & & ' ' ( ( ) ) * * + + , , - - . . / / : : ; ; < < = = > > ? ? @ @ [ [ \ \ ] ] ^ ^ _ _ ` ` { { | | } } ~ ~ Ä Ä Å Å Ç Ç É É Ñ Ñ Ö Ö
【2ch】ニュー速クオリティ:篠崎愛の首のキスマークが話題にｗｗｗｗｗｗｗｗｗｗ
1 名無し募集中。。。[]2013/01/07(月) 20:26:43.82 0 逸材だと思ってたんだがな 残念 2 名無し募集中。。。[]2013/01/07(月) 20:27:20.38 0 マジやんけｗｗｗｗｗｗｗｗｗｗ 3 名無し募集中。。。[]2013/01/07(月) 20:27:22.12 0 ふるえがとまらん 4 名無し募集中。。。[]2013/01/07(月) 20:27:32.31 0 これはキスマーク以外の何物でもないなｗ 7 名無し募集中。。。羊スト[]2013/01/07(月) 20:28:19.57 0 酷いなｗちょっとやそっとじゃないぞこれ・・・ オワタわー 続きを読む
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ペンタックス、クラシックなデザインの1/1.7型センサーコンパクト「MX-1」を海外発表 ～上下カバーは真鍮製。F1.8-2.5ズームレンズや可動式液晶モニター装備
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
http://www.nintendo.co.jp/pokemon/direct20130108/index.html
シムススタイル本店｜シンプルモダンのインテリア
Nate Hanson