スタイリッシュなフォームを作るときに見るべきエントリまとめ
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 １，２，３，
jQuery/plugin/InnerFade with JQuery - アイデアチップス
InnerFade with JQuery † 概要 フェードインアウト切り替えや、スライドショーを作成する 説明 InnerFadeは、複数の画像、リストアイテム、複数のdivなどを使って、簡単にスライドショーを実現することが出来ます。 ニュースティッカーなどを作ることが可能です。 公式URL http://medienfreunde.com/lab/innerfade/ 宣言 $.innerfade({ animationtype ,speed ,timeout ,type ,containerheight ,runningclass }); パラメータ animationtype アニメーションのタイプ。以下のタイプが使用できる。
【ハウツー】ゼロからはじめるInnerFade - Web画像もテキストも簡単フェードイン/アウト (1) InnerFadeの概要 | パソコン | マイコミジャーナル
InnerFadeは指定された領域を繰り返しフェードイン/フェードアウトさせるライブラリです。InnerFadeはjQueryライブラリのプラグインとして機能します。様々なエレメントに対して利用することができ、使い方も手軽なため便利なライブラリです。 バナーや画像、テキストをフェードしながら切り替えるのはFlashを使ったシーンなどによく見られる手法です。InnerFadeを使えば手軽にフェード処理を行なうことができますし、メンテナンスも楽です。また、見た目の効果も大きいでしょう。 本稿で紹介するInnerFadeサンプルの1つ。指定された領域がフェードイン/アウトしていく 関連ファイルの入手 InnerFadeはInnerFadeのWebサイトからダウンロードできます。 InnerFadeのサイト InnerFade 「jquery.innerfade.zip(118kb)」の文字をクリ
どこでもプロジェクト管理バックログ
有料 契約数 14,000 件以上 ※1 有料利用 ユーザー数 140 万人以上 ※2 サービス 継続率 98.8 % ※3 ※1：2024年9月末時点。 ※2：2024年9月末時点の有料契約内でBacklogを使用している利用者数の合計（契約者に招待されて同一スペースで使用しているユーザーを含む） ※3：2024年9月末時点の有料契約総数に占める解約数を引いた割合。
Yasuhisa Hasegawa
デザイナー。プロセスや仕組化に力を入れています。アプリや web サービスに携わるデザイナーが力を発揮するための環境作りが主な仕事です。
yuga.js :: Kyosuke.jp
yuga.jsって？ ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。 設置方法 まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置します。 yuga.jsを使いたいHTMLファイルのhead要素でjavascriptを読み込みます。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s
スムーズなスライドショーを実現するスクリプト: Recently Ajax
クレジットカード現金化をするために現金化業者を利用したいけど、色々不安だから利用するなら現金化優良店を利用したいと思いますよね。 しかし、「優良店ってどうやって選べばいいの？」と、思っている方がほとんどかと思います。
JavaScriptプログラムメモ｜プログラムメモ
■ parseuri.js http://blog.stevenlevithan.com/archives/parseuri ここからparseuri.jsをダウンロードする。 使い方は parseuri.js を読み込ませた状態で var p = new parseUri(location.href); alert(p.host); とします。 host の代わりに以下の文字列が使用できます source：URI全て protocol：プロトコル（http または https または....） authority：ベーシック認証等のユーザー名、パスワード+ホスト名 userInfo：ベーシック認証等のユーザー名、パスワード user：ユーザー名 password：パスワード host：ホスト名（www.test.com） port：ポート番号 relative：ドキュメントルートからの
[B! javascript] kurobuchiのブックマーク
Online JavaScript/CSS/HTML CompressorThis is a web interface to minify your JavaScript, CSS and HTML. This tool uses UglifyJS 2, Clean-CSS and HTML Minifier. You can easly change the defaults below the textarea. Further ReadingIn my investigation, I discovered coding patterns that prevented YUI Compressor from performing variable name replacement. By modifying or avoiding these coding patterns, yo
まじで使えるJavascriptライブラリ75選 | CREAMU
Javascriptで優れたインターフェースを実装したい。 そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。 以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript
Lytebox - Home
Lytebox is an alternative to the Lightbox class that Lokesh Dhakar originally wrote. Lytebox was written as a self-contained object that eliminats the dependency of prototype.js, effects.js, and scriptaculous.js. Since the original version of Lytebox (which released with iFrame support), major modifications have been made to improve performance as well as Latest Version: Lytebox v3.22 Release Da
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ai Dream – Web System Japan » [XHTML＋CSS] コーディング（マークアップ）の基礎的なスキルを高める
BOS138 - Bandar Game Gacor Asia Mode Spin BarBar Ala Big BOS
Site Under Maintenance
JavaScript++かも日記/Ajax,Google Maps,etc...