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... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
There are many posts available detailing how to write your own jQuery plugin. It won’t take long before you realize that building in jQuery is very s... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
マウスオーバー時に気持ちのいい効果をつけたい。そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。デモは以下から。jQuery Menu Plugin: Bub... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]レイアウトのベースを設定する超軽量のフレームワーク -EZ-CSS | コリス Webデザイン フィード](/thumbnail/400554.png)
1カラム、2カラム、3カラム、ヘッダ、フッタなどレイアウトのベースを設定する超軽量のCSSのフレームワークを紹介します。EZ-CSS_ An easy to use, lightweight, CSS framework.フレームワークにはあらかじめ多種なモジュールが用意されており、多彩なレイアウ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するも... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
これは便利そうなのでメモ・・・。jQuery.tagInputはdeliciousちっくなタグ入力フォームを実現してくれるjQueryのプラグインですよ。↑ こんな感じね。ちゃんと入力した文字を太字にしてくれたり、頻度を右にだしてくれたりしますね。コードもシンプルなので導入は簡単ですな。詳細＆ダウ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
7 trusted ajax file upload plugins using jquery | Web Developer Juice ajaxファイルアップロードに使えるjQueryプラグインがいろいろとまとまっていましたのでご紹介。 AJAX Upload カスタムボタンを押すとファイルを... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 jQueryでCoreAnimation。すばらしい。 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Plupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus 今だかつてない使いやすさでUIもクールなマルチアップローダー実装ライブラリ「Plupload」。 F... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
以前にも似たようなものを紹介しましたが、こちらも使いやすそうなのでエントリー。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 [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]フォームの入力時にラベルがスライドするスクリプト -Sliding Labels | コリス Webデザイン フィード](/thumbnail/385822.png)
フォームの入力時に、入力欄に配置されたラベルが枠外にアニメーションで移動するスクリプトをCSSKarmaから紹介します。Form Design with Sliding Labelsデモページスライドするアニメ [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]ニューリリースされたjQuery 1.4のチェックしておきたいサイト | コリス Webデザイン フィード](/thumbnail/384616.png)
2010年1月14日、jQueryの最新版1.4がリリースされました。本家のサイトをはじめ、新機能のサンプルコードや1.3.2との後方互換について紹介します。jQuery 1.4 ReleasedjQuery 1.4のダウンロードとリリース情報jQuery 1.4のダウンロードや詳細な情報は、下記... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
CSS HappyLife ZEROは、CSS初心者・中級者の方を対象にしたリファレンスやレイアウト講座など、CSSに関するアレコレがつまったサイトです。CSS HappyLife ZEROは、主にCSS初心者・中級者の方を対象にしたCSSに関するアレコレがつまったサイトです。プロパティやセレクタ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ポップアップメッセージをありきたりのものにしたくない。そんなときにおすすめなのが、『Notify Bar』。Twitterのような通知バーを実装するjQueryプラグインです。Twitterで投稿したりすると、ブラウザの上部にぴょこっと表示されるメッセージですね。delayなど、カスタマイズできる... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Google マップのページから、ストリートビューの埋込みタグを取得するという手段もありますが、もっとシンプルに埋め込みたいと感じることもありますよね。今回は、Google Maps API key の取得も不要で、住所やランドマーク名などをカンタンなタグで表記するだけでストリートビューを表示でき... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ここのところ、Google App Engine上でアプリを作っている私だが、iPhoneアプリとかを作り慣れている私としては、単純なHTMLページの組み合わせでUIを作るというのでは面白くない。そこで、サーバーがModel、クライアントがViewとControllerというアーキテクチャととこと... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
