[B! Design][javascript] koroharoのブックマーク

スタイリッシュなフォームを作るときに見るべきエントリまとめ

Form Design フォームデザインさてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。流れ的にはインスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。インスピレーションまずは、スタイリッシュなフォーム。これらは、webデザイン全体がフォームデザインとなっているまとめです。まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。くしゃくしゃっとしたような紙の一部にフォームが設置されている。こちらもメモに名前を書くかのごとく。深海に光がさす感じのイメージ。シンプルイズベストなレイアウト設計がなされている。１，２，３，

koroharo 2009/07/14

リンク

The Lightbox Clones Matrix « planetOzh

This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups

koroharo 2008/04/22

リンク

IE7.js登場 - IEのCSS/HTML非準拠はこれで対応 | エンタープライズ | マイコミジャーナル

Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表示できるようにもなる。 IE7.jsは基本的にMSIE5/6向けに用意されていたライブラリをIE7に対応させたもの。これまでのモジュール構造は廃止され、IE7.jsやIE8.jsといったように個別のファイルに分離されている。ホスティング先もGoogle Codeへ変更された。IE7.jsはサイズも縮小され、圧縮した状態で11KBほど。またbase2.DOMのセレクタエンジンを使うことでより高速に動

koroharo 2008/01/10

IE6や5を、W3Cの標準に準拠させるライブラリ

リンク

使いやすい DHTML ポップアップなどを実現する「DragResize.js」を作りました - WebOS Goodies

本日は、現在製作中のツールの副産物としてできた、 HTML 要素をドラッグ・リサイズするライブラリをご紹介します。 DHTML でポップアップウインドウなどを実現するのに便利です。そんなライブラリいくらでもあるよ！と言われそうですが、けっこう頑張って座標補正などしていて、以下の特徴があります。要素がドキュメントからはみ出さないように補正する。ドラッグ中にスクロールしてもドラッグ位置がずれない。要素が表示領域外に出たときは自動スクロール。 DragResize クラスを除き、グローバルな名前空間を汚染しない。他のライブラリに依存せず、単独で動作する。若干の制限はあるものの、概ねクロスブラウザで動作する。なるべくデスクトップに近い操作性を得られるように工夫したつもりです。とくに利用制限などはありませんので、改変や商用アプリへの組み込みなど、ご自由にお使いください。ただし、動作保証な

koroharo 2007/12/25

リンク

Ext JS - JavaScript Library

The Most Complete JS GridUI ComponentsJavaScript Framework in the World Build robust, high-performance applications with Ext JS and React.

koroharo 2007/12/05

リンク

『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳

タブメニューなにか良いのないかなと思って探していたら、10 Javascript Ajax Tabsというエントリが後々使えそうなのでご紹介しておきます。タブに関するまとめは以下で。 10 Javascript Ajax Tabs とりあえず10のJavaScriptAjaxタブメニューエントリはこちらから。エントリの中でも、以下のメニューが面白かったですね。口で説明するのは難しいですが、タブをクリックすると上下にスライドしながら違う文章を持ってきます。以下からサンプル＆ダウンロード可能タブメニューに関して最近仕事のほうも忙しくなり、なかなか更新できないでいます。そんなわけで、今回のようにタブを紹介するときにまとめて関連する記事を紹介する率も高くなってきました。ピンポイント紹介ではなくなってきていますが、ご愛嬌と言う事でお願いします。 [JS]スムーズに切り替わるタブ型コン