Nifty Corners This is the original article. The technique has been improved with better browser support and a lot of new features. The new article ha...
『 スクロールバーをつまんでドラッグすると周りのバーも連動して動いて、自分で波形のパターンを変えたりできたらいいなーと無茶振ってみる。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
第6回「Web制作が楽しくなるCSS3/JavaScriptのテクニック50」 2010年01月25日 ブラウザ対応が進み、本格普及が間近となったCSS3。海外ではすでに多くのCSS3を使ったデザインテクニックが公開されている。ここではSmashing Magazineに掲載された「50 Bril... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
1st webdesignerで、CSSとJavaScriptで作るフォームエレメントのチュートリアルがたくさん紹介されています。いくつかご紹介。↑は、Changing Form Input Styles on Focus with jQuery。フォームの中にラベルを表示して、フォーカス時にラベ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
uuAltCSS.js は Webページデザイン を簡単にする JavaScript ライブラリです。 独自のアプローチで、ブラウザ と CSS を切り離し、古いブラウザでも最新の CSS の仕様に基づいたデザインを可能にします。また、WebKit系ブラウザでしか利用できないはずの最先端の機能を、... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
日本最大のポータルサイト「Yahoo！ JAPAN」のトップページがリニューアルしたのは、2008年1月のこと。従来の2カラムから3カラムのレイアウトに変わり、世界各国のYahoo！に合わせる形でデザインも一新されました。同時に行なわれたのが、ユーザーインターフェイス（UI）のリッチ化です。新しい... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
WEBデザイナーやWEB開発者なら一度は苦悩するブラウザの違いによるレイアウトの問題や形式の問題。業務の上で一つの障壁ともなり得ない問題です。今日紹介するのはそんなブラウザ間の表示に対しての問題を解決してくれるjavascriptを集めたエントリー「8 Javascript solutions t... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
多くのウェブサイトやウェブアプリケーションで利用されている「JavaScript」は、プログラマーだけでなくデザイナーにとっても表現力や操作性を高めるうえで重要になっている。JavaScriptはプログラム言語の一種であるため、デザイナーが一から記述するのは難しいが、各種機能を部品としてまとめたラ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]配置済みのリンクにドロップダウンを簡単に追加できるスクリプト | コリス](/thumbnail/251659.png)
ページ内に配置したリンクに、リストで作成したドロップダウン型のナビゲーションを簡単に追加できるスクリプトをDynamic Driveから紹介します。ナビゲーションに追加したデモ配置できるナビゲーションは、オプションで不透明度、ディレイ時間、表示位置を調整することができます。スクリプトの設置方法は、... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
-DLINK- automatic link improver - OOPStudios.com リンクを自動で超分かりやすく修飾してくれるJSライブラリ「DLINK」。 次のように、リンクをJavaScriptで自動で色分け&アイコン付与してくれます。<a>タグにclassを指定する必要もありま... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
メイン2006年03月15日Javascriptで指定のHTML要素を動的に角丸デザインにする方法スポンサード リンク Nifty Corners This is the original article. The technique has been improved with better b... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
シンプルなデザインのTooltip JavaScript （glt.js）2007年6月29日(金) 09:15
ツールチップをさりげなく表示したい場合に便利なのが、シンプルなデザインのGood-Looking Tooltips（GLT）。動作も軽く、コンテンツに導入して、さりげなく表示されるので... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSSとJavaScriptで画像を鏡に反射したようにさせてみる
December 22nd, 2006
web2.0的なデザインの代表のひとつとして、鏡に反射したような写真をよく見つけます。
代表的なサンプルは↓こんなん
こんな感じのデザインをよく見かけますよねぇ。
っちゅうことで、わたくしの... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]既存のフォームをかわいいデザインに変更するスクリプト -Niceforms | コリス](/thumbnail/228923.png)
Niceforms
demo
既存のフォームのデザインを変更するには、下記の手順です。
「niceforms.js」と「niceforms-default.css」を外部ファイルとして記述します。
<form>に「class="niceform"」を記述します。
以上で、フォームのデザインが変更... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フォーム要素のデザインを変更するJavaScript （Niceforms）2007年2月19日(月) 09:40
入力フォームをサイト上のコメント入力欄などに利用する場合がある。しかし、OSやブラウザに依存したデザインが、コンテンツのデザインと合わない場合がある。入力フォームのデザインを変更を可... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Thickbox - One box to rule them all. Thickboxを使えば簡単に画像やHTMLファイルの中身をLightBox風にカッコよくページ内表示できます。画像の場合 必要なCSSファイルとJavaScriptファイルをインクルードした上で、次のように画像タグを<a>... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
通常のスクロールバーデザインはブラウザやOS環境に依存するため、コンテンツデザインに合わない場合があります。コンテンツ内に表示するスクロールバーをCSSでデザインできるようにしてくれるのが、fleXcroll。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 CSS+JavaScriptを使ったフェードアニメーションのフォトシャッフルモジュール 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのH... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
『 Webフォームの見栄えをJavaScript+CSSで美しくする「Niceforms」の最終バージョン。（→解説：http://youmos.com/news/niceforms.html） 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 prototype.jsベースでscript.aculo.usを使い、次のイメージのようなselectボックスを作るライブラリが公開されています。ajaxでoptionsを取得。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)