Displaying Your Tweets On Your Website With jQueryのエントリーより、jQueryを用いたtwitterの呟きをWebページに表示させるスクリプトの紹介です。
E-riverstyle Vanguard | CSSやXHTML,Javascriptやweb製作に関する事を紹介でタグ「javascript」が付けられているもの
タイトルにあるように、本ブログにSyntaxHighlighterを適用しました。
適用したSyntaxHighlighter
SyntaxHighlighter 3.0.83
http://alexgorbatchev.com/SyntaxHighlighter/
先日、jQuery ToolTipsInOutというのを開発しました。
jQuery ToolTipsInOutというのは、画像にマウスをのっけると、その代替テキストが表記されている場合に、その代替テキストがToolTipsとして表示されるというjQueryプラグインです。
前回に主要ブラウザのJavaScriptの処理速度の結果というエントリで、自分で計測した主要ブラウザのJavaScriptの処理速度の結果を記載させていただきましたが、Google Chrome 5がリリースされたので、再度、主要ブラウザのJavaScriptの処理速度を計測しました。
Codropsより、jQueryを用いたホバー時のエフェクトが泡のようなナビゲーションの紹介です。
svay.comより、JavaScriptとCSS3で実現するスポットライトのような効果を演出する方法の紹介です。
Fancy FAQs with jQuery Slidersのエントリーを読んで、こうすればさらにアクセシブルになるのではないかと思いましたので、ちょっとだけ書かせて頂きます。
CSS-Tricksより、jQueryで滑らかなアニメーションのスライドを実装できるナビゲーションの紹介です。
Snook.caより、ものすごくシンプルなjQueryで作るイメージスライドの紹介です。
ボソボソっと、測定した結果です。使用したBenchmarkは、「SunSpider JavaScript Benchmark」、「V8 Benchmark Suite」、「Celtic Kane's Web Browser Javascript Benchmark」のDOMの処理速度、「The Acid3 Test」です。
Build Internet!より、jQuery Color Animations Pluginを使った背景色やテキストの色を自動で変化させるスクリプトの紹介です。
Firebugといえば、Webデザイナー、Webデベロッパー御用達のFirefoxのアドオンですが、Firefox以外のブラウザでも使えたらと思ったことは誰でもあると思います。
そんな要望をかなえてくれるPhani Bitraより、IE,Safari,Chrome,OperaでFirebugが使えるスクリプトの紹介です。
davidwalsh.nameより、jQueryとPHPを使ったダイナミックなグラフの作成の紹介です。
Build Internet!より、jQueryで作る温度計のコントローラーのスクリプトの紹介です。
davidwalsh.nameより、クリップボードにテキストをコピーすることができるスクリプトの紹介です。
jankoatwarpspeed.comより、jQueryで作るうっすらと色が薄くなっていくフェードリンクの作成の紹介です。
electrictoolbox.comより、jQueryで作る透過効果のあるダイアログボックスの設置方法の紹介です。
Trevor Davisより、一種のアクセシビリティにもつながるjQueryで作る文字のサイズをコントロールするインターフェースの紹介です。
davidwalsh.nameより、jQueryまたはMooToolsを使ったボックスに透過効果のあるアニメーションをつけるスクリプトの紹介です。
この前、テキストボックスの中の文字列をクリックしたときに選択状態にさせる方法をど忘れしてしまいました。
結構、簡単なことなのですが、使わなくなるとどうも人間って忘れていきますよね。[完全に言い訳です。]
そこで、自分のための備忘録としてソースを表記しときます。もし参考になるようでしたら使ってください。
ちょっと前に見つけた記事なのですが、今更IE7という感もありますが、、JavaScriptの罠的な要素を含みますので、特にJavaScriptを勉強中やこれから勉強を始めようとする人には良い情報だと思いますので、紹介します。
場合によれば、ユーザビリティ、アクセシビリティを考慮できるスクリプトです。その文字の続きをあらわすことのできるハイフンを表示することができるからです。
文字の途中改行に自動でハイフンがつけることができる「Hyphenator.js」の紹介です。
CreativityDenより、jQueryで作る太陽が上るアニメーションのスクリプトの紹介です。
Brian Cray's Blogより、フォームで使えるチェックボックスをすべて選択させるスクリプトの紹介です。
OoeyGUIより、ページ内リンクへ滑らかに移動するjQueryプラグインの紹介です。
よくいろいろなソースコードを載せているブログで見かけるようなハイライトですが、webdesignbooth.comで紹介されているように代表的なものとして9つあるとのことです。
和訳も含めて紹介していきます。
以前、「jQueryを使ったカラムの高さを揃えるスクリプト[js]」と2カラム用の高さを揃えるスクリプト「Equal Height Javascript」[js]のエントリーでも紹介させていただきましたブロックレベルのカラムの高さを揃える方法ですが、Build Internet!より、非常に参考になる方法があったので、ブロックレベルのカラムの高さを揃える4つの方法として紹介します。
sitepoint.comより、おさえどこのjQueryで作られたイメージスライドギャラリー5選の紹介です。
zachstronautより、CSSのtext-shadowプロパティとJavaScriptでスポットライトのような効果を演出するソースの紹介です。
デモページはこちらからマウスを動かすとスポットライトが動きます。
テーブルをゼブラ（ストライプ）模様にできるJavaScriptライブラリzebraTable.jsをバージョンアップしました。
awardwinningfjords.comより、jQueryで作るiPhone風のチェックボックスの紹介です。
Ben Ogle's blogより、CSSとjQueryで作るシンプルなプログレスバーの紹介です。
画像なのですが、非常に興味深い年表です。
何かの文献として、使用できるかもしれません。
Samuel Garneau dot comより、jQueryでつくる上下にスライドするパネルボックスの紹介です。
Css Globeより、シンプルでな軽量な検索フォーム「SearchField」の紹介です。
Nettuts+より、jQueryを使ったイメージスクローラーのチュートリアルの紹介です。
impressivewebsより、2カラム用の高さを揃えるスクリプト「Equal Height Javascript」の紹介です。
Google Codeより、IE6向けにブラウザのアップグレードを促す軽量のスクリプト「ie6-upgrade-warning」の紹介です。
jankoatwarpspeed.comのエントリーより、jQueryで作るSkypeのようなアニメーションボタンの紹介です。
デモページはこちらから
css-tricksより、オートムービングの視差背景の作成方法の紹介です。
Nettuts+より、jQueryでつくるツールチップのチュートリアルの紹介です。
ShopDevより、jQueryを使った滑らかにアニメーションするメニューの紹介です。
jQuery、mootools、PrototypeといったJavaScriptライブラリのチートシートをまとめました。
Css Globeより、ツールチップを生成するjQueryプラグイン「Easy Tooltip」の紹介です。
Designm.agより、CSSとjQueryで実装するディスプレイスウィッチのスクリプトの紹介です。
james.padolsey.comより、イメージプレビューjQueryプラグイン「imgPreview」の紹介です。
valums.comより、JavaScriptで作られたイメージギャラリー集の紹介です。
Stefano VernaよりMac OS X専用のカレンダー「iCal」のようなjQueryを使ったカレンダーデザインの紹介です。
Digital Visions Queenstownより、jQueryを使った滑らかにアニメーションするポップアップのスクリプトの紹介です。
フォームとかで、入力される文字が正しいものかどうかチェックする時に、正規表現を使いますが、そのメールアドレス、WebサイトのURL、郵便番号、電話番号のJavaScript用の正規表現を自分の備忘録として書いときます。
Build Internet!より、jQueryを使った滑らかにアニメーションするナビゲーションの紹介です。
3.7KBという軽量のJavaScriptアニメーションライブラリ$fx()の紹介です。
Smple. Mutlimediaより、ページをめくるような効果をだすjQueryプラグインの紹介です。
css-tricksより、jQueryによるアクセシビリティも考慮したダイナミックなFAQページの作成方法を紹介します。
Web Development Blogより、5KBの軽量でダイナミックなJavaScriptスライドショーライブラリの紹介です。
2008年も今日までですが、今年もお世話になりました。
ここ最近、IE6でアクセスしたら、「アナログ」という表示をするようなソースを目にしますが、それに便乗して、IE6でアクセスするとアラート表示されるスクリプトalertIE6.jsを作成しました。
デモページはコチラです。IE６以外のブラウザでアクセスしたならば、アラート表示はされず、IE6でアクセスすればアラートが表示されているはずです。
Design Shackより、jQueryを使ったスライドインするコンタクトフォームの作り方の紹介です。
デモページはコチラから、ページ右側上部の「Contact Us」をクリックするとスライドインします。
dev.victorstanciu.roより、prototype.jsでつくるイメージカバ－フローのjsライブラリ「Showcase.js」の紹介です。
端の「+」、「-」をクリックするれば横、縦、斜めに画像がスライドします。
jQueryを使ったzebraTable.jsというテーブルをゼブラ（ストライプ）模様にできるJavaScriptライブラリを公開しました。
セル部分をホバーするとハイライトの効果もあります。
MITライセンスで公開しています。
radnan.public.iastate.eduより、iPhoneやiPod Touchのようなイメージがスライドする「coverflow.js」の紹介です。
