Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: Ajax

[AJAX] Astounding Ajax/CSS Forms: 30+ Modern Trends , Tips and Techniques – Ajaxフォームまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

もいっちょJSガラみの記事。Ajaxフォームのまとめ記事です。Ajaxを使ったフォームというと、いわゆるページ遷移なしのエラー表示や入力の補完機能がメインですが、他にもパスワードの脆弱性チェッカー、フォーム装飾(パーツ置換)、アップローダーなどがあります。一手間かけたフォーム制作の際に便利なまとめ記事。

[AJAX] Create a Twitter-Like “Load More” Widget – Twitterの“もっと読む”ボタンみたいなのを作る

  • Pocket
  • このエントリーをはてなブックマークに追加

Twitterのメイン画面下の方にある、「もっと読む」のボタンって使いやすいっすよね。画面遷移なしでエントリーが読み込まれて、どんどん追記されるという仕組み。あれのチュートリアルとデモが紹介されてます。なんかこう、CGM系のサイトとか作る際にイイっすねこの仕組み。

[WEB DESIGN] 150 Worth Knowing Web Developer Tools and Techniques – 知っておいて損はない、ウェブデベロッパーのためのテクニック

  • Pocket
  • このエントリーをはてなブックマークに追加

知っておいて損はない、ウェブデベロッパーのための150のテクニック。150という数がスゴいですが、実際この記事ハンパないっす。1記事内の量がスゴいので決して見やすい内容というわけではありませんが、フォント関係、フォーム関係、Lightbox亜種、CSSを使ったTips、JSを使ったTips、スライドショー、表の表現、入力補助、CSSボタン制作のTipsなどなど、ジャンルを問わず盛りだくさんの内容です。全部確認せずとも、斜め読みしてるだけでイイのが見つかりそうな感じ。ウェブデザイナーやコーダーの人にオススメです。

[AJAX] 10 Practical Uses For AJAX – AJAXを使ったよくあるUI表現

  • Pocket
  • このエントリーをはてなブックマークに追加

AJAXを使ったUI表現。わりとよく見る感じのものが多いです。ログインフォームや画像のオーバーレイ表現、入力フォームのオートコンプリート、投票・レーティング、チャットやメッセのサイト内実装、入力ボックス、AJAXとFlashの合わせ技などが紹介されてます。Lightboxあたりは有名で、かつ導入済みのサイトも多いでしょう。フォーム周りは地味にユーザーに喜ばれますね。

[WEB SERVICE] 10 AJAX-based & PHP WebMail Clients For a Great User Experience – Ajaxベースのウェブメールサービス

  • Pocket
  • このエントリーをはてなブックマークに追加

AjaxとPHPをベースにしたウェブメールのサービス10選。ってかウェブメールのサービスってこんなにいっぱいあるんスね。プライベート用のメールはGmailを、仕事関係はMobileMeを使ってて、今んトコそれ以外を使う予定はないんですが、“Great User Experience”とか言われちゃうとグラっときますね。
ところでこの前iPhoneへのプッシュに対応しているってのに惹かれてYmailのアカウントを取ってみたんですが、確かにプッシュしてくれるのはとっても便利。だけどAppleMailなどのメールクライアントから受信できない&転送不可って仕様は不便過ぎる・・・(有料版にするとできるみたいです)。というわけでやっぱり引き続きGmailがメインになりそうです。

[WEB DESIGN] AjaxMail – Ajaxを使った多機能なメールフォーム

  • Pocket
  • このエントリーをはてなブックマークに追加

Ajaxを使った多機能なメールフォーム。サイト内からデモを確認できます。デモへのリンクをクリックすると、lightboxみたいな感じでウィンドウ内ポップアップしますが、これはLightViewを使ったものだそうです。他にも住所検索機能や、細かいアラートが用意されていて、サイト内にメールフォームを用意する際に便利な感じ。