Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
Webデザインには一般のデザインスキルのほかに、HTML・Javascript・CSSなど多様なスキルが求められます。Webデザイナーが、さらに複雑化するWebデザインを把握する一助にでもなれば幸いです。
submit, buttonを角丸にしたデモ対応ブラウザは、IE6+, Fx2+, Op9+, Safari2+, Chrome, iPhoneとなっています。オプションでは、角丸のサイズ、アンチエイリアスの有無、角丸を適用するコーナーの指定などができます。 スクリプトはjQueryのプラグインの...
最近、社内で PHP Spidermonkey が流行って（？）いるようです＞＜！Cybozu Inside Out: SpiderMonkeyを使ってPHPでサーバーサイドJavaScriptid:ama-ch さすがです＞＜ というわけで僕も、 PHP の Spidermonkey でどのくら...
ここのところ、Google App Engine上でアプリを作っている私だが、iPhoneアプリとかを作り慣れている私としては、単純なHTMLページの組み合わせでUIを作るというのでは面白くない。そこで、サーバーがModel、クライアントがViewとControllerというアーキテクチャととこと...
TutZoneというサイトで、Webデベロッパーのためのフォトギャラリー作成スクリプトがいろいろと紹介されています。いくつかご紹介しますね。Carousel.us MooToolsを使った3DのJavaScriptカルーセル。Firefox 2+, Opera 9+, Safari 3+, IE ...
JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」2009年10月23日-JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」というサイトを発見。 ちょっとした動作確認用のコードを書いたり、入...
フォームの入力フィールドにアイコンを表示するなど、9種類のスタイルのデザインを簡単に適用できるスクリプトをCoders.meから紹介します。
フレッシュなJavaScriptツールチップライブラリを含むツールチップライブラリが25種類まとまっているエントリのご紹介。 当サイトで紹介したことのないツールチップも含まれていましたのでご紹介。 ツールチップという完成されたと思われる分野においても様々な工夫がなされているのが分かります。 アニメ...
divで配置したパネルをスクロールできるようにする超軽量のスクリプトをleigeberから紹介します。TinyScroller JavaScript Scrollable Div – 1.7KB demoスクリプトの容量は約1.7KB（圧縮時）で、対応ブラウザはIE6/7/8, Fx, Op, S...
Flashを使用せずに、液体が流れるように画像を少しずつ表示するスクリプトをWeb Reflectionから紹介します。JavaScript Liquid Image FXdemo上記のデモでは、Firefox [...]
nettuts+で、超クールなJavaScriptプラグインがまとまっています。いくつかご紹介しますね。» JQuery Validate jQueryによるクライアントサイドのバリデート » PrettyCheckboxes - jQuery FancyFormと似たかわいいチェックボックスを作...
Home > 開発ツール・技術 > 「TwitterやFacebookっぽいインターフェースを実現したい！」というときに使えるJavaScriptチュートリアルまとめOlder「How to create a Twitter-style alert with jQuery, CSS, and PH...
なかなか素敵なまとめ記事がありました。 大規模なサイトに最適なリンク案内として、ドロップダウンメニューの導入が使われる事がありますが、今回のエントリーは、こうしたメニューの導入を簡単にしてくれるものとなるでしょう。 CSS、jQuery、MooTools、JavaScript WEBサイトのメニュ...
最近発見した、JavaScriptコーディングに関するテクニックやパフォーマンス等の参考になりそうなエントリをリファレンスをまとめてみました。 Avoiding Problems With JavaScript’s getElementById Method in Internet Explore...
JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ2009年08月18日-JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ。 ここ最近で巡回したもので便利そうなチュートリアルを以下にまとめてみました。 沢山あるので使...
まだまだあったJavaScript製のWYSIWYGエディタコンプリート、ということで、本ブログで紹介していない（したものも一部あるかもしれませんが）ライブラリ等をメインにご紹介。 WYSIWYGといっても、それぞれの使い方には特徴があって、微妙に自分の使い勝手にあってなかったりする場合もあります...
画像をはじめ、swf, flv. pdf. htmlなどを拡大表示するLightbox風のスクリプト「Bumpbox」をart Viperから紹介します。Bumpbox - lightbox alternative demoデモでは、それぞれのテキストリンクをクリックするとコンテンツが勢いよく拡大...
LABjs (Loading And Blocking JavaScript)「LAB」は「Loading and Blocking」の略で、JavaScriptのロードとブロックをコントロールします。使用方法はキャプチャのように、最初に読み込ませたいスクリプト（jquery.js）、そのスクリプ...
これはjQueryなんかと競合していく・・・のかな。BBCが実際に使ってきたJavaScriptのライブラリが公開されたようです。BBCといえばネット上の先進的な取り組みで一目置かれていますが、そのノウハウをぎっしり詰め込んだライブラリになっているようですよ。雰囲気をつかんでいただく為に一応お約束...
テーブル内のコンテンツをセル間で自由に移動させることができるスクリプトをRedipsから紹介します。Drag and drop table content with JavaScriptdemoデモではテーブル [...]
Youlove.usというサイトではヘッダー部分の背景がいい感じにスクロールしています。映画のような雰囲気をかもしだしていて素敵ですよね。で、案の定、「どうやったら実現できるの？」とよく聞かれるそうで、その仕組みが説明されていました。↑ このヘッダー部分が変わっていきます。是非サイトにいって動いて...
iGoogleの画面が使いやすいか、と言われると答えに窮するところだか個人がメンテナンスできる機能はとても便利だ。ブックマークレットやFirefoxアドオン等でもただ与えられた画面をそのまま使うのではなく、ユーザが自分にとって使いやすい形に変化させる（または許容する）のはとても大事だ。3カラム表示...
