注目のAjax情報のポータル
AJAXとCSSで作るクリエイティブなフォーム集「Astounding Ajax/CSS Forms: 30+ Modern Trends」ユーザーとコンタクトが取れる窓口的な役割を持つフォーム。ユーザーが実際に使う部分だけに、そのデザインやわかりやすさ使い勝手によって、目的が達成できるかどうか大... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/03/12 4:45:01 design-develop.net |
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/02/16 16:45:06 ascii.jp |
日本語もOK!Ajaxとphp,JQueryで作る付箋メモシステム「Sticky Notes With AJAX, PHP & jQuery」付箋を貼って情報共有したり、アイデアを書き出したりアイデアマップをつくったりと、クリエイティブの場では度々使われている付箋。今日紹介するのはAjaxとphp... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/01/24 4:44:59 design-develop.net |
![[JS]ブラウザのサイズに合わせてレイアウトを自動変更するチュートリアル | コリス フィード](/thumbnail/384113.png)
グリッドベースのレイアウトをブラウザのサイズに合わせて、レイアウトを自動で変更するスクリプトを実装するチュートリアルをCreativityDenから紹介します。 [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/01/18 4:44:58 coliss.com |
jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/01/12 16:45:25 phpspot.org |
サイトのデザインに合うlightbox系スクリプトを探している。そんなときにおすすめなのが、『The Best jQuery Lightbox Scripts』。クールなjQueryのlightbox系スクリプト集です。知らないのもあったりでいい感じのものが揃っていますよ。CeeBox アニメーシ... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/01/06 4:44:56 blog.creamu.com |
フォームのinputやtextarea要素にキーボード機能をつけたい。そんなときにおすすめなのが、『jQuery Keypad』。ソフトウェアキーボードを実装するjQueryプラグインです。↑の例は、inputにフォーカスすると、キーボードが現れるタイプです。キーボードには、「閉じる」「クリア」「... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/01/04 4:44:57 blog.creamu.com |
Appleのサイトのような、かっこいいインターフェースを実装したい。そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集です。かなりかっこいいの... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/12/30 9:11:10 blog.creamu.com |
個人的に必要になるかもと思ってメモ。 テキストや画像にエフェクトを与えて Webサイトを動きのあるサイトにする 手助けをしてくれるjQueryのプラグイン をいくつかご紹介します。コンテンツに対するユーザーの興味を高めたり、画像を使用せずテキストを装飾したりと、使い方次第でいろいろ用途がありそうで... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
近年、Google Chrome、Firefox、Safari、Opera、Internet Explorer（以下、IE）がJavaScriptの実行速度の最速の座を争っていますが、それに伴いJavaScriptによるフレームワークやコンポーネントが多数出現し、Webブラウザのユーザビリティは飛... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/12/04 9:11:17 www.atmarkit.co.jp |
IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになり... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/11/18 17:11:14 phpspot.org |
![[JS]検索ボックスをSafari風デザインにするスクリプト -Safari Searcher | コリス フィード](/thumbnail/359651.png)
既存の検索ボックスを簡単にSafari風のデザインに変更するスクリプトを紹介します。jQuery Safari Searcherdemo検索ボックスのスタイルは通常用とインクリメンタルサーチ用が用意されており、 [...] [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/11/18 1:10:23 coliss.com |
Webサイトのデザイン、社内のネットワーク図、オフィスのレイアウト図、UMLなどドローツールに対する需要は高い。いくつかのローカルアプリケーションが存在するが、もっとも有名な Microsoft Visio は高価であり、利用頻度によってはコストメリットが出ない場合もある。またオープンソース・ソフ... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
『 Apple風のスライドショーギャラリーのチュートリアル。xhtml,css,jqueryで実現! 』 [ 詳細 ] [ 関連 ] [ ニコニコ ] |
ExtraTutsというサイトで、デベロッパーなら知っておきたいCSSテクニックが紹介されています。いくつかご紹介しますね。CSS Browser Selector OS・ブラウザごとにCSSを切り替えられる1行のJavaScriptadding a CSS StyleSheet to your ... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。フェードし... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
ウィンドウサイズを変えると コンテンツ（記事等）が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。可変グリッドレイアウ... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
長ったらしいフォームをウィザードにして抵抗を少なくするjQueryサンプルが公開されています。 長々としたフォームは利用者が入力を躊躇してしまいますが、ウィザードにすることでその抵抗を軽減できますね。 この変換を自動で行えるjQueryのサンプルが公開されています。 図１：長いフォーム スクリプト... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
|
『 マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプト。仕組みは容易に想像できるけど、こういう発想がおもしろい! 』 [ 詳細 ] [ 関連 ] [ ニコニコ ] |
利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」マウスオーバーしたときに出現するツールチップ、その対象物の内容を説明したり、補足的なデータを表示したりとユーザーインターフェイスを向上させてくれるテクニ... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
![[CSS]大きい画像をブラウザのサイズに合わせて背景に表示するスタイルシート | コリス フィード](/thumbnail/333252.png)
CSS-Tricksから、大きい画像を余白を作らずにブラウザのサイズに合わせて、背景に表示するスタイルシートを紹介します。Perfect Full Page Background Image下記、それを実装する要件とテクニックを二つ、それぞれポイントをピックアップして紹介します。実装の要件前提とし... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
jQueryのMooToolで実現するカレンダープラグイン集「10 Beautiful jQuery and MooTool Calendar Plugins」javascriptのライブラリとして人気が高い、jQueryとMootool。両方ともかなり高機能で様々な事を実現する事ができますが、今... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
|
uuAltCSS.js は Webページデザイン を簡単にする JavaScript ライブラリです。 独自のアプローチで、ブラウザ と CSS を切り離し、古いブラウザでも最新の CSS の仕様に基づいたデザインを可能にします。また、WebKit系ブラウザでしか利用できないはずの最先端の機能を、... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
ウェブデザインにいつもと違うアイデアを入れてみるための10のTipsをWeb Designer Depotから紹介します。10 Web Design Rules That You Can Break下記、各ポイントをピックアップしてお届けします。はじめに1. 水平方向のスクロールバーを表示しない2... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
![[JS]ホバー時に浮かぶエフェクトがとってもリアルなスクリプト | コリス フィード](/thumbnail/306242.png)
ホバー時に浮かぶエフェクトがとってもリアルなスクリプトをAdrian Pelletierから紹介します。Create a Realistic Hover Effect With jQuery demoデモはReflection（鏡面反射）とShadow（影）の二種類があり、それぞれホバーして浮かん... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/07/10 13:10:05 coliss.com |
Silverback Giveaway一見、背景画像をCSSかJavaScriptで配置したように見えますが、CSSで普通に配置されたソリューションです。テキストやリストが画像に重ならないように、marginを設定します。HTMLContest Details...the introductory... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/07/08 17:10:19 coliss.com |
POPで商品をオススメしよう！ [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/07/06 13:10:21 pop-it.jp |
タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」2009年06月16日jQuery TOOLS - The missing UI library for the Web タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/06/16 21:10:01 phpspot.org |
JavaScriptで複雑なデータ視覚化のためのライブラリ「JavaScript InfoVis Toolkit」2009年06月10日JavaScript InfoVis Toolkit - Interactive Data Visualizations for the Web JavaScri... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/06/10 21:10:02 phpspot.org |
![[JS]リキッドレイアウト上のカラムの幅や数を自動調整するスクリプト -Smart Columns | コリス フィード](/thumbnail/293136.png)
表示されたブラウザの幅に合わせて、ぴったりになるようにカラムの幅や数を自動調整するスクリプトをSoh Tanakaから紹介します。Smart Columns w/ CSS & jQuerydemoリキッ [...] [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/06/02 13:10:09 coliss.com |