Melbourne Pet Photography | Pet Photographers MelbourneGot a question? Ready to book your session? Give us a call on the dog and bone or send us a message and we'll get back to you promptly.
Automatically generate table of contents using jQuery : Janko Jovanovic
Some time ago, I was debating with my friends on the topic: is there any use of generating table of contents automatically. The conclusion was that it can be useful in cases when the reading material is long enough and table of contents (TOC) has a fixed position on the screen. This tutorial will show you how to create such TOC in just a few lines of code. Extract information from HTML I will star
How to Make a Mega Drop-Down Menu | The Web Squeeze
Mega drop-down menus are not actually new, but more and more we see them on popular websites and blogs. With the ever increasing quantity of content on the web we have to figure out solutions to display content and navigation but still keep everything usable and provide a good user experience. It’s no wonder mega drop-downs are now used more often. Today we’ll take a look at creating a simple HTML
5 Sliding Content Techniques, Examples & jQuery How to’s - noupe
5 Sliding Content Techniques, Examples & jQuery How to’s The more intuitive layout structure is designed, the better users can understand the content. Whatever content you have to present, you can present them in a more interactive & more responsive ways. Today we would like to focus on sliding effects and how i can change the structure of a page in a truly unique and creative way. There are many
JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ:phpspot開発日誌
JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ 2009年08月18日- JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ。 ここ最近で巡回したもので便利そうなチュートリアルを以下にまとめてみました。 沢山あるので使えそうなものだけ覚えておくとよいかもしれません。 Quick Tip ・Resizing Images Based On Browser Window Size ブラウザサイズによって画像のサイズを変えるjQueryチュートリアル Horizontal Sub-nav with CSS & jQuery - Subnavigation Tutorial - CSS Tutorial - jQuery Tutorial 水平サブナビゲーション実現のためのjqueryチュートリアル Making
これはカッコいい、テレビのノイズ画面風背景のLightBox作成:phpspot開発日誌
Lights Out ? Dimming/Covering Background Content with jQuery | Build Internet! これはカッコいい、テレビのノイズ画面風背景のLightBox作成。 次のように、テレビのノイズ画面のような背景がアニメーションするカッコいいLightBoxの作成チュートリアル。 デモページ 単純に背景をGIFアニメーションにしているだけっぽいけど、なんかオシャレです。 1ネタとして覚えておいて損はなさそう。サンプルもダウンロード可能です。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル jQueryやPHPを使った便利な仕組みのチュートリアル集
jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごい:phpspot開発日誌
mbideasproject - Project Hosting on Google Code jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごいです。 以下、プロジェクトのホームページもOSっぽいインタフェース上でアニメーションしてかっこいいのですが、構成されるコンポーネントが色々とあるみたい。 mbContainers | デモ OSのようなウィンドウ管理システムが作れるようです このページの上でそれぞれ動作を確認することが出来ます。 mbMenu | デモ かなりリッチなメニュー実装用ライブラリ 右クリックのコンテキストメニューもいじれます mbImgNavigator | デモ 画面に収まりきらない画像をドラッグ＆ドロップでGoogleMapぽく見れるコンポーネント。サムネイル付き mbTabset | デモ mbTooltip | デモ よく
折りたたみできるクールなテーブル実装ができるjQueryプラグイン「jExpand plugin」:phpspot開発日誌
Expand table rows with jQuery - jExpand plugin 折りたたみできるクールなテーブル実装ができるjQueryプラグイン「jExpand plugin」 デモページ 右端の▼をクリックでペロンと中身が開けるテーブルをjQueryプラグインで簡単に実装できるようです。 仕組みとコードについても解説されています。 使い方は簡単で、$(#sometable").jExpand(); のように簡単に設定することが出来るようです。 関連エントリ コンピュータに指定フォントが入ってるかチェックできるjQueryプラグイン「jquery-fontavailable」 Youtubeの動画URLやvidからサムネイルを簡単に取得できるjQueryプラグイン「jYouTube」 タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery
JavaScriptで日付をTwitter風に○分前といった表記に変換できるライブラリ「niceTime」:phpspot開発日誌
JavaScriptで日付をTwitter風に○分前といった表記に変換できるライブラリ「niceTime」 2009年07月22日- Recursive “pretty date” - James Padolsey JavaScriptで日付をTwitter風に○分前といった表記に変換できるライブラリ「niceTime」。 ここで紹介されている関数を使えば、JavaScript の Date オブジェクトに渡せる文字列を渡せば、何分前といった表記に自動で変換してくれます。 niceTime( "Sun Mar 01 20:20:02 +0000 2009" ); のように書くと、 "4.65 months ago" といった感じに変換 niceTime( "July 19, 2009 12:06:00" ); のように書くと "26 seconds ago" といった感じに変換 ちょこっ
20 jQuery Tutorials And Plugins To Impress Your Friends - SpyreStudios
I have always liked playing around with jQuery and I’m sure many of you do too! In fact we’ve published some jQuery ‘getting started‘ guides here on SpyreStudios in the past. So this time I thought we’d go more in depth and I’ve hand-picked 20 awesome jQuery tutorials (most of them have working demos) Here they are: Creating a Keyboard with CSS and jQuery ↓ In this tutorial you’ll learn how to cre
Horizontal Sub-nav with CSS & jQuery - Subnavigation Tutorial - CSS Tutorial - jQuery Tutorial
Not too long ago I wrote a tutorial on how to create a drop down menu with CSS & jQuery, today I would like to go over how to create a simple navigation with a horizontal subnav. In most cases we can achieve this effect purely with CSS, but since we have to attend to our red headed step child aka IE6, we will use a few lines of jQuery to cover all grounds. View Demo Wireframe - HTML Nest a set of
Create fancy share box with CSS and jQuery
This tutorial will show you how to turn unordered list (UL) into an fancy social bookmarking sharing box. You will see how to style such box, how to add interactivity, and how to create jQuery plugin that will turn any UL into sharing box. Download source View demo The idea is to have all of the buttons shown inline and partially hidden. When user hovers over a button it slides to the right and
色が徐々にアニメーションして変化していく効果を作成するjQueryプラグイン「jquery.color」:phpspot開発日誌
色が徐々にアニメーションして変化していく効果を作成するjQueryプラグイン「jquery.color」 2009年07月10日- Plugins | jQuery Plugins 色が徐々にアニメーションして変化していく効果を作成するjQueryプラグイン「jquery.color」。 特定の色から別の色になめらかにアニメーションさせるには中間の色を計算して反映する必要がありますが、jQuery.color があれば簡単に実装できるみたい。 ↓↓↓徐々に色が変わっていく↓↓↓ ↓↓↓まだまだ変わります↓↓↓ デモページ - Animate Boxes ボタンを押してみましょう。 サイズの変更をしちゃうとレイアウトが崩れちゃうということであんまり使うことは無いのかもしれませんが、ボックス要素の色をアニメーション変化させ、目立たせるという用途にはなかなか使えそう。 関連エントリ アニメーショ
Animate Curtains Opening with jQuery « Build Internet
Step 1 – What You’ll Need This tutorial would not be anything special without the graphics, so let’s make sure you’ve got those under control. I’ve included the ones used in demo as part of the attached files, now would be a good time to download them if you intend to use them. Secondly, in addition to the standard jQuery file, we are also using the easing plugin. We have worked with this plugin i
jQuery用データビジュアライズ用プラグイン「jQuery Visualize Plugin」:phpspot開発日誌
jQuery用データビジュアライズ用プラグイン「jQuery Visualize Plugin」 2009年07月09日- jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas | Filament Group, Inc., Boston, MA jQuery用データビジュアライズ用プラグイン「jQuery Visualize Plugin」。 グラフ描画用の仕組みは多数ありますが、jQueryプラグインで簡単＆使いやすい上に、デザイン性もなかなか高いグラフが描画できます。 クリックで編集可能なテーブル表示 デザイン性の高い棒グラフ 同様に、デザイン性の高い線グラフ 円グラフ 色やサイズなんかもオプションで自由に調整可能みたい。 ブラウザ上でのパラメータ調整画面
Google Chart API を jQuery で簡単に使えるラッパーライブラリ「jQuery Google Charts」:phpspot開発日誌
Google Chart API を jQuery で簡単に使えるラッパーライブラリ「jQuery Google Charts」 2009年07月08日- jQuery Google Charts 1.0 - Demo Site Google Chart API を jQuery で簡単に使えるラッパーライブラリ「jQuery Google Charts」。 たとえば、次のようなコードを書きます。 var api = new jGCharts.Api(); var opt = { data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]]//mandatory }; jQuery('<img>').attr('src', api.make(opt)).appendTo("#bar1"); すると、次のグラフが簡単にページに挿入されます。 もちろ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HugeDomains.com
[JS]ホバー時に浮かぶエフェクトがとってもリアルなスクリプト
WebAir - Tecnologie innovative per il business digitale
Site Under Maintenance
