ウェブの画面設計に使えるまとめ - DesignWalker
デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。
こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery
Ajaxを勉強しよう
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
Aptanaで始めるJavaScriptライブラリ「jQuery」超入門
JavaScriptライブラリ「jQuery」とは？ 最近、Flashの代わりにJavaScriptを利用してリッチなデザインのWebサイトを構築する事例が増えてきました。特にグーグルのサービスは、JavaScriptをうまく取り入れている例として誰もがご存じでしょう。 例えばGoogleマップは、Webブラウザ上でマウスをドラッグ＆ドロップするだけで、地図を自由に操作できます。このような操作感は、まるでWebサイトであることを意識させない作りになっています。 本来、JavaScript自体はインターネットが広まり始めたころから存在していて、決して目新しい技術ではないのですが、Webブラウザの種類やバージョンによって挙動が異なることから、JavaScriptを使って大掛かりな仕組みを作ることは不可能だと考えられてきました。 しかし、最近ではWebブラウザは自動的にバージョンアップされるよう
国产午夜福利不卡在线观看,天天综合久久国产剧情天天碰,国产精选在线观看,中文字幕三级片
国产午夜福利不卡在线观看,天天综合久久国产剧情天天碰,国产精选在线观看,中文字幕三级片,欧美激情小视频在线观看,成年自拍91第二页,欧美综合缴情五月丁香图片,97视频人人看人人做首页,国产激情无码一区二区2020,亚洲日韩欧美精品香蕉网91,女女网天天爱综合
リッチでクールなスケジューラー用ＵＩをJavaScriptで実装できる「dhtmlxScheduler」:phpspot開発日誌
dhtmlxScheduler - Ajax Events Calendar/Scheduler リッチでクールなスケジューラー用ＵＩをJavaScriptで実装できる「dhtmlxScheduler」。 このライブラリを使えば、次のような、Google カレンダーみたいなＵＩを簡単に実装できるみたいです。 しかも、こうしたライブラリにありがちな動作のモッサリ感はなく、非常に高速に動作してくれます。 デモページを見れば分かりますが、ドラッグ＆ドロップでスケジュールを作成できます。 Day, Week, Month タブがついていて、表示形式を切り替えることもできます。 ためしに月表示にしてみると、カレンダーみたいになりました。 これはむちゃくちゃ便利ですね。 ライブラリ自体のサイズも、gzippedで19KBと比較的軽くて、動作自体も高速。応用範囲は広いかもしれません。 ライセンスはGPL
CSSでボタンを綺麗にスタイルするサンプル集:phpspot開発日誌
22 CSS Button Styling Tutorials and Techniques : Speckyboy Design Magazine CSSでボタンを綺麗にスタイルするサンプル集が Speckyboy Design Magazine にて紹介されています。 なんとも美しいボタンのサンプルが色々と紹介されていて、もうボタンデザインに迷うことはないかもしれません。 Submit button should look same everywhere 綺麗なアイコン付きSubmitボタン How to make sexy buttons with CSS 角丸グラデーション付きボタン Scalable CSS Buttons Using PNG and Background Colors 文字を長くしても伸縮するボタン CSS Overlapping Arrow Buttons 階
Illustratorでワイヤーフレームを作成 - WEBデザインの学習法
1.Illustratorでワイヤーフレームを作り、書き出し→ファイルの種類：psd→カラーモード：RGBを選ぶ→レイヤー保持にチェック→アンチエイリアスをオフにする。 2.Photoshopで開くとレイヤーが分かれているので、Ctrl＋クリックで選択してガイドを引くとスナップされる。
ワイヤーフレーム・プロトタイプを作成できるAIRアプリ『FlairBuilder』 – creamu
FlairBuilderというアプリを見つけました。ワイヤーフレームやプロトタイプを作成できるAIRアプリですね。 使ってみた感じ、プロトタイプ寄りですね。コンポーネントをドラッグして、さくさく画面を作っていけます。 アコーディオンメニューなんかもアプリの中で動くから、イメージがつかみやすい感じです。 AIRアプリは入れるのも作るのも面倒そうだなと思っていたけど、AIRさえインストールしていれば（Leopardはプリインストールされてるのかな？）、便利なアプリだったらユーザー的には何でもいいし、作る側からするといきなりOSを選ばずにクロスプラットフォームで作れるのはすごいメリットですよね。 一度見てみてくださいー。 » FlairBuilder 今日は雨ですねー。でもがんばるぞーー。
TOEFL対策スクールナビ
「海外の大学・大学院に行きたい」「海外移住したい」。海外旅行では体験できないリアルな海外での生活を叶えるにはTOEFL等の受験が欠かせません。それらの夢を叶えるにはTOEFLのハイスコアが必要になりますがTOEICや英検と比べIELTSの学習ができるスクールは多くありません。また、ホームページにTOEFL対策コースの案内があっても実際に教えた経験に乏しいスクールは多くどのスクールを選べばいいのか一般の方には判りにくいのが現状です。TOEFL対策スクールナビがあなたの街の一番いいIELTSの対策スクール・塾を紹介します。 TOEFLの対策スクール・塾で学習する理由 TOEFLは英語の４技能「読む」「書く」「話す」「聞く」がそれぞれバランスよく評価される試験です。そのため独学で試験対策を進めた場合「話す」「書く」という自分のアウトプットに対して間違いを指摘し、正しい英語表現を教えてもらうことが
Kaneto’s HP
HTML4.01, XHTML仕様準拠のHTML Editor、ExplorerライクなFTPクライアントなどWelcome! インターネット関連の自作ツールを掲載してます。 基本機能に忠実に、かつ直感的なインターフェースとさくっと動く操作性の実現を目指しています。 リンクフリーです。連絡いただけましたら、リンク返しします。 本サイトの名称およびタイトルが不適切とのご指摘がありますが、開設当時からの歴史およびこの名称でバナーも作っていただいた関係上、恥ずかしながらず〜っと（？）、このままの名称で公開継続です！！ と書いたあと、W3CのValidationしたら、 Tip Of The Day: <title>: the most important element of a quality Web page. ... そうなんだけど ... みなさん、気をつけましょう。 Topics
クオリティの高いフリーXHTML/CSSテンプレート集「Template World!-Free」
TOP > WebDesign > クオリティの高いフリーXHTML/CSSテンプレート集「Template World!-Free」 XHTML/CSSやFLASH、WordPressのデザインテンプレートを制作、販売している「Template World!」が公開しているフリーのテンプレート集が今回紹介する「Free xHTML/CSS Templates 」です。 現在40個のXHTML/CSSテンプレートが公開されていて、元々販売を前提に制作している所だけあって、フリーと言えどもクオリティの高い物が揃っています。いくつか気になった物を下記にピックアップしてみましたのでご覧ください。 詳しくは以下 APPLEWEB シンプルながらもメリハリが効いたビジネス向けテンプレート INTER CRAFT 白く透明感のあるワンカラムのシンプルスタイル NEW RISE 加工した紙が背景
アイデア溢れるロゴデザインのインスピレーション集「36 Clever and Creative logo」
企業や団体のアイデンティティを確立するための一つの重要なデザインとなるロゴデザイン。今日紹介する「36 Clever and Creative logo」はアイデア溢れるロゴデザインを集めたデザイン集です。 Food Writers 全部で36ものクリエイティブなロゴが紹介されていますが、今日はその中からいくつか気になったロゴをピックアップして紹介したいと思います。 詳しくは以下 3. Moo Sleep 7. Foot 18. Twins 30. Eight 上記の他にも沢山のアイデア溢れるロゴが収録されています。ピックアップしている人の趣味趣向にもよるのですが、今回はよく見るとそのロゴマークやタイプの中に企業の業態のシンボルやモチーフが上手くとけ込ませているロゴが中心です。ただこの手法は見る側に気付かせるという部分を与える事で表層的な認知だけではなくて、ひとつ奥に張り込ませることができ
あらゆるサイトのカラーにあうフリーのアイコンがダウンロードできる -Iconza
使用するサイトのデザインにあわせて、カラーの変更が可能なフリーのアイコンがダウンロードできる「Iconza」を紹介します。 Iconza アイコンは、上記キャプチャのようにアイコンのカラーや背景のカラーを変更でき、サイズは32x32, 24x24, 16x16のものがあります。 アイコンは現在のところ90種類あり、ホーム、メール、RSS、検索、アローなど利用頻度の高いものがたくさん揃っています。 アイコンのキャプチャ（クリックで拡大） アイコンのダウンロードは、各アイコンをクリックすると個別にダウンロードでき、まとめてダウンロードする際は下部の「Download all icons」をクリックします。 アイコンは、PNG形式でした。 ライセンスは「Totally free.」となっているので、商用サイトでも利用可です。
[JS]スケジュール管理ができるカレンダーの軽量のスクリプト -dhtmlxScheduler
ブラウザ上で動作する、スケジュール管理ができるカレンダーの軽量（19KB gzipped）のスクリプト「dhtmlxScheduler」を紹介します。 dhtmlxScheduler demo 直感的に操作できるインターフェイスは、AJAXを使用してダイナミックにスケジュールを追加・修正・削除することができます。 日本語の入力を試したところ、文字化けせずに追加できました。 dhtmlxSchedulerは、PHP, Java, ASPなどとデータベースを統合して利用することも可能とのことです。 ライセンスには、下記の3種類があります。 オープンソース ＧＰＬプロジェクトでのみ利用はフリー。 コマーシャルライセンス 商用利用として、1つのプロジェクトで利用可。1ヵ月のサポート付き。 企業ライセンス 会社など、無制限のプロジェクトで利用可。12ヵ月のサポート付き。
これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」:phpspot開発日誌
これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」 2009年05月28日- jQuery Ribbon - Home これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」。 利用すれば、コントロールのグルーピングや、ドロップダウンメニュー、階層リストなどのリッチなコンポーネントが実装できるみたい。 jQuery Ribbonを使ったリッチなＵＩ。Windows7っぽいデザインのＵＩがJavaScriptで。 アイコン付きのかっこいいメニュー 表示しているＵＩのテーマを選べる アイコンつきリスト アイテムのグルーピング ドロップダウンメニュー ちょっとこれは素晴らしいですね・・・。jQueryの優位性がますます高くなってしまいましたね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイ
図を枠内にドラッグしてCAPTCHAするファンシーなCAPTCHA「Ajax Fancy Captcha」:phpspot開発日誌
図を枠内にドラッグしてCAPTCHAするファンシーなCAPTCHA「Ajax Fancy Captcha」 2009年05月26日- Ajax Fancy Captcha - jQuery plugin - WebDesignBeach.com 図を枠内にドラッグしてCAPTCHAするファンシーなCAPTCHA。 その名も「Ajax Fancy Captcha」がソース付きで公開されています。 仕組みとしては、「枠内に鉛筆をドラッグしてください」という表示が出たら「DROP HERE」部分に該当のアイコンをドロップしてスパムかどうか判定するというもの。 PHPとjQueryを使って実装されています。 鉛筆を移動 ここで、submitすれば「Passed」が表示され、認証されたことになります。 captcha の強度は medium とのことでそれ程強いものではないということですが、ソースご
手書きで立体風な味のある英文フォント「bobsmade font」:phpspot開発日誌
図を枠内にドラッグしてCAPTCHAするファンシーなCAPTCHA「Ajax Fancy Captcha」 次の記事 ≫：手書き感がすごくいい感じの有名サイトアイコンセット「Handycons 2」
フリーサンセリフフォント集「Typography – 20+ Quality Free Sans Serif Fonts」
欧文書体の大きな分類の一つサンセリフ系のフォント、セリフフォントと違い、飾りが無くシンプルでPOPなイメージがあるフォントです。今日紹介するのはサンセリフ系のフリーフォントを集めたエントリー「Typography – 20+ Quality Free Sans Serif Fonts」です。 全部で20個のフリーフォントが紹介されていますが、今日はその中から異k通か気になったものを紹介したいと思います。 詳しくは以下 ■Sansation 可愛らしさとPOPさがあるフォントです。 ■Big Noodle Titling 全体的に細長いタイプのフォント。タイトル等に向いているフォントだと思います。 ■Molot カッチリとしていて重量感溢れるフォントです。 ■Layer Cake 何枚も重なって作られたフォント 上記の他にもクリエイティブでクオリティの高いサンセリフフォントが紹介されています
シンプルなWEBデザインばかりを集めたデザイン集「siiimple」
世界各国でWEBは構築されており、今日もどこかで様々なデザインのWEBページが制作されています。今日紹介するのはそんな数あるWEBデザインのなかからシンプルなWEBデザインばかりを集めたデザイン集「siiimple」です。 どれもシンプルで写真と文字、そしてすっきりとスペースを活かしたそんなデザインが多数登録されています 詳しくは以下 ページ自体もシンプルな作りで、WEBページのサムネイルが並べてあるとだけという潔い良い物になっています。現在は100個ほどのWEBページが登録されています。 アバウトのページにはアインシュタインの言葉「Everything should be as simple as it is, but not simpler.(何事も出来得る限り単純化しなければならないが、必要以上に単純化してはならない)」と言う言葉を借りてシンプルということの難しさを伝えています。シン
ジャンル別にCSSのテクニックを収録したTips集「40 Outstanding CSS Techniques And Tutorials」
TOP > WebDesign > ジャンル別にCSSのテクニックを収録したTips集「40 Outstanding CSS Techniques And Tutorials」 WEBを制作するにあたって欠かせない技術の一つCSS。工夫や発想次第で様々な表現が可能ですが、今日紹介するのはCSSを使ったテクニックをジャンル別に紹介するエントリー「40 Outstanding CSS Techniques And Tutorials」です。 Cross Browser Multi-Page Photograph Gallery イメージギャラリー、ナビゲーション、ボタンなどシーンに併せたテクニックが全部で40個紹介されています。今日はその中からいくつか気になったものピックアップして紹介したいと思います。 詳しくは以下 ■How to Style an A to Z Index with
OperaのCEO：「HTML 5でFlashは不要になりつつある」
ウェブブラウザ企業Opera Softwareの最高経営責任者（CEO）であるJon von Tetzchner氏は、「HyperText Markup Language」（HTML）のバージョン5（HTML 5）が、Adobe Systemsの「Flash」技術を大部分において不要なものにするだろうと予想している。 von Tetzchner氏は現地時間5月20日、ZDNet UKの取材に応じ、「オープンなウェブ標準技術は、HTML 5を含め、リッチメディアウェブコンテンツを配信するAdobeのプロプライエタリ技術であるFlashの有効な代替になる」と述べた。 Operaは、AppleやMozillaとともに、2004年よりHTML 5の開発に関わっているウェブブラウザ企業だ。HTML 5の開発作業は、Web Hypertext Application Technology Workin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.hpfruit.net/2009/05/hpf-1676.html
サービス終了のお知らせ
サービス終了のお知らせ
http://e0166nt.com/blog-entry-536.html
一番便利な無料「オンラインストレージ」はどれか（上） インターネット-最新ニュース:IT-PLUS
螺旋デザイン｜はじめてのCSS 下準備：テキストエディタ！
https://jp.techcrunch.com/2009/05/28/20090526topsy-search-launches-retweets-are-the-new-currency-of-the-web/
[CSS]要素をボタン風にスタイリングするスタイルシートのテクニック集