Webデザイン・デザイナーの制作に役立つネタまとめ ~ デザインフィードデータベース

Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください~。

~ Webデザインをするのに必要なもの ~

Webデザインには一般のデザインスキルのほかに、HTML・Javascript・CSSなど多様なスキルが求められます。Webデザイナーが、さらに複雑化するWebデザインを把握する一助にでもなれば幸いです。

Webデザインのキーワードのタグからお役立ちネタを検索 + js

[ スポンサード リンク ]
1028件中 1件 ~ 20件 [ ← 前ページ ] [ 次ページ → ]
日付順注目順
サイトにTwitterの機能を組み込むためのjQueryプラグイン集:phpspot開発日誌 Webデザイン フィード

Best jQuery plugins for Twitter integration | AjaxLine サイトにTwitterの機能を組み込むためのjQueryプラグイン集。 Twitterの勢いがまだまだ衰えませんが、それにともなってサイトにTwitterの機能を実装したいというニーズも高...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
twitter jQuery javascript web制作 プラグイン
2010/03/07 18:23:11  phpspot.org
[JS]表データの列と行をハイライトするスクリプト -TargetTable | コリス Webデザイン フィード

表データのセルにカーソルをあわせると、その列と行をハイライトするシンプルなスクリプトをPreeoStudiosから紹介します。TargetTable デモスクリプトのセットアップは簡単で、既存の表データにも簡単に反映できます。HTMLtableに「class="targettable"」を記述しま...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jquery javascript テーブル html 例のやつ利用
2010/02/23 12:24:17  coliss.com
知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ Webデザイン フィード

最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するも...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
html css web制作 コーディング eclipse
2010/02/22 16:15:58  designblog.ecstudio.jp
[JS]複数の打ち出し画像をスライドのアニメーションで変更するスクリプト | コリス Webデザイン フィード

サイトのトップページやプロモーションページに最適な複数の画像をスムーズなアニメーションでスライド表示するスクリプトをSoh Tanakaから紹介します。実装のイメージ画像のスライドはコントローラーでの手動操作と自動操作に対応しています。スクリプトのベースにはjQueryが使用されており、HTML/...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jQuery javascript スライドショー CSS まとめ
2010/02/15 12:27:32  coliss.com

最近、社内で PHP Spidermonkey が流行って(?)いるようです><!Cybozu Inside Out: SpiderMonkeyを使ってPHPでサーバーサイドJavaScriptid:ama-ch さすがです>< というわけで僕も、 PHP の Spidermonkey でどのくら...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
javascript php jQuery SpiderMonkey server
2010/02/09 18:22:02  d.hatena.ne.jp
jQueryのアニメーション関連いろいろまとめ  ::  5509(+1) Webデザイン フィード

jQueryを使えば単体でもフェードやスライドなどのアニメーションを誰でも簡単に使えますが、animateメソッドを使うとより便利に凝ったアニメーションを実行することができます。animateメソッドを使って何かを作るときに役立ちそうなチュートリアルと、すぐ使いたい人向けのプラグインを集めました。...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jQuery まとめ javascript webデザイン アニメーション
2010/02/09 18:22:01  moto-mono.net
[JS]写真撮影のように画像を切り取るスクリプト -Photoshoot | コリス Webデザイン フィード

大きな画像から指定した一部だけを切り抜いて、写真の撮影をシミュレートしたスクリプトをTutorialzineから紹介します。Making a Photoshoot Effect With jQuery & CSS デモページデモではカーソルに合わせて、カメラのファインダーで覗いているような矩形が表...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jquery 画像 写真 画像ギャラリー javascript
2010/02/06 18:22:22  coliss.com
Google MapsをjQueryから扱えるようにする、たった2KBのプラグイン『gMap』 - IDEA*IDEA ~ 百式管理人のライフハックブログ Webデザイン フィード

以前にも似たようなものを紹介しましたが、こちらも使いやすそうなのでエントリー。jQueryからGoogle Mapsを扱えるようにしたものですね。バルーンやらアイコンやらをカスタマイズできるのが良いですね。↑ マークアップもわかりやすいっす。ダウンロード&詳細は以下からどうぞ。» gMap – G...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jquery googlemaps google JavaScript プラグイン
2010/02/06 0:22:27  www.ideaxidea.com

uupaa.jsuupaa.js 0.7 の概要を、1分でざざーっと分かるように書きました。これ自体10分で書いてるので、ノープラン・ノーチェックでお届けします。uupaa.js のビルドuupaa.js というファイルはありません。必要な機能を組み合わせ、ユーザがビルドして作ります。ビルドコマン...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
javascript uupaa.js uupaa library 資料
2010/02/03 18:21:28  d.hatena.ne.jp
IEをモダンブラウザのように扱う方法10 | CREAMU Webデザイン フィード

IEにだけできないことを可能にしたい。そんなときにおすすめなのが、『10 ways to make Internet Explorer act like a modern browser』。IEをモダンブラウザのように扱う方法です。便利そうなのが揃っているので、ざっとご紹介しますね。HTML5をI...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
ie html5 jquery javascript html
2010/02/03 18:21:28  blog.creamu.com
jQuery基礎文法最速マスター[to-R] Webデザイン フィード

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

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jquery javascript プログラミング まとめ programming
2010/02/03 18:21:28  blog.webcreativepark.net
[JS]ブラウザのサイズに合わせてレイアウトがアニメーションで変更されるスクリプト -Sliding Resizable Grid | コリス Webデザイン フィード

ブラウザのサイズが変更されると、レイアウトがスライドのアニメーションで変更されるスクリプトをHackito Ergo Sumから紹介します。Create Your Own Sliding Resizable Grid [...]

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jquery javascript web制作 webdesign レイアウト
2010/02/01 18:21:58  coliss.com
[JS]フォームの入力時にラベルがスライドするスクリプト -Sliding Labels | コリス Webデザイン フィード

フォームの入力時に、入力欄に配置されたラベルが枠外にアニメーションで移動するスクリプトをCSSKarmaから紹介します。Form Design with Sliding Labelsデモページスライドするアニメ [...]

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jQuery フォーム javascript form webデザイン
2010/01/21 18:21:51  coliss.com
大量のリストから目当てのものを瞬時に探せるようになるjQueryプラグイン「LiveFilter」:phpspot開発日誌 Webデザイン フィード

大量のリストから目当てのものを瞬時に探せるようになるjQueryプラグイン「LiveFilter」2010年01月20日-jQuery Plugin: LiveFilter 1.0.1 | Mike Merritt | Digital Inferno 大量のリストから目当てのものを瞬時に探せるよう...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jQuery javascript プラグイン 検索 plugin
2010/01/21 0:21:21  phpspot.org
[JS]ニューリリースされたjQuery 1.4のチェックしておきたいサイト | コリス Webデザイン フィード

2010年1月14日、jQueryの最新版1.4がリリースされました。本家のサイトをはじめ、新機能のサンプルコードや1.3.2との後方互換について紹介します。jQuery 1.4 ReleasedjQuery 1.4のダウンロードとリリース情報jQuery 1.4のダウンロードや詳細な情報は、下記...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jquery JavaScript まとめ チートシート あとで読む
2010/01/19 6:24:48  coliss.com
[JS]ブラウザのサイズに合わせてレイアウトを自動変更するチュートリアル | コリス Webデザイン フィード

グリッドベースのレイアウトをブラウザのサイズに合わせて、レイアウトを自動で変更するスクリプトを実装するチュートリアルをCreativityDenから紹介します。

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jQuery javascript レイアウト コリス コーディング
2010/01/13 0:21:40  coliss.com
フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」:phpspot開発日誌 Webデザイン フィード

jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jquery javascript フォーム web制作 form
2010/01/12 10:30:52  phpspot.org
使いこなすとスゴそうなJavaScriptによるUIライブラリ『UKI』 - IDEA*IDEA ~ 百式管理人のライフハックブログ Webデザイン フィード

これ、なんだかスゴそうですよ。今風のインタフェースを作るためのJavaScriptのライブラリです。EXT.jsの凄い奴、って感じかな。↑ こういう部品群が用意されています。↑ デモとして用意されている『Google Wave』風インターフェース。こんなのもできちゃうってすごすぎじゃね?ちなみにW...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
javascript UI ライブラリ library ajax
2009/12/29 11:05:44  www.ideaxidea.com
[JS]画像をクロスフェードで変更するスライドショーの超軽量スクリプト -Simplest Slideshow | コリス Webデザイン フィード

余計な機能は一切なく、シンプルで画像を洗練されたエフェクトで次々に表示するスライドショーのスクリプトをSnook.caから紹介します。Simplest jQuery Slideshow demoこのスクリプトを作成したきっかけは、知人からの依頼だそうです。当サイトでも多数紹介しているjQueryの...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jquery javascript スライドショー ギャラリー 画像
2009/12/15 16:04:52  coliss.com
今風のウェブを作る際に使えるCSS/HTML/JSのテンプレ『Easy Front-End Framework』 - 100SHIKI ~ 世界のアイデアを日替わりで Webデザイン フィード

これはすごく便利。Easy Front-End Frameworkは今風のウェブサイトを作る際に使えるテンプレートである。HTML、CSS、Javascriptが全部含まれているので、見出しや本文、テーブルといったスタイルだけではなくて、Tooltipsや浮かび上がってくる画像なども簡単に作れる点...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css HTML web制作 テンプレート WEBデザイン
2009/12/14 16:29:50  www.100shiki.com
[ スポンサード リンク ]
1028件中 1件 ~ 20件 [ ← 前のページへ ] [ 次のページへ → ]
Webデザインの情報・記事まとめサイト デザインフィード゛テータベース