Green Gecko Designから、divで囲まれたエリアを省スペースに表示し、オリジナル画像を使ったスクロールバーを使用できるスクリプトを紹介します。 MooScroll デモ スクロールバーを形成する画像構 [...]
SexyLightBox - www.coders.me表示法が新しくセクシーなLightBox、その名も「SexyLi...
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』
これは超絶便利そう。あとで使うという意味でメモ的エントリー（といいつつ最近コーディングしていない・・・）。 jQuery Cornerは簡単な記法でさまざまな角丸風エフェクトを実現してくれます。 ↑ まずは基本。 ↑ ちょっと複雑なこんな感じのも。 ↑ 枠の色を変えてみたり。 ↑ 名前タグみたいでいいかも。 なんといっても書き方がシンプルでいいですね。使いやすそうです...
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It [...]
『 alert（）やconfirm（）の代替として使えるLightbox系の擬似ダイアログ・ライブラリ。スライドしながら表示される。要mootools。MITライセンス。 』
『 絵で意味合いを主張するのはいいかもね：FFで動かないのが痛いところ 』
『 CSS、Tips、良くまとまっている、角丸、RSSアイコン、印刷、重複あり 』
『 オンラインで画像を編集。編集できるイメージの最大サイズは5000×5000ピクセル、10MBまで。リサイズ、切り抜き、回転などなど、画像編集が可能。編集後の画像はGIF、JPEG、PDF、PNG、PSD、TIFF形式でダウンロードして保存可 』
『 いろんなツールやwebジェネレーター、ソフトの紹介&解説 webtools/341/スクリーンショットいろいろ 』
JavaScriptでツールチップを表示するライブラリは比較的多く存在する。ライブラリ選択の基準にデザインが重要になってくる。シンプルなデザインの角まるツールチップで使いやすいのがCoolTips。ライブラリも軽量になっている点もうれしい。
『 「CSSとJavaScriptで影付きの角丸ボックス要素を作る。」IEでは表示なし。 』
カラーピッカーを利用してWebシステムなどで利用したい場合に便利なのが、Farbtastic。 jQuery のプラグインとして動作する。WYSIWYG カラーピッカーとして非常に使いやすいインターフェースを表示してくれる。...
Ajaxを駆使したWebサイトは、SEOやアクセシビリティの点で不利だと言われることがある。JavaScriptを無効にすると、一切のコンテンツが表示されなくなってしまうためだ。 しかし、ちょっとした気遣いで問題なく利用するコンテンツを作ることができる。ここでは、そんなテクニックを紹介しよう。 まずは、悪い例を3つ続けて紹介する。 悪例1：JavaScriptで後からコンテンツを...
『 色が一目で分かる 』
多くのソーシャルブックマークサービスにあなたのサイトを対応させたくありませんか？たくさんのブックマーク追加ボタンをまとめたくありませんか？ Add Clipsはいっぱいあるソーシャルブックサイトのブックマーク追加ボタンを1つに統合して、どのソーシャルブックマークを使っているユーザーにも対応できるブックマークボタンを提供するサービスです。( →
※ 画像は公式サイトデモより 最近のWeb開発は単純なタグ構成をCSSを使って装飾していくという形式が多い。確かに開発側にとっても単純な構造は分かりやすく、CSSで見た目を変更できるのはデザインとシステムの分離ができ、効率的だ。 [1] そしてこのソフトウェアはそれをさらに発展させてくれる。 今回紹介するオープンソース・ソフトウェアはMoreCSS、CSSを拡張するJavaScriptラ...
『 これはFacebookでも使われているポップアップ方法のようで、知っている人は知っている、ポップアップの仕方のようです。 』
前回の「CSS3 の target 疑似クラスで脚注を動的に表示する」に引き続き、:target 疑似クラスを使ってスライドショーみたいなんを作ってみた。ひとつの HTML 文書なんだけど、画面が切り替わっていくかのように見せる。ピュア CSS とか言いつつも、前回同様、:target 疑似クラスに未対応な IE でも動くように JavaScript を使っている。純粋に CSS のみで動くのは、Firefox、Safari あたり。Opera...
『 面白いFlashとかスクリプトとか。Amazon検索をミニマムなインターフェースで行うmamazonは便利かも。 』
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)