[B! ajax] m_insolenceのブックマーク

m_insolence id:m_insolence

ajaxに関するm_insolenceのブックマーク (17)

CSS Nite公式サイト - 「CSS」だけでなく、Web制作全般に関するトピックを取り上げるセミナーイベント
セミナー開催情報 CSS Nite以外のセミナーへのお問い合わせは、それぞれのイベントの主催者までお願いします。 #朝までディレクションとかプロジェクトマネジメント（進行管理）、コンテンツプランニング（企画設計）、コミュニケーション（対人折衝）にわたるクリエイティブワークにおける『ディレクション』をテーマに23人の現役ディレクターが、持ち時間10分で話します。開催日：2024年6月14日[金] オンライン詳しく見る
m_insolence 2009/05/22
ajax

css

web制作

イベント
リンク
本当はすごい、知られざるGoogle Maps APIたち!!
﹁商業利用もOK！ Google Mapsについて知りたいこと﹂に続くGoogle Mapsインタビューの後編は、数多く存在するGoogle Maps関連のAPIや機能のうち、あまり知られていないものや新しいものをグーグルのソフトウェアエンジニア、淺川浩紀さんに聞いた。 Code Playgroundでオンライン編集まずは、即効性のあるものからいこう。 Googleが持つ多くのAPIは、Webブラウザ上からJavaScriptによって呼び出せる。JavaScriptはコンパイルの手順なしに書けば実行できるので手軽である。しかし、だからAPIを試すのも簡単だとは限らない。例えば、Google MapsAPIなら正しいGoogle MapsAPIキーを用意したり、適切な文書にプログラムを埋め込んだりする作業を行い、それをWebブラウザで開かねばならない。
m_insolence 2009/05/22
ajax

Google

web制作
リンク
PHPとAjaxを使ったリアルタイム値チェック機能付きコンタクトフォーム「LightForm」:phpspot開発日誌
Web-kreation - LightForm ::: Free Ajax/PHP Contact Form PHPとAjaxを使ったリアルタイム値チェック機能付きコンタクトフォーム﹁LightForm﹂。クールなフォームのＵＩに加えて、入力値がおかしい場合のリアルタイムエラー表示を行ってくれるPHPとAjaxのプログラムが入手できます。 UIがクールなフォームになってます入力チェックの機能。たとえば、名前を1文字入力して次にいくと、最低で3文字必要だというエラーが次のように表示されます。メールアドレスが間違っている場合もちゃんとチェックしてくれますメンテナンスされていない点には注意ですが、なかなか使えるプログラムなので改変してサイト構築に活用すれば手間を大幅に削減できそうです。関連エントリ JavaScriptでHTMLフォームの劇的ビフォアアフター﹁Jqtransf orm
m_insolence 2009/05/14
ajax

php

tips

web制作
リンク
[CSS]半透明のパネルを使ったドロップダウン型ナビゲーションのスタイルシート
スクリプト無しで、tableで配置したコンテンツをドロップダウン型のナビゲーションのパネルに表示するスタイルシートをCSSplayから紹介します。 Professional - drop down table menu demoパネルの透過処理は、IE6にも対応しています。対応ブラウザは、IE6, IE7, IE8, Firefox, Opera, Safari(PC) and Google Chromeとのことです。 IE8での動作は、IE7のエミュレーションモードではありません。
m_insolence 2009/05/11
css

ajax

web制作

tips
リンク
selectボックスの中身は「jSelect」を活用してサーバで管理する開発方法:phpspot開発日誌
Plugin JQuery jSelect - Demonstration selectボックスの中身は﹁jSelect﹂を活用してサーバで管理する開発方法。これまで select の組み立てはサーバ側でPHPなんかでループさせて行うのが当たり前と思っていました。 jSelect を使えば、XMLやJSON、配列等のフォーマットからなるデータをajaxで読み取ってselect ボックスを簡単に動的に作成できます。 JavaScriptで動的に作った方がよいケースも多そうなので、導入できそうな部分は取り入れたほうがよいかも。ということで、jSelect とそのメリットをご紹介。 jselect は、たとえば、次のようなHTMLがあったとします <select name="test"> <optoin>loading.... </select> で、$('#test').jselect({
m_insolence 2009/05/07
「JSONやXMLでデータを返すAPIさえあれば、自由にselectの中身を書き換えられる」使う場面が浮かばないなぁ…

ajax

jQuery

javascript

tips
リンク
The jQuery Style - Awesome sites built with jQuery
Captcha security check jquerystyle.com is for sale Please prove you're not a robot View Price Processing
m_insolence 2009/04/28
まとめ

javascript

jQuery

ajax

web制作
リンク
CSSでクールにデザインされた階層ドロップダウンボックス実装jQueryプラグイン「mcDropdown」:phpspot開発日誌
Giva Labs - mcDropdown jQuery Plug-in | Giva CSSでクールにデザインされた階層ドロップダウンボックス実装jQueryプラグイン﹁mcDropdown﹂。一見なんの変哲もないドロップダウンですが、﹁▼﹂のボタンをクリックして驚き。次のようなCSSでスタイルされたカッコいいドロップダウンが出現します。階層が深いメニューであっても、普通のcomboボックスに比べて非常に分かりやすく作ることが出来ます。 CSSでレイアウトを調整できるというのはいいですね。しかも、このドロップダウン、自由入力にも対応しており、﹁a﹂を入力したところ、補完候補をサジェストしてくれます。 JavaScriptも駆使されて実現されたこの機能ですが、うまく使えばサイトのナビゲーションを分かりやすくすることが可能かもしれません。ドロップダウン関連エントリ HTMLだけで
m_insolence 2009/04/28
web制作

デザイン

ajax

css

javascript

jQuery
リンク
わずか2KBで直感的に使えるタブインタフェース実装用jQueryプラグイン「idTabs」:phpspot開発日誌
idTabs わずか2KBで直感的に使えるタブインタフェース実装用jQueryプラグイン「idTabs」以下のようなHTMLを簡単にタブ化できるみたいです <ul class="idTabs"> <li><a href="#aaa">Tab 1</a></li> <li><a href="#bbb">Tab 2</a></li> </ul> <div id="aaa">This is tab 1</div> <div id="bbb">This is tab 2</div> UL要素の中にリストを定義してあるのがタブ部分で、<div>部分が該当ページ部分です。 1ページ内に全部のデータを収めることも出来るところもいいですね。関連エントリタブ機能付きパーソナライズドホームページ『Netvibes』多数のタブをグループ化して管理できる「TooManyTabs」
m_insolence 2009/04/27
ajax

javascript

jQuery

web制作
リンク
jQueryの可能性を知りたいなら・・・『jQuerySTYLE』 | 100SHIKI
最近はよくjQueryを使うのだが、他の人がどんな風に使っているかに興味がある。もしあなたが同じように思っているならjQuerySTYLEが参考になるだろう。このサイト、jQueryが使われているサイトのギャラリーである。また、それぞれのサイトでjQueryのどの機能（Ajaxだとかナビゲーションだとか）が使われているかもアイコンで一目でわかるようになっている。自分の興味にあわせて覗いてみるといいだろう。自分が使っているものを他の人がどう使っているか。そんなことに気づかせてくれるこうしたサイトはいいですね。
m_insolence 2009/04/27
jQuery

ajax

まとめ
リンク
jQueryのサンプルTOP10 – creamu
MyPHPDuniaというサイトで、jQueryのサンプルTOP10がまとまっています。かなり使えるものばかりな感じですね。 » スライドタブボックス » Appleのサイトで使われているようなメニュー » 画像をズーム » 画像の上にスライドするキャプション » メニューの背景にスライドする画像 » タブで画像を切り替える » メニューにフェード効果 » アコーディオンメニュー » タブによるコンテンツ切り替え » タブメニュー詳しくは以下からどうぞ。ソースコードもダウンロードできますね。 » Top 10 Jquery Examples with Live Demosわいわいと飲み会。超たのしかったぞ。
m_insolence 2009/04/22
ajax

javascript

jQuery

tips
リンク
Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」:phpspot開発日誌
Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」 2009年04月20日- Firediff - In Case of Stairs Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」。これは欲しかった！という機能がついにリリースされました。インストールにはFirebug1.4が必要で、Firebug1.4a17以降が推奨されています。 Firebug1.4のダウンロードはこちらから可能です。まず、インストールすると、次のように、FirebugにChangesタブが表示されます。で、実際どうやって使えるか？見てみましょう。 (1) DOMインスペクタをいじった結果をDIFF たとえば、DOMインスペクタの中で、要素を編集してみます。 2009年4月16日を2009年にしてみました。す
m_insolence 2009/04/20
*あとで

ajax

javascript

アドオン
リンク
jQuery入門（その1）（1/7）：CodeZine
はじめに実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptやHTML DOMを扱う際に必要な正規化を提供してくれます。私はJavaScriptの初心者と
m_insolence 2009/04/06
ajax

jQuery

javascript

まとめ

プログラミング
リンク
メンテナンスフリー！郵便番号から住所を返すライブラリ·ajaxzip3 MOONGIFT
Webシステムを開発している中で郵便番号を入力したら自動的に住所を補完して欲しいという要望は多々ある。実装はそれほど難しいものではない。厄介なのはメンテナンスだろう。市区町村の統廃合によってデータが変わった場合の対応だ。郵便番号から住所に変換する便利なライブラリ郵便局から配布されているCSVを都度取り込むという方法もあるが、非常に面倒だ。そこで使ってみたいのがajaxzip3だ。今回紹介するオープンソース・ソフトウェアはajaxzip3、Ajaxを使って住所を取得するライブラリだ。 ajaxzip3の面白い所はライブラリをGoogle Code上にアップロードしてそのまま利用できてしまう点だ。規約上どうなのかという問題はあるが、そのまま使うと自分でメンテナンスする必要が全くなくなってしまう。自分のサーバであってもajaxzip3を外部のSubversionリポジトリからアップロードす
m_insolence 2009/03/27
ajax

javascript

API
リンク
8のjQueryのすごいTIPS
8のjQueryのすごいTIPS 原文‥8 awesome JQuery tips and tricks 微妙なTIPSもあるのですが、役に立つのもあるのでご紹介。 target="_blank" のリンクの作成XHTML 1.0 Strict ではtarget=blank属性が利用できない。そこでjQueryを利用して別ウィンドウを開く方法を紹介しよう。 $('a[@rel$='external']').click(function(){ this.target = "_blank"; }); <a href="http://www.lepinskidesign.com.br/" rel="external">lepinskidesign.com.br</a> [to-R補足] 実際に利用する際はjavascript部分を$(function(){...})などで包む必要があります。[
m_insolence 2009/03/19
web制作

javascript

ajax

tips

まとめ
リンク
プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)
サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。そこで、一層、﹁すべてのプログラマはWebデザイナーになればいいんじゃね？﹂と思った。今回は、私の実体験に基づき、﹁プログラマが1ヶ月でWebデザイナーに転身する方法﹂というのを考えてみた。 ■　HTML,CSSを覚えようまず、HTMLとCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている
m_insolence 2009/03/18
web制作

ajax

css

javascript

photoshop

ユーザビリティ

まとめ
リンク
http://e0166nt.com/blog-entry-590.html
m_insolence 2009/03/12
*あとで

プログラミング

ajax

php

javascript

web制作
リンク
Aptanaで始めるJavaScriptライブラリ「jQuery」超入門
JavaScriptライブラリ﹁jQuery﹂とは？最近、Flashの代わりにJavaScriptを利用してリッチなデザインのWebサイトを構築する事例が増えてきました。特にグーグルのサービスは、JavaScriptをうまく取り入れている例として誰もがご存じでしょう。例えばGoogleマップは、Webブラウザ上でマウスをドラッグ＆ドロップするだけで、地図を自由に操作できます。このような操作感は、まるでWebサイトであることを意識させない作りになっています。本来、JavaScript自体はインターネットが広まり始めたころから存在していて、決して目新しい技術ではないのですが、Webブラウザの種類やバージョンによって挙動が異なることから、JavaScriptを使って大掛かりな仕組みを作ることは不可能だと考えられてきました。しかし、最近ではWebブラウザは自動的にバージョンアップされるよう
m_insolence 2009/03/03
プログラミング

javascript

ajax
リンク
1