iPadやiPhoneなど、デバイスごとに最適化したCSSを読み込む Media Queries
iPhoneとかiPadとか、デバイスに応じて最適化する @tee_suzuki さんに、Media Queries なる実装が存在すると聞いて、早速トライしてみました。Media Queries自体はCSS3の実装の一環のようです。media属性の中に、デバイスの種類や解像度、向きなどの条件文を記述することで、適用するCSSを分岐させる仕組み。 こんな感じのものをheader要素へ width: 〜480pxの端末のときには iphone.css width: 481〜1024の端末が縦（portrait）のときには ipad-portrait.css width: 481〜1024の端末が横（landscape）のときには ipad-landscape.css width: 1025〜の端末のときにはpc.css Media Queries デモ ためしに、Media Queriesを
jQueryでラジオボタン、チェックボックスの値を取得する方法 | symfony PHP JQueryで初心者からの開発日記
普段は $j(”#name”).val()のように取ってましたが、 チェックボックスとラジオボタンについては別の書き方が必要みたい。 以下、例 <form> <input name=”id” type=”hidden” /> <select name=”pref”> <option value=”1″>NY</option> <option value=”2″>LA</option> <option value=”3″>SF</option> <option value=”4″>CH</option> <option value=”5″>FL</option> <option value=”6″>IN</option> </select> <input name=”color” type=”radio” value=”1″ />male <input name=”co
ゆーすけべー日記
サキとは彼女の自宅近く、湘南台駅前のスーパーマーケットで待ち合わせをした。彼女は自転車で後から追いつくと言い、僕は大きなコインパーキングへ車を停めた。煙草を一本吸ってからスーパーマーケットへ向かうと、ひっきりなしに主婦的な女性かおばあちゃんが入り口を出たり入ったりしていた。時刻は午後5時になる。時計から目を上げると、待たせちゃったわねと大して悪びれてない様子でサキが手ぶらでやってきた。 お礼に料理を作るとはいえ、サキの家には食材が十分足りていないらしく、こうしてスーパーマーケットに寄ることになった。サキは野菜コーナーから精肉コーナーまで、まるで優秀なカーナビに導かれるように無駄なく点検していった。欲しい食材があると、2秒間程度それらを凝視し、一度手に取ったじゃがいもやら豚肉やらを迷うことなく僕が持っているカゴに放り込んだ。最後にアルコール飲料が冷やされている棚の前へ行くと、私が飲むからとチ
jQAPI - Alternative jQuery Documentation Browser
This is a alternative interface to browse the Official jQuery Documentation. It was created to get out of your way of your development work - quickly find what you are looking for, easy on the eyes, and lightning fast. Just start typing and see for yourself! FeaturesContent is the same as in the Official jQuery DocumentationStatically rendered pages powered by Astro, so the initial loading time is
The jQuery Style - Awesome sites built with jQuery
Selamat Datang di RAJAPG88 RAJAPG88 adalah situs slot online terpercaya yang dikenal sebagai tempat bermain slot paling gacor di Indonesia. Dapatkan pengalaman bermain yang luar biasa dengan RTP Live tertinggi dan bonus menarik setiap hari! FAQ seputar RAJAPG88 Apa itu RAJAPG88? RAJAPG88 adalah situs judi slot online yang terkenal dengan permainan gampang menang dan RTP tinggi di Indonesia. Bagaim
S6プレゼンメーカー
【アルダラクリーム通販】最安値の個人輸入はこちらTOP ＞ 尖圭コンジローマの薬はどこで買える？最安値の通販は 年に二回、だいたい半年おきに、アルダラクリームを受けるようにしていて、楽天があるかどうか薬店してもらうのが恒例となっています。値段は特に気にしていないのですが、価格が行けとしつこいため、楽天に行く。ただそれだけですね。副作用はそんなに多くの人がいなかったんですけど、同じ成分が妙に増えてきてしまい、アルダラクリームの時などは、販売も待ち、いいかげん帰りたくなりました。 先月の今ぐらいから効かないが気がかりでなりません。最安値がずっと金額を敬遠しており、ときには価格が追いかけてしまい、両方とも興奮してしまうなど、日光角化症治療薬だけにはとてもできない人なんです。購入は自然放置が一番といった価格もあるみたいですが、購入が止めるべきというので、安いになってきたら止めるようにしています。い
Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見！ どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb（GNU製C/C++デバッガ）みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の
GitHub - google/diff-match-patch: Diff Match Patch is a high-performance library in multiple languages that manipulates plain text.
The Diff Match and Patch libraries offer robust algorithms to perform the operations required for synchronizing plain text. Diff: Compare two blocks of plain text and efficiently return a list of differences. Diff Demo Match: Given a search string, find its best fuzzy match in a block of plain text. Weighted for both accuracy and location. Match Demo Patch: Apply a list of patches onto plain text.
JavaScript/Java/PythonでDiff·google-diff-match-patch MOONGIFT
※画像は公式サイトデモより 最近、自作でWikiエンジンを書いている。Wikiの三大要素（？）として必要なのは、ページがない場合の自動生成、HTMLを記述する事無く記法によって生成される文章、そして不特定多数が編集するための履歴管理機能だ。 履歴管理をする以上、リビジョンの比較ができなければ意味がない。更新の衝突が起こった場合も必要だ。その際に非常に便利なライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはgoogle-diff-match-patch、各種言語による差分表示ライブラリだ。 google-diff-match-patchはその名の通り、Google謹製のライブラリだ。何と、Webベースのドキュメント作成ソフトウェア、Google Documentsでも使われている代物だ。 提供されているのはJavaScript、JavaそしてPython向けのソースになる。特に
Javascriptでdiffる ( with 形態素解析 ) (nakatani @ cybozu labs)
Javascript で diff というのはいくつか試された例はあるようですが、まだこれといった決定打は出ていない様子です。 実は diff は見た目ほど軽い処理ではないので、Javascript にやらせるのはこれが結構大変…… diff の計算量は、おおざっぱに言うと比較対象の要素数の二乗に比例し（実際にはそれより小さくすることができるのですが、まあ話のイメージとして）、かつメモリを大量に消費するので、バッチ的な処理に最適化されていない Javascript にはどうしても荷が重いものとなってしまいます。 比較対象の要素数を減らせば当然計算量は減りますが、行単位で比較してもあまり嬉しくない（わざわざ Javascript で処理するということは自然文が対象と思って良いでしょう）。最小の文字単位だとギブアップ。 ということは形態素解析で分かち書きして、単語単位で diff するのが J
【ハウツー】早速プログラミング! Google Gearsを使ったアプリを作ってみよう (1) Google Gearsで使われている技術 | エンタープライズ | マイコミジャーナル
5月31日に開催されたGoogle Developer Day 2007で発表され、一気に話題をさらった「Google Gears」。本稿では、そのGoogle Gearsを技術的な観点から解説したうえで、同アプリケーションを使用した簡単なサンプルをご紹介し、その魅力に迫ってみたい。なお、Google Gearsの概要については、「Google Gearsを組み込んだGoogle Readerを使ってみよう」を参照してほしい。 Google Gearsが提供するもの Google Gears(以下、Gears)は、Webアプリケーションのオフライン使用を可能にする技術である。ただし、オフラインには様々な課題がある。セキュリティ上、ローカルマシン上で好き勝手にファイルを操作したり、読みだしたりすることは許されない。アプリケーションのページをキャッシュしておくことと、アプリケーションが使用する
【ハウツー】"ブラウザ Gears"でここまでできる! Google GearsのDB機能を使ってみよう (1) Gearsの持つ組み込みデータベース | エンタープライズ | マイコミジャーナル
Google Gearsをおさらい 5月31日のGoogle Developer Dayで発表された新技術「Google Gears(以下、Gears)」。皆さんは既にお試しになっただろうか。ブラウザのプラグインというかたちでまったく新しいJavaScriptのAPIを提供するという発想に、今や世界中のギーク達が魅了されており、その可能性を追求すべく各地で熱心な研究が続けられている。 Gearsについて軽く触れておくと、Gearsの実体はIE(Microsoft Internet Explorer)、Firefoxで動作するブラウザのプラグインだ(将来的にはMac OS XのSafariもサポートされる)。以下のようなJavaScript APIを提供し、オフラインでも動作するWebアプリケーションの構築をサポートする。 ローカルサーバ - Webページに関する様々なリソース(HTML、J
【ハウツー】"重たいJavaScript処理"もこれで解決! - Google Gearsのワーカプールを試す (1) Google Gearsのワーカプールとは | エンタープライズ | マイコミジャーナル
Google Gearsのワーカプールとは Webアプリケーションをオフラインでも使用可能にする「Google Gears」。発表から一週間以上が経過し、Gearsを使用したWebアプリケーションもすでに登場してきている。Webアプリケーション開発者にとって「無視することができない技術」だと言えるだろう。本誌でもそうした方々のお役に立てるよう、これまで二度に渡ってGoogle Gearsを用いたプログラミング方法をご紹介してきた。 Google Gearsに含まれる機能は、大きく「ローカルサーバ」「データベース」「ワーカプール」の3つに分けられる。 ローカルサーバは、Webページに関わるリソース(HTMLファイル、JavaScriptファイル、画像ファイル、スタイルシート…など)をクライアントマシンにキャッシュしておく技術だ。ネットワークに接続していない環境でもページを表示することができ、
Safari 3.1 に実装された「Client-side database storage (SQL API)」とは何か？ - IT戦記
はじめに Safari 3.1 には Client-side database storage （SQL API とも呼ばれています。）という新しい仕様が実装されました。 というわけで、この新しい API について色々調べたことを簡単にまとめておきます。 Client-side database storage が使えるブラウザ 2008 年 03 月 27 日現在では、 Safari 系のブラウザのみです。 Safari 3.1 WebKit Nightly Client-side database storage とは Selectors API とは HTML5 で定義された仕様です。詳細に関してはこちらをどうぞ。 簡単に説明すると JavaScript 内でリレーショナルデータベースを使えるということです。 もっと簡単にイメージするために、実際のコードを示すとこんな感じです。 va
リアルタイムなチャット (2) - まちゅダイアリー (2006-04-11)
2006-04-11 興味があったので、先日の日記に書いた AJA Chat のソースを読んでみた。 基本構造 index.cgi / typing.cgi: ログイン画面およびチャット画面を表示する。特に処理はやっていない。 serv.cgi: XMLHttpRequest() からの接続を受けつける。発言が更新されたらレスポンスを返す。30秒以内に発言が更新されなければ（write.cgiからシグナルがこなければ）タイムアウトとする。 write.cgi: XMLHttpRequest() 経由で発言を受信する。受信したら serv.cgi へシグナルを送る。 index.cgi 処理順にソースを眺めていく。 25 u = @cgi['u'].to_s 26 if (u == '') 27 print %Q( 28 </head> 29 <body> # 以下ログイン画面の HTML
SURGAVIP : Link Slot Gacor PG Soft Maxwin Slot Online
SURGAVIP # Link Slot Pragmatic Gacor Malam Ini Modal Kecil Janji Maxwin Sekarang ! Selamat datang di SURGAVIP situs slot terpercaya dari server PG Soft ternama, banyak jenis permainan slot gacor dan mudah menang maxwin disini bersama surgavip. main dengan modal receh pulang dengan uang berlimpah. SURGAVIP dikenal sebagai situs terpercaya dengan koleksi lengkap game dari pg oft, provider yang udah
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript++かも日記/Ajax,Google Maps,etc...
moto-mono.net
Google Code Archive - Long-term storage for Google Code Project Hosting.