jQueryサンプル集 | DesignWalker
jQuery 642 プラグイン：skuare.net
jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト／リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP
Graphing/Charting Data on Web Pages: JavaScript Solutions
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Effective data visualization allows us
Ajax開発にベンリ！「Html Validator」でJavaScript実行後のHTMLを検証 - builder by ZDNet Japan
Html Validatorは、その名の通りHTMLの文法を検証するための拡張機能だ。 Web Developerに付属している検証機能はW3Cのオンラインサービスにアクセスするだけのものだが、Html Validatorは自身でパーサーを持っており、ローカルの環境だけで検証を行うことができる。サーバから送信された生のソースコードだけでなく、そこに含まれるJavaScriptを実行した後のソースコードの検証が行える点も、大きな特徴だ。 加えて、Html ValidatorをインストールするとFirefoxのソースコード表示機能が拡張され、エラー発生箇所の表示や、エラー内容の表示などが行われるようになる。ソースビューワーがHTMLデバッガになってしまうわけだ。さらに、自動で修正候補のHTMLを生成する機能なども備えている。 ただし、Firefox Add-onsのサイトに掲載されているのはW
HeartRails Glance | リンク先 「チラ見」 サービス
「チラ見」 ウィンドウに必要を感じないお客様は、「チラ見」 ウインドウ下部の x ボタンをクリックすることにより、以後、そのサイトに付加された 「チラ見」 機能を無効にすることができます。また、「チラ見」 機能を導入済みのサイトには、併せて 「チラ見」 機能の有効／無効を切り替えるための Switch を設置することができます。 Switch を設置したい場所に下記の JavaScript をペーストしてください。 お客様のサイトの文字コードが UTF-8 の場合 <script type="text/javascript" charset="UTF-8" src="http://glance.heartrails.com/api/utf8/switch.js"></script> お客様のサイトの文字コードが EUC-JP の場合 <script type="text/javascrip
16+ Top JavaScript/Ajax Effects for Modern Web Design - aComment.net
These days, I’m designing a new Wordpress theme for aComment. new logo, new design, more features and a better dress!The coding of the theme is nearly finished and just some minor details should be added. Okay, this post is related to JavaScript and its friends! Currently there are a lot of JS scripts available for web developers. But all of them are not handy in the modern web design. Nowadays,
自サイトの画像の保存をプロテクションする仕組み:phpspot開発日誌
MooTools 1.2 Image Protector: dwProtector Image protection is a hot topic on the net these days, and why shouldn't it be? 自サイトの画像の保存をプロテクションする仕組み サイトの画像は、次の方法で保存できますが、それを全部禁止する方法です。 ・右クリック→名前をつけて保存 ・デスクトップにドラッグ＆ドロップで保存 ・右クリックで名前をつけて背景を保存 ・背景画像を表示 dwProtect.js をダウンロードして、JavaScriptで以下のように書くだけです。 window.addEvent('domready', function() { var protector = new dwProtector({ image: '/blank.gif', elements:
JavaScriptでHTMLをダイナミックに書き換える 後編
旧来のDHTMLの手法では、JavaScriptから操作できるHTML要素に限りがありましたが、DOMでは、HTML上のありとあらゆる要素を自由自在に読み取ったり、書き換えることができるようになります。本連載では、主にDOM Level 1で規定されている手法を使い、JavaScriptでどのようにHTML上の要素へアクセスするのか、そして、それをどうやって書き換えるのかを詳しく解説します。これにより、JavaScriptからHTML要素を手に取るように操れるようになります。 本連載は、ソフトバンククリエイティブ刊行の『標準DOMスクリプティング』のうち「第2章 DOMの基本」を、同社の許可を得て転載するものです。 本書は、DOM（Document Object Model）とJavaScriptの関係を分かりやすく解説しています。さらに、JavaScriptからDOMを介して、いかにして
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
cabel.name: FancyZoom 1.1
Update: Version 1.1 released 2/8/08. Good bug fixes + Opera compatibility! ...so I fought back the charging Guanaco, immediately hopped on my paraglider, and basically caught the first flight out of Chile — but not without dealing with some cantankerous customs inspectors while drinking a cool glass of chicha. Really sorry it took so long! But hey, two years later, it's finally done! Smooth Javasc
もう一度、ちゃんとJSON入門 - 檜山正幸のキマイラ飼育記 (はてなBlog)
僕自身も僕の周辺もJSONをよく使います。でも、細かい点でけっこうミスをやらかしています(苦笑)。このエントリーで、JSONを使う上で注意すべきこと／間違いやすい点をすべて列挙します。 内容 兼チェックリスト： 仕様原典さえ読めば完璧（のはずだが） 数値の前にゼロを付けてはいけない 16進数表記も禁止だよ 数値の前にプラスを付けてはいけない 小数点からはじまる数値はダメ 用語法が違うよ：プロパティとメンバー メンバー名には常に文字列を使う 空文字列""もメンバー名に使える 配列要素はキッチリと並べよう 文字列を囲むには二重引用符だけ 文字列内のエスケープが微妙に違う 仕様にないエスケープは構文エラー undefinedもNaNもありません ラッパーオブジェクトは使わないのが吉 型システムとtypeofに関する注意 最後に 仕様原典さえ読めば完璧（のはずだが） JSONは、小さくて簡単な仕様
JavaScript読み込みブロック回避でページ表示を高速化する方法 | エンタープライズ | マイコミジャーナル
スクリプトが読み込まれるまで画像の読み込みがブロックされている - 同ブログより抜粋 WebページパフォーマンスツールであるYSlowの主要開発者でありYahoo! Exceptional Performanceの開発者であるStoyan Stefanov氏がNon-blocking JavaScript Downloadsというタイトルで、ページの読み込み速度を向上させるテクニックを簡潔にまとめている。これはブロックが発生するJavaScriptの読み込みを並列化することでページの読み込み時間を短縮しようというもの。Webページの読み込み高速化に効果的な手法なのでWebデベロッパは一度目を通しておきたい。 JavaScriptの読み込み中はほかの読み込み処理がブロックされる。これをDOM経由で動的にロードするように書き換えてやれば並列して読み込まれるようになる。Non-blocking
Firebug、5つのベスト拡張機能 | エンタープライズ | マイコミジャーナル
Webアプリケーションの開発やWebデザインの調整に欠かせないツールにFirefoxエクステンションであるFirebugがある。Firebugへの開発者の評価は高い。今後各ブラウザがデバッグツールを同梱してくるとみられるため、向こう半年から1年で状況が変わる可能性もあるが、今のところFirebugの便利さは抜きん出ている状況だ。 FirebugはFirefoxエクステンションだが、それ自身が拡張可能な仕組みになっているため、Firebugをベースとして別のツールを実行することもできる。そこでWebmonkeyに掲載されているThe 5 Best Firebug Extensionsを紹介したい。 同サイトでは、Firebugをベースとして開発されたエクステンションをピックアップしている。紹介されているエクステンションは次のとおり。 YSlow - Webサイトパフォーマンス評価ツール Fi
[JS]jQueryのプラグイン33+1選 -2008年7月 | コリス
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
HTML上のテーブル操作の決定版·Flexigrid MOONGIFT
※ 画像は公式サイトデモより 業務システムのみならず、メールや一覧の機能で必要になるのがテーブルを使った一覧機能だ。このとき、比較元になるのがエクセルをはじめとした表計算ソフトウェアだろう。あのレベルのUIをWebベースで再現するのはほぼ不可能とさえ言えそうだ。 ドラッグアンドドロップによるカラムの並べ替えや表示/非表示の切り替えが可能 無理矢理カスタマイズして膨大に工数を増やすのではなく、ライブラリを使って柔軟に、素早く対応しよう。 今回紹介するオープンソース・ソフトウェアはFlexigrid、jQueryを使ったテーブル操作ライブラリだ。 Flexigridは既存のテーブルに対して利用できるライブラリで、普通のテーブルをカラムの並べ替えや表示/非表示、幅の変更など優れたUIをもったテーブルに変更してくれる。対応ブラウザはIE6/IE7、Firefox 2、Opera 9.x、Safar
クールにアニメーションしてハイライトしてくれるJavascript『Create a Simple, Powerful Product Highlighter with MooTools』 – creamu
DiaryTechnology クールにアニメーションしてハイライトしてくれるJavascript『Create a Simple, Powerful Product Highlighter with MooTools』 クールなインターフェースを実装したい。 そんなあなたにおすすめなのが、『Create a Simple, Powerful Product Highlighter with MooTools』。クールにアニメーションしてハイライトしてくれるJavascriptだ。 このエントリーでは、かっこよくアニメーションしてくれるインターフェースが紹介されている。HTML、CSSだけでなく、Javascriptも公開されているため、実装するのも容易だろう。ライブラリはMootoolsを使用している。 以下にデモがあるので見ていただきたい。 » Demo クールにアニメーションしてハイ
[JS]ブラウザの幅に合わせてレイアウトを最適化するスクリプト -Dynamic Layout
Dynamic Layoutは、ユーザーのブラウザの幅を認識し、それに適したスタイルシートでページのレイアウトを最適化するスクリプトです。 Dynamic Layout デモ Dynamic Holy Grail 1～3カラムのシンプルなレイアウト、ブラウザ幅600, 800, 1000に設定 Fortes ブラウザ幅600, 800, 1000, 1200, 1400に設定 fil-ter ブラウザ幅600, 1000に設定 Dynamic Layoutの設置方法は、body直下に外部ファイルとして指定します。 <textarea name="code" class="html" cols="60" rows="5"> <body> <script src="http://static.fortes.com/projects/dynamiclayout/dynamiclayout-1.0
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
透明感のあるデザインをJavaScriptで実装する（glassbox.js） - youmos
Thematic WordPress Theme Toolbox: 10 extremely useful hooks
Courses and Tutorials in JavaScript | Envato Tuts+
