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
[CSS]100%幅のヘッダとフッタを天地に固定表示するスタイルシート
ビギナーズ向けに解説された、100%幅のヘッダとフッタを固定幅のコンテンツの天地に固定表示するスタイルシートをNoobcubeから紹介します。 Fixed Header & Footer Layout: A Beginner's Guide demo スタイルシートはIE6をはじめとする主要ブラウザをターゲットにしており、IE6用のスタイルシートファイルやdivの入れ子でIE6に対応しています。 HTML箇所の最小構成は、下記のようになります。 <textarea name="code" class="html" cols="60" rows="5"> <body> <div id="header-wrap"> <div id="header-container"> <div id="header">ヘッダ</div> </div> </div> <div id="ie6pagewrap"
これはすごい！テキストに影を付け印象的にする「CSS text-shadow Fun」
twitter facebook hatena google pocket CSSのtext-shadowとJavaScriptを利用してテキストの影を非常に印象的にするテクニックです。 ※サポートブラウザはSafari、FF3.5、Operaなどです。 via：CSS text-shadow Fun sponsors 使用方法 まずはテキストを書きます。 <div id="text-shadow-box"> <div class="wall"> <p id="tsb-text">影を付けたいテキスト</p> <div></div> </div> <div id="tsb-spot"></div> </div> 上記を記述したら、CSSを以下のようにします。 <style type="text/css" media="all"> #text-shadow-box { position: r
こいつは凄い！フルスクリーン縦型画像ギャラリー「jQuery Gallery Slider Plugin」
twitter facebook hatena google pocket 画像ギャラリーと言うとなんとなくLightBoxに代表されるような見せ方が思い浮かびます。 でもそんなものに飽ききった皆さんに朗報です。 jQuery Gallery Slider Pluginを使用すると、フルスクリーンで縦型の画像ギャラリーを作成できます。 sponsors 使用方法 jQuery Gallery Slider Pluginからファイル一式をダウンロードします。 またjQueryからjquery.jsをダウンロードします。 <link href="galleryslider.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script
Add Twitter to your blog (step-by-step)
Due to recent changes in the twitter API auth policy, the current version of twitter.js does not work. I am actively working on a solution, but can't say much more than that right now. If I do find a decent solution, you shouldn't need to change anything as twitter.js will inherit the latest code automatically. Hotlink from Google <script src="http://twitterjs.googlecode.com/svn/trunk/src/twitter.
rollover jQuery: un joli rollover sur les images avec jQuery
Envie d'un effet rollover sur vos images ? magicalHover s'occupe de tout!!MagicalHover est un joli rollover sur les images de votre site internet Idéal si l'on souhaite ajouter de l'interactivité dans une galerie photos La version courante : 0.1 béta 1 Pour utiliser MagicalHover rien de plus simple Licence: AGPL Initialiser jQuery et MagicalHover ensuite indiquer entre les balises script : $('ul.t
BIGREDSWITCH - Autobox2
I rolled up the autocomplete plugin (Rein + Yehuda) of my last few posts with the Facebook style text list (Guillermo) of my autobox post. We’re calling it Autobox2: click here to see the demo. Then, download it: jquery.ui.autobox-0.7.1.zip Updated 12/11 (see comments) jquery.ui.autobox-0.7.0.zip Although it is missing some of the behavior of autobox1, it’s a more solid and extendable implementa
Chimply generates your images
New: Added new fonts to generate more creative buttons and badges! More to come... Chimply is a website to easily generate loading image indicators, buttons and badges. You can also manipulate images by resizing and cropping them with the image editor. Create professional images with Chimply. It's easy and free!
Implement A Nice Clean Jquery Sliding Panel In Wordpress 27 » Web-kreation
<?php wp_head(); ?> <!-- PNG FIX for IE6 --> <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 --> <!--[if lte IE 6]> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/pngfix/supersleight-min.js"></script> <![endif]--> <!-- jQuery - the core --> <script src="<?php bloginfo('template_url'); ?>/js/jquery-1.3.2.min.js" type="text/javascript"></script> <!-- Slidin
Best Website Builder Reviews & Guildes
My Website Builder Reviews & GuidesMy name is Lesley Haught, and this is my website for website builder reviews, testing, comparison, and guides. There are more than 200 different website builders and online platforms for self-launching websites in the world. You’d think creating your own website would be simple. The reality? Many of these platforms fall short. That’s why I put the top website bui
Big Sky :: jQuery Glowがかっこいい
jQueryでマウスホバーでリンクに影をつけるカッコいいプラグインを見つけました。 nakajima's jquery-glow at master - GitHub Make your elements glow. Ooooh. http://github.com/nakajima/jquery-glow/tree/master 以下実行例 使い方も簡単で <script type="text/javascript"> $(function() { $(document).ready(function() { $('.glow-white').addGlow({ textColor: 'white', haloColor: '#aaa', radius: 100 }); $('.glow-blue').addGlow({ textColor: '#00f', haloColor: '#0
Web-kreation
Web Kreation Ltd. is now Morphosis Ltd.. You can still view this site but comments are closed and contact form disabled. If you want to see our latest work or contact us, please visit our new site www.morphos.is. Web-kreation Online Portfolio of Jeremie Tisseau UI/UX Designer, Event Organizer, Web Entrepreneur
Big Sky :: XSLTも使わないAmazon最速検索
2009/07/16 追記 AWS認証制限に対応しました。本文中はそのままですが、デモには非公開キーを使用してアクセスするCGIに変更しています。 時代は便利になった物です。 MOONGIFT: » XMLをJSONにするXSLT「xml2json.xslt」:オープンソースを毎日紹介 xml2json.xsltを見ていたらma.la氏のAmazon最速検索を思い出した。あちらはAmazon AWS専用になるだろうが、xml2json.xsltはそれをもっと汎用的なものにしたと考えられるだろう。 http://www.moongift.jp/2009/04/xml2json-xslt/ javascriptとXSLTを使うならば、AWSサーバから見えるサーバを用意しないといけないのですがYahoo! YQLを使えばそれも要りません。 YQLといえばPipesに毛の生えた様な物だと思う方もい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マウスオーバーをデザインする | DesignWalker
GitHub - nakajima/jquery-livesearch: Adds some live search to your page
Web Page Under Construction
Fuel PHP Framework
Google Code Archive - Long-term storage for Google Code Project Hosting.
https://devthought.com/projects/mootools/textboxlist/
closr.it