Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」2010年03月11日-Run This! PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Flash以外でサイトに動きをつけたい。そんなときに参考になるのが、『Spritely』。ピュアHTMLでキャラクターと背景がアニメーションするjQueryです。Spritelyは、sprite()とpan()というメソッドを使って、背景画像に動きをつけているようですね。鳥の画像は以下のように、ア... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
マウスオーバー時に気持ちのいい効果をつけたい。そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。デモは以下から。jQuery Menu Plugin: Bub... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Chat2: Group Chat Room with PHP, jQuery, and a Text File | CSS-Tricks PHPとjQueryで作るAjaxなグループチャットスクリプト作成のチュートリアルとデモプログラムがそのままダウンロード出来るエントリのご紹介。 クールなaj... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
フォーム周りでjQueryを使いたい。そんなときにおすすめなのが、『25 jQuery Tutorials for Creating and Working with Forms』。フォームで使えるjQuery集です。かっこいいものが揃っていますね。いくつかご紹介します。Creating a Sl... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
7 trusted ajax file upload plugins using jquery | Web Developer Juice ajaxファイルアップロードに使えるjQueryプラグインがいろいろとまとまっていましたのでご紹介。 AJAX Upload カスタムボタンを押すとファイルを... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]複数の打ち出し画像をスライドのアニメーションで変更するスクリプト | コリス Webデザイン フィード](/thumbnail/396284.png)
サイトのトップページやプロモーションページに最適な複数の画像をスムーズなアニメーションでスライド表示するスクリプトをSoh Tanakaから紹介します。実装のイメージ画像のスライドはコントローラーでの手動操作と自動操作に対応しています。スクリプトのベースにはjQueryが使用されており、HTML/... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
jQueryを使えば単体でもフェードやスライドなどのアニメーションを誰でも簡単に使えますが、animateメソッドを使うとより便利に凝ったアニメーションを実行することができます。animateメソッドを使って何かを作るときに役立ちそうなチュートリアルと、すぐ使いたい人向けのプラグインを集めました。... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
以前にも似たようなものを紹介しましたが、こちらも使いやすそうなのでエントリー。jQueryからGoogle Mapsを扱えるようにしたものですね。バルーンやらアイコンやらをカスタマイズできるのが良いですね。↑ マークアップもわかりやすいっす。ダウンロード＆詳細は以下からどうぞ。» gMap – G... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
uupaa.jsuupaa.js 0.7 の概要を、1分でざざーっと分かるように書きました。これ自体10分で書いてるので、ノープラン・ノーチェックでお届けします。uupaa.js のビルドuupaa.js というファイルはありません。必要な機能を組み合わせ、ユーザがビルドして作ります。ビルドコマン... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![jQuery基礎文法最速マスター[to-R] Webデザイン フィード](/thumbnail/391458.png)
jQuery基礎文法最速マスターHP登録でSEO対策！アクセスアップにコチラ！ 検出率No.1・PC軽快さNo.1のウイルス対策ソフトはやっているようなのでまとめてみたいと思います。jQueryの読み込みGoogle AJAX Libraries APIで簡単に読み込めます。<script typ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]ブラウザのサイズに合わせてレイアウトがアニメーションで変更されるスクリプト -Sliding Resizable Grid | コリス Webデザイン フィード](/thumbnail/390483.png)
ブラウザのサイズが変更されると、レイアウトがスライドのアニメーションで変更されるスクリプトをHackito Ergo Sumから紹介します。Create Your Own Sliding Resizable Grid [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
日本語もOK!Ajaxとphp,JQueryで作る付箋メモシステム「Sticky Notes With AJAX, PHP & jQuery」付箋を貼って情報共有したり、アイデアを書き出したりアイデアマップをつくったりと、クリエイティブの場では度々使われている付箋。今日紹介するのはAjaxとphp... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]フォームの入力時にラベルがスライドするスクリプト -Sliding Labels | コリス Webデザイン フィード](/thumbnail/385822.png)
フォームの入力時に、入力欄に配置されたラベルが枠外にアニメーションで移動するスクリプトをCSSKarmaから紹介します。Form Design with Sliding Labelsデモページスライドするアニメ [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
大量のリストから目当てのものを瞬時に探せるようになるjQueryプラグイン「LiveFilter」2010年01月20日-jQuery Plugin: LiveFilter 1.0.1 | Mike Merritt | Digital Inferno 大量のリストから目当てのものを瞬時に探せるよう... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]画像の一部にフレームをオーバーレイさせて目立たせる方法 | コリス Webデザイン フィード](/thumbnail/383543.png)
『 CSS3のボーダーに画像を指定する機能を使って、画像の上にフレームを重ねています。なるほど。 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ポップアップメッセージをありきたりのものにしたくない。そんなときにおすすめなのが、『Notify Bar』。Twitterのような通知バーを実装するjQueryプラグインです。Twitterで投稿したりすると、ブラウザの上部にぴょこっと表示されるメッセージですね。delayなど、カスタマイズできる... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Flashを使わずにアナログ時計を作りたい。そんなときにおすすめなのが、『A Colorful Clock With CSS & jQuery』。CSSとjQueryで作る、カラフルなアナログ時計です。1秒ごとに数字と、画像が動いている見せ方ができますね。仕組みは以下のようになっています。すごいな... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ここのところ、Google App Engine上でアプリを作っている私だが、iPhoneアプリとかを作り慣れている私としては、単純なHTMLページの組み合わせでUIを作るというのでは面白くない。そこで、サーバーがModel、クライアントがViewとControllerというアーキテクチャととこと... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
