Accessible fold-out menu using CSS and Javascript by Advies en zo :: Meedenken en -doen
What I wanted I wanted a properly accessible menu using standards compliant code with a proper division between content, layout and interaction. I have defined this to mean the following: Semantic (x-)html code (menu in the form of a simple list) Layout and design completely via css No use of css 'hacks' with the exception of minor box model corrections via de html>body method which is not support
jQuery File Tree
Search the Notebook Recent Notebook EntriesPopular EntriesjQuery File TreejQuery Context Menu PluginjQuery MultiSelectjQuery Right-click PluginExternal Popup Links Using jQueryRelated EntriesjQuery Context Menu PluginParsing a JSON String Results in an ‘Invalid Label’ Error Determine the Parent Directory of a Path in PHP$.getPOST() for jQueryUsing json_encode() and json_decode() in PHP4 Archives
JavaScript/HTML5 Tree - DHTMLX Tree JS Widget
Cross-browser compatibility Rich JavaScript API Flexible customization Data loading from JSON Editable items (inline editing) Inline editing Keyboard navigation Collapsed mode Multiselection Advanced drag-and-drop capabilities Checkboxes (two/three states) Custom folders Dynamic data rendering Custom templates for tree nodes Accessibility support
jQuery iPod-style Drilldown Menu | Filament Group, Inc.
Posted by Scott and Maggie on 05/14/2008 Topics: ajaxjQueryui designvisual design We created an iPod-style drilldown menu to help users traverse hierarchical data quickly and with control. It's especially helpful when organizing large data structures that don't translate well into traditional dropdown or fly-out menus. This drilldown menu provides easy navigation of complex nested structures with
わたしのこと。詐欺じゃない！無料占いが一番良かった – 無料占いラボ
良く当たる占い師、電話占いウィルで人気・・・・・・。 そして、この先運勢がさらに上がると言ってたけど。 照山先生の鑑定。 典型的な関係の修復もできるのが現状なのですが、凄く見えてるなあと驚きました。 先輩と二人の口から伝わったものがメインになっています。 数日前の話。 宮益先生～。 ここで聞いてくる会社は危ない。 不景気なのに客多いのがLunette先生でしたら、恋愛面でも特に複雑であればあるほどに聖呼（せいこ）霊能者は電話占いを利用した結果を伝えてきた.生年月日などからの評判で聞いてこないからオススメ・・・・。 音波先生（おとは）先生霊場天扉は、先生によって違いがあります自分専用の鑑定は、パートナーとの親密度がアップして下さいます。 ここはアドレスいらないから信用してると聞いたけどホントかな？。 的確な判断をつけたいという方は多いことかと思われるでしょうか！見えている先生プロフィールを見
jQuery Sequential List - Web Designer Wall
Have you ever had to manually code something that is sequential? Didn’t you find it annonying? Well, here is a simple solution for you. This tutorial will show you how to use jQuery to add a sequent of CSS classes to create a graphical list. The second example will show you how to add a comment counter to a comment list using jQuery’s prepend feature. View Demo Sequential List 1a. Insert jQuery Co
WYMeditor - web-based XHTML editor - Home
WYMeditor: web-based XHTML editor Overview WYMeditor is a web-based WYSIWYM (What You See Is What You Mean) XHTML editor (not WYSIWYG). WYMeditor's main concept is to leave details of the document's visual layout, and to concentrate on its structure and meaning, while trying to give the user as much comfort as possible (at least as WYSIWYG editors). WYMeditor has been created to generate perfectly
alphafilter.jsが透過pngのロールオーバーに対応
alphafilter.jsが透過pngのロールオーバーに対応 IE6用の透過pngライブラリ「alphafilter.js」が透過pngのロールオーバーに対応しました。 透過機能はIE6で画像の拡張子がpngの場合のみですが、ロールオーバーはすべてのブラウザ、jpg、gif、png形式の画像で利用いただけます。 img要素の場合class属性に「btn」と付ければロールオーバーの処理を行います。 <img src="./sample.png" class="btn" alt="" /> sample.pngの場合はsample_on.pngのように拡張子の前に「_on」が付いた画像をロールオーバー時に表示します。 透過機能と合わせて利用する場合は、以下のように指定します。 <img src="./sample.png" class="alphafilter btn" alt="" />
JavaScriptによるブラウザの種類とバージョン判断
[訳註] Linkタイトルも一部和訳しましたが、実際のLink先に和訳があるとは限りません。和訳が用意されている場合でも、本文書での和訳と異なる題名となっていることがあります。 Sniffer と Detection : 前者は"嗅ぎ分け"と直訳されることが多いですが、あまり好きな表現ではないので(^^; 前者を"判別"とし、後者は"判断"というように使い分けました。 以下、このような緑色の小さな文字(要CSS対応)となっている部分が訳註です。 究極の JavaScript クライアント判別, Version 3.03 Mac の IE3 での安全確認付オブジェクト指向バージョン このバージョンのクライアント判別コードはオブジェクト指向であるが、Macintosh の Internet Explorer 3.x のバグへの対策となる"安全確認"を含んでいます。Mac の IE3 で
jParallax - webdev.stephband.info
France Italy Greece Ireland Turkey Athens to Istanbul Return to Joigny Tanzania Czech Republic Tahiti Switzerland Germany WWII Reunion Mediterranean Cruise Athens to Venice Budapest to Bucharest Cuba Brussels to Amsterdam Costa Rica Myths & Tips Useful Links Photo Albums All who wander are not lost! Why this site This site describes как стать Мидл Python-разработчиком, пройдя курс на Девман, и the
Best Web Design Companies in the World
It’s a no brainer that business must have an online presence. The role of a web design and development company is to guide you this the transition. They help you set up your presence from scratch and some will show you how to maintain it while you can pay others to maintain it for you. There’s definitely a big difference between good and best. It is safe to say that most design companies fall unde
JavaScript読み込みブロック回避でページ表示を高速化する方法 | エンタープライズ | マイコミジャーナル
スクリプトが読み込まれるまで画像の読み込みがブロックされている - 同ブログより抜粋 WebページパフォーマンスツールであるYSlowの主要開発者でありYahoo! Exceptional Performanceの開発者であるStoyan Stefanov氏がNon-blocking JavaScript Downloadsというタイトルで、ページの読み込み速度を向上させるテクニックを簡潔にまとめている。これはブロックが発生するJavaScriptの読み込みを並列化することでページの読み込み時間を短縮しようというもの。Webページの読み込み高速化に効果的な手法なのでWebデベロッパは一度目を通しておきたい。 JavaScriptの読み込み中はほかの読み込み処理がブロックされる。これをDOM経由で動的にロードするように書き換えてやれば並列して読み込まれるようになる。Non-blocking
【ハウツー】CSS/JavaScriptを最適化するEclipseプラグイン「jsLex」 (1) 圧縮/外部化/バリデーション/プロファイリングなどを搭載 | エンタープライズ | マイコミジャーナル
jsLexとは? jsLexはRockstarappsが提供するEclipse向けのプラグインだ。Webサイトでは「a wide variety of tools that can be used to optimize a complete web application or just individual resources」と紹介されているが、CSSやJavaScriptなどの圧縮やHTML内のJavaScript/CSSの外部化、さらにはJavaScriptのプロファイリングなど、Ajaxアプリケーションのクライアントサイドの最適化に特化した機能を提供している。 なお、jsLexの最新のプロダクションリリース(安定板)は1.1.7だが、すでに次期バージョンである1.2のベータ版もリリースされている。1.2系ではさまざまな新機能が実装されていることから、本稿では執筆時点の最新のベー
Top 10 jQuery plugins for Form Usability « Steve Reynolds
As we’ve discussed in previous posts, form usability should be extremely high on your list of things to do to convert potential users, to actual users. A form can make or break the success of your application, so do your users a favour - make it as easy as possible to fill in. Below are 10 great jQuery plugins which can help you on your way to live validation of inputed data, and greater functiona
Javascript Compressor
Online Javascript compressor Compress and obfuscate Javascript code online completely free using this compressor. How to use? Paste your code: Base62 encode Shrink variables Compress Clear Copy: Decode Save Load
Flickr風スライドショーをJavaScriptで再現 (1/5)
Webサイトで写真画像をいかに美しく、魅力的に見せるか――。そう考えたときに参考になるのが、多くのユーザーが利用しているオンライン・フォトアルバムです。中でも、世界中のブロガーが愛用する「Flickr（フリッカー）」は、思わずため息をつくような美しい写真が大量にアップロードされている代表的なサービスです。 Flickrが多くのユーザーに支持されている理由は、コミュニティ機能の充実や外部利用のしやすさなどいくつもありますが、1つにはユーザーインターフェイス（UI）の美しさ、使い勝手のよさがあげられます。今回は、このFlickrのUIの一部を参考に、自分のWebサイトをブラッシュアップしてみましょう。 今回のお手本サイト：『Flickr』 米ヤフーが運営するオンライン・フォトアルバムサービス。特に他のユーザーが自由にコメントをつけたり、タグをつけて分類したりできるコミュニティ機能や、使い勝手の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ajax/Javascript/Dhtml examples and demos to download
piksite.com
http://www.ericryananderson.com/music
http://valums.com/javascript-image-galleries/