注目のAjax情報のポータル

いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる...

Apple , GTD , Linux , MacOS , Microsoft , Windows , フリーソフト , 仕事術長くて複雑な文字列とはおさらば！スクリーンショットで簡単にスクリプトが書ける「Sikuli」掲載日時：2010.02.13 11:00  コメント [0], トラックバッ...

フォームのinputやtextarea要素にキーボード機能をつけたい。そんなときにおすすめなのが、『jQuery Keypad』。ソフトウェアキーボードを実装するjQueryプラグインです。↑の例は、inputにフォーカスすると、キーボードが現れるタイプです。キーボードには、「閉じる」「クリア」「...

Appleのサイトのような、かっこいいインターフェースを実装したい。そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集です。かなりかっこいいの...

少ないスペース内でコンテンツをグリグリスクロールさせられるjQueryプラグイン「Flips」が公開されています。 小さな枠を３分割させてページをスライドさせるなど動きとしてもおもしろいコンテンツスクローラーになっています。 少ないスペースに色々なコンテンツを置くような場合に参考にできそうです。 ...

Webサイトのデザイン、社内のネットワーク図、オフィスのレイアウト図、UMLなどドローツールに対する需要は高い。いくつかのローカルアプリケーションが存在するが、もっとも有名な Microsoft Visio は高価であり、利用頻度によってはコストメリットが出ない場合もある。またオープンソース・ソフ...

The Closure tools help developers to build rich web applications with JavaScript that is both powerful and efficient.Gmail、Google DocsなどGoogleが提供している...

Googleは米国時間11月5日、「Closure Tools」と呼ばれるプロジェクトをリリースし、同社のウェブサイトおよびウェブアプリケーション作成レベルに達することを望む開発者をサポートしていく方針を明らかにした。Googleは、ウェブ中心のビジョンの一環で、JavaScriptを用いたウェブ...

jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。フェードし...

ナビゲーションなどによく使用されるCSSスプライトにアニメーション効果を加えて簡単にセットアップできるスクリプトをNew Media Campaignsから紹介します。AutoSprites – A jQuery Menu Plugin demoデモでは、リスト要素で実装されたナビゲーションに一枚...

ウィンドウサイズを変えると コンテンツ（記事等）が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。可変グリッドレイアウ...

jQueryでユニットテストをおこなう - QUnitとは高機能・軽量のJavaScriptフレームワークで、デベロッパにも人気の高いjQuery。そのjQueryをベースとしたテストスイートに「QUnit」がある。QUnitはJohn Resig氏とJorn Zaefferer氏が中心となって開...

Firefoxのアドオンやよく言われる 海外のSEOエキスパートみたいな 方々の作成したSEOツールも凄いけど 結局僕が一番使いやすくて高機能 だと思ったSEOツールは国産の SEOチェキ！でしたので機能をご紹介。使い方次第なのかもしれませんが、結局一番使うのはSEOチェキなので紹介します。アライ...

CSS-Tricksから、大きい画像を余白を作らずにブラウザのサイズに合わせて、背景に表示するスタイルシートを紹介します。Perfect Full Page Background Image下記、それを実装する要件とテクニックを二つ、それぞれポイントをピックアップして紹介します。実装の要件前提とし...

『 30万件のブログ記事をメガロポリスで表現。ビルは記事へのブックマーク数に応じて広くなり、購読者数に応じて高くなる。TweenLite,PV3D,AdvancedAutoComplete,s2flexなどを使用。（リリース）http://d.hatena.ne.jp/kaiseh/20090827/... 』

Lights Out ? Dimming/Covering Background Content with jQuery | Build Internet! これはカッコいい、テレビのノイズ画面風背景のLightBox作成。 次のように、テレビのノイズ画面のような背景がアニメーションするカッコいい...

「デスクトップアプリケーション並みの美しいユーザーインターフェイスが作れる」と評判のJavaScript/Ajaxフレームワーク「Ext JS」の最新版、「Ext JS 3.0」が7月6日にリリースされました。「古籏一浩のJavaScriptラボ」第4回は、実際に簡単なサンプルを作りながらExt ...

画像をはじめ、swf, flv. pdf. htmlなどを拡大表示するLightbox風のスクリプト「Bumpbox」をart Viperから紹介します。Bumpbox - lightbox alternative demoデモでは、それぞれのテキストリンクをクリックするとコンテンツが勢いよく拡大...

mbideasproject - Project Hosting on Google Code jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごいです。 以下、プロジェクトのホームページもOSっぽいインタフェース上でアニメーションしてかっこいいのですが、構成さ...

札幌でホームページ制作をする社会人ハムの勉強ブログ。 JavaScriptやjQuery、XHTMLやCSS、その他思ったことなどについてなどを気ままに書きます。jQueryのpluginなども公開中。jQueryplugin自作pluginJavaScript(X)HTMLCSSSEO日記プロフ...

リストの表示をリアルタイムに、二列にしたり折りたたんだりと変更するスクリプトをJanko At Warp Speedから紹介します。demo: 折りたたみリストのカラーやサイズなどのデザインはスタイルシートで指定を行い、表示変更はjQueryをベースに下記のスクリプトを記述します。二列版$("#f...

Silverback Giveaway一見、背景画像をCSSかJavaScriptで配置したように見えますが、CSSで普通に配置されたソリューションです。テキストやリストが画像に重ならないように、marginを設定します。HTMLContest Details...the introductory...

POPで商品をオススメしよう！

Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY.Smashing Editoria氏がSmashing Magazineにおいて50 Fresh JavaSc...

jQuery Tabbed Interface / Tabbed Structure Menu Tutorial | Queness アイコン付きタブが可愛いアニメーションメニューを実装するチュートリアル。 次のような美しいUIと共に、クリックするとアニメーションしながらメニューが切り替わるナビゲ...

PHP: Display Adobe PSD files on a web page PhotoshopのPSDファイルをPHPで画像に変換してブラウザに出力してしまう方法。 これは本当に驚きました。PHP PSD Reader というライブラリをインクルードするのですが、複数レイヤーから構成され...

入力された値の検証は最終的にサーバ側で行わなければ意味がない。が、ユーザビリティを考えるとブラウザ上でチェックし、通知できれば便利に違いない。問題はそうしたチェック機能を実装するのが手間だと言うことだ。jQueryを使ってWebブラウザ上で入力チェック動的なフォーム生成でも柔軟に対応できるくらいシ...

こんばんは、最近ホルモン焼きにハマっているishidaです。WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくありま...

今やさまざまなWebサイトで使われ、すっかり地図の定番となったGoogleマップ。コーポレートサイトや飲食店のサイトなどで、純粋に案内図としてページに埋め込むのが一般的ですが、中にはもっとおもしろい使い方で、ユーザーを楽しませているサイトもあります。一例として、「hitotoki」というWebマガ...

JavaScriptはAjaxを境にして一気に進化の階段を上っている。JavaScriptフレームワークをはじめとして、様々なJavaScript周囲の実装が出始めている。そんな中にあって、JavaScriptの立ち位置はまだクライアントサイドが中心になっている。サーバサイドJavaScriptの...