Headhesive demo - Mark Goodyear
What is it? Headhesive.js creates an on-demand sticky header. Specify where you want your header to become fixed and the rest is magic. Scroll to see it in action Soft southern pansy ne'ermind breadcake eeh gi' o'er be reet. Th'art nesh thee. What's that when it's at ooam be reet where's tha bin. Soft lad nah then ne'ermind mardy bum ne'ermind. Sup wi' 'im tha what where's tha bin god's own county
画像ポップアップ_Galleriffic
A jQuery plugin for rendering fast-performing photo galleries Galleriffic was inspired by Mike Alsup's Cycle plugin, but with performance in mind for delivering a high volume of photos. This is my first experiment with jQuery, so I would love feedback on how to improve this plugin. Features Smart Image Preloading after the page is loaded Thumbnail Navigation (with pagination) Bookmark-friendly URL
googleアナリティクスで簡単にクリックカウント出来るコード - ファンブログハック
アクセス解析って使ってる人は多いと思うんですけど、クリック数の解析ってしてます？ とあるアクセス解析にクリックカウントしてるやつがあって、割と面白いなと思ったんでgoogle Analyticsでクリックカウントする方法を調べて、実装してみました。 調べてすぐ見つかる方法は、リンクにonClickを入れる方法だったんですが、全てのリンクにこれを書く、ってのは面倒過ぎるな～と思って、jQueryで自動で入れてもらおうと考えていたら、もっと簡単にjQueryで実装してるやつを見つけて、それを参考にしました。 一応外部リンクか、内部リンクか、ってのも判別出来るようにしてみました。 その実装したクリックカウントする為のコードを紹介します。14行程のjavascriptのコードを貼りつけて、少しだけ変更するだけなので、結構簡単なはずです。 クリックカウントしてどうすんの？ えっと、、別にどうする？
Simple Inline Modal Window w/ CSS and jQuery - CSS Popups - jQuery Popups - Inline Popups | jQuery Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka
Please note: This tutorial requires intermediate knowledge of CSS and jQuery. For best results, please be sure to learn the proper foundations before attempting to take this tutorial. Learn one step at a time :-) There are many elegant and easy to install modal window (Popup) plugins out there, but there are times where the script interferes with some of the logic processed on the page. I recently
Zeonjs.com
Zeonjs.com Related Searches: Health Insurance Healthy Weight Loss music videos Work from Home Free Credit Report Parental Control Credit Card Application Related Searches: Health Insurance Healthy Weight Loss music videos Trademark Free Notice Privacy Policy|Do Not Sell or Share My Personal Information
jQuery Mobileがついにβ版へ到達。正式版は8月後半の予定
HTML5をベースにしたモバイルアプリケーションを開発するためのJavaScriptライブラリとして注目されている「jQuery Mobile」。ついに最初のβ版であるβ1の公開が今朝から開始されました。 新機能として主に紹介されているのは、iOSやAndroidでのURLバーの非表示機能によってアプリケーションとしての見栄えを設定できることや、トランジション効果がスムーズでスクロールが高速になったことなどです。 また、これまでツールバーに自動的に表示されていた「Back」ボタンが、デフォルトでは非表示となりました。 β1ではBlacberry5とOpera Miniのサポートが新たに追加され、これでjQuery Mobileが対応するOSは、iOS、Android、Windows Phone 7、Blackberry、Blackberry Playbook、WebOS、Firefox M
CSS Click Shooting Game - No JavaScript -
JavaScriptを使わず、CSSとHTMLで作ったクリックシューティングゲームです。 Chrome / Safariの最新版で動きます。IE / Firefoxでは動きません。 ● 操作方法 - 移動する牛をクリックすると捕まえることができ、スコアが増えます。全部で101匹います。 - F5で再スタートできます。 ● 技術的詳細とソースコード - http://d.hatena.ne.jp/ndruger/20110428/1304021590 ● コピーライト このソフトの画像は、REFMAPが配布しているフリー画像素材を加工して使用しています。このソフト内で使用されている画像を、このゲームを遊ぶ以外の用途には使用しないで下さい
JavaScriptで作ったお絵描き掲示板のソースを公開するよ | fladdict
去年、ノリで数日で作り上げたJavaScript製のお絵描きアプリ、JSPaintのソースコードを公開してみた。 なんとなく勢いで。 Download 1週間で実装したわりには、指先ツールとかカラーピッカー、Undoまで完備されていて結構頑張ってるんじゃないかと。ただしIEでは（メンドイので）動きません。Twitter投稿のみphpを使っていてZendのフレームワークが必要です。この辺は @sumihiro さんのご助力に感謝です。 ソースの書きかたが、ちょっとクラシックでprototypeで疑似クラスを作っていますが、まぁ気にしない。本職JavaScripterでもないので割と突っ込みどころが満載です。 こまかい事はTwitterのfladdictで捕まえて聞いてください。
リンクのようなボタンを作る: Days on the Moon
こんばんは、JavaScript Advent Calendar 2010、15 日目担当の nanto_vi (なんと) です。12 月 15 日が何の日か調べてみると東北本線が宮城県に到達した日とのこと。当時は上野から仙台まで 12 時間 20 分かかったそうです。それから 123 年を経た現在では同じ時間で鹿児島中央から新青森まで行けるようになり、鉄道の速度にも JavaScript の実行速度にも日進月歩を感じる今日この頃です。 さて、アプリケーションを作っていると、見た目はリンクのようだがリンクでない UI 部品を使いたくなるときがあります。ここで「リンクでない」とは、クリックしてもページ遷移が発生しないということです。このような UI 部品は、ページ遷移の代わりにメニューの表示といった何らかのアクションを引き起こす、すなわちボタンとして振舞います。 ユーザーインターフェース記述
さがITのほほん日記 : thickbox.js で読み込むファイルに引数を送る - livedoor Blog（ブログ）
効果的にサブウインドウを見せるテクニック。 lightbox.js http://www.huddletogether.com/projects/lightbox/ thickbox.js http://jquery.com/demo/thickbox/ thickbox.js を使っていてPHPなどのプログラムに引数を送りたい場合、 普通に hoge.php?TB_iframe=true&width=680&height=370&id=123 などとやっても「id」は送られない。 しょうがないので thickbox.js 自体を見ていく。 196行目あたりで iframe frameborder='0' hspace='0' src='"+urlNoQuery[0]+"' id='TB_iframeContent' というのを発見。 ここでiframeをで呼び出
IE6・7・8でCSS3の角丸などを有効にするスクリプト『IE-CSS3.htc』
IE6・7・8でCSS3の角丸などを有効にするスクリプト『IE-CSS3.htc』 2010/04/13 | カテゴリ：Web制作全般 ◆CSS3 support in Internet Explorer 6, 7, and 8 IE6・7・8でもCSS3による角丸など、CSS3の一部項目が有効になるスクリプトが公開されているので紹介します。 IEでのデモ IE8で見たところ、以下のようになります。 CSS CSSは以下のようになっています。 .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet
個人的に使うことが多い9つのjQuery・JavaScriptスニペット :: 5509
プラグインだけど公開してないものだったり、いつも使ってるプラグインとの組み合わせだったり、ショートコードとかなんだか色々。どれもCodaにスニペットで登録してて一発変換で使ってます。 コードはアレなんですけど、ひょっとしてひょっとすると誰かの役に立つかもしれないので恥ずかしながら公開します。対象はちょっとだけJS書けるとかそういう人ですかねたぶん。書ける人はもっとキレイなやつ使ってるでしょうし。（もっときれいに書けとか何そのコードとかも歓迎） 紹介してるスニペットたち ページトップにスクロールするだけ テキストボックスにラベル表示するやつ 要素のサイズを取得するやつ タブきりかえるやつ IEで透過pngをフェードしたときに黒くなるやつ対策のshow()とhide() Google Analyticsのトラックイベント一括bind Ajaxサイトにするときに使うリンク置き換えプラグイン スク
history.pushState、history.replaceState - 素人がプログラミングを勉強していたブログ
HTML5のhistory.pushState、history.replaceStateを試した。 HTML5 pushState/replaceState demoで動かせる。 Minefieldだと完全に意図した通りに動くがWebKitだとURLまわりがうまくいかない。 メインのソースコードは下記の通り。 canvasで適当に壁紙用画像を作るデモで、画像自体をクリックして何度も作り直せるようにした。 こういう物を作るときは、前の画像に戻れるよう履歴管理をすべきだが、今まではlocation.hashを使ったり（hashchangeイベントが入るまではタイマーが必要だった）iframeを使ったハックだったり（ブラウザ間の互換性やhistory.go(-2)をきちんと動かすのが難しい）、あるいはページを遷移する（必要ない部分まで毎回読み込まれる）必要があった。 pushState/repl
HugeDomains.com
Captcha security check styledisplay.com is for sale Please prove you're not a robot View Price Processing
JavaScript基礎文法最速マスター - gifnksmの雑多なメモ
続々と増え続ける基礎文法最速マスターシリーズ(あまりにも増えてきたので他の言語記事へのリンクは別の記事に移しました)。 JavaScript 版は誰も書いていなかったようなので書いてみます。こういう解説記事的なものを書くのは初めてなので変なところがあったら指摘して頂けるとありがたいです。 JavaScriptの基礎概念についての解説はこちら：JavaScript基本概念最速マスター - TechTalkManiacs 1/31 23:58追記 コメント欄のos0xさんのご指摘を基に一部追記・修正を行いました。 2/2 2:52追記 switch文・正規表現・例外処理について追加しました。 2/2 6:44追記 コメントでfavrilさんにご指摘頂いた点(typo & コメント・サンプル追加)を修正・加筆しました。 2/2 7:15追記 トラックバックでLiosKさんにご指摘頂いた点(cal
マンガで分かる JavaScriptプログラミング講座
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
垂直にスクロールさせるメニューをJavaScriptで「Horizontal Scroll Menu with jQuery」
垂直にスクロールさせるメニューをJavaScriptで「Horizontal Scroll Menu with jQuery」 使用方法 Horizontal Scroll Menu with jQueryからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> <script type="text/javascript" src="jquery.color.js"></script> <script type="text/javascript"> $(document).ready(function() { //マウスオーバー／アウト時の色t va
自分が使いやすいと思ったJSを混ぜ混ぜしてみる｜CSS HappyLife
JavaScriptいぢってるのは楽しいけど、書くことはまったく出来ないので、似たような機能を持つのが多い中でも選ぶ理由の一つが、class名が気に入るかとかhtmlがごちゃごちゃしないかとかそんな基準だったり。 んで、jQueryのプラグインの中でもjquery_autoさんがぼちぼち気に入ったけど、class名が！とか思ったので、いぢって自分用にしてみました。 そんな事してたら、他の便利なJavaScriptも足してみたくなったので、足したりしてたらこんなんなりましたっていうのを公開。 今回その実験に使わせていただいたJavaScriptたちは以下。 jquery.js interface.js thickbox.js jQuery_Auto.js yuga.js heightLine.js 上記の色々なJSたちを自分用にしたサンプル？デモ？とダウンロードは以下。 サンプルページ ダウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Development of extensions for Wordpress - JQuery Slider Shock
Learn to Code - for Free | Codecademy
