注目のAjax情報のポータル

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

■ Perl基礎文法最速マスターをだいたいそのまま、Rubyに置き換えてみました。他の言語をある程度知っている人はこれを読めばRubyの基礎をマスターしてRubyを書くことができるようになる…かも知れません。無保証です。参考：オブジェクト指向スクリプト言語 Ruby リファレンスマニュアル (1....

jQuery基礎文法最速マスターHP登録でSEO対策！アクセスアップにコチラ！ 検出率No.1・PC軽快さNo.1のウイルス対策ソフトはやっているようなのでまとめてみたいと思います。jQueryの読み込みGoogle AJAX Libraries APIで簡単に読み込めます。<script typ...

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

近年、Google Chrome、Firefox、Safari、Opera、Internet Explorer（以下、IE）がJavaScriptの実行速度の最速の座を争っていますが、それに伴いJavaScriptによるフレームワークやコンポーネントが多数出現し、Webブラウザのユーザビリティは飛...

IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになり...

『 Apple風のスライドショーギャラリーのチュートリアル。xhtml,css,jqueryで実現! 』

矢野勉 WicketはApache Software Foundationで開発されている，Webアプリケーション開発用のフレームワークです。本特集では，Wicketを使ってAjax対応のアプリケーションをつくることで，数回に分けてWicketの使い方を紹介していきます。第1回　Hello, Wi...

「HiFi RegExp Tool」を使って超高速に学ぶ正規表現入門。 先日『その場で動作させて確認する正規表現入門ツール「HiFi RegExp Tool」』として視覚的に動作が分かる正規表現ツールをご紹介しましたが、このツールを使った正規表現の入門実習を実際にしてみましょう。 入力してその場で...

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

※この記事は「Web制作の現場で使えるjQuery　UIデザイン入門」の第10回です。過去の記事もご覧ください。前回の「フォーム」に続き、jQueryの特別な機能を解説します。今回取り上げるのは、「Ajax」を利用するための機能です。今さら聞けない「Ajax」とは？「Ajax」（エイジャックス）は...

『 PHPとjQueryのAjax連携の学習用チュートリアル/MACスタイルのログインフォームからjQueryでAjax送信してリアルタイム認証を行うサンプル 』

先月の社員PVランキングは91番目でした。agoです。たまに他言語開発者から「JSは何となくわかるけど、jQueryが特殊すぎてよくわからない」という声を聞きます。個人的にjQueryを使う場合、「JSの中でjQueryを使う」と言うより、「jQueryの中でJSを使う」と考えた方が理解しやすいと...

If you’re just starting out in jQuery, one of the most important things is to learn to make things interactive.  This tutorial will show the basics o...

jQueryを使用して、画像に半透明の見出しとキャプションをスライド表示させるチュートリアルをQuenessから紹介します。Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery demoデモでは画像...

※この記事は「Web制作の現場で使えるjQuery　UIデザイン入門」の第5回です。過去の記事もご覧ください。▼連載バックナンバー第4回　初めてのjQuery：セレクターAPIを一挙解説（後編）第3回　初めてのjQuery：セレクターAPIを一挙解説（前編）第2回　jQueryのダウンロードとイン...

jQueryを使えば、Wordpressがブログとは思えないほどに見違えます。特に海外のブログなどを見ていると、jQueryなどを上手く使いこなして、クールに仕上がっているブログがたくさんありますね。今回は、jQueryを使ってワンランク上のブログに仕上げるプラグインとチュートリアルをいくつかまと...

滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。Animated Navigation with CSS & jQuery demoデモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出...

Twitterをサイトに組み込むチュートリアル＆サンプル集。 当サイトにて、色々とTwitterの機能を実装する仕組みを色々と紹介しましたが、それらをまとめてみました。 JavaScript によるTwitterメッセージの埋め込み  Twitterのメッセージをページに載せられるJavaScri...

はじめに　本稿では、NuSOAPライブラリを使用してPHP Webサービスを構築する方法と、AJAX技術およびSOAPプロトコルを使用してPHP Webサービスを利用するJavaScriptクライアントを構築する方法を中心に説明します。まずは、Webサービスの用語について少し説明しましょう。SOA...

WebOS Goodies へようこそ！WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます...

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

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

自分はスーパーJavaScripterでこんなすげーのが5行で書けちゃう。やばいだろ！とかいうのでは全然無いですが、オブジェクト指向っぽい話が最近分かってきたつもりで、それでやっときゃ問題無いってことを思い始めているので、なんかそんな話を書いていきます。こんな短く書くテクニックがあるぜ！ var ...

はじめに　The Yahoo! User Interface Library （YUI）はAJAXベースのリッチなユーザーインターフェースを開発するためのオープンソースのJavaScriptライブラリです。新しいYahoo! MailではYUIが使われているので、このライブラリがいかに強力なものか...

シンプルなWebデザインに、ちょっとしたアクセントとなる装飾要素を加えたい――。そんなときに参考になるWebサイトを見つけました。英国の映像作家スティーブ・ブックバインダー氏のサイト「Steve Bookbinder」です。白を基調とし、余白を広くとったこのWebサイトは、映像作家らしく、作品紹介...

数年前に登場した「Googleマップ」を皮切りに、ページを遷移せずに一部を書き換える“Ajax”が大流行しました。Ajax/JavaScriptによるユーザーインターフェイス（UI）はWebサイトの操作性を大きく向上できるので、地図サイトなど、いわゆる「Web 2.0的」サイトでは多用されています...

国内外を問わず、多くのECサイトがお手本とする「Amazon.co.jp」。この連載でも以前、Amazonが採用する「カルーセル」（回転表示するスライドパネル）の作り方を紹介しましたが（関連記事）、Amazonは優れたユーザーインターフェイス（UI）の宝庫でもあります。中でも、過去の閲覧履歴などか...

WEBデザイナーやWEB開発者なら一度は苦悩するブラウザの違いによるレイアウトの問題や形式の問題。業務の上で一つの障壁ともなり得ない問題です。今日紹介するのはそんなブラウザ間の表示に対しての問題を解決してくれるjavascriptを集めたエントリー「8 Javascript solutions t...