IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになりますが↑にするための解決法が書かれています 2. 横に並べたいリストが階段状になってしまう IEの場合以下のようになってしまいますがこの解決法も記載されています 3. ダブルマージンフロートバグ マージンの指定が期待通りに出ている例 ↓ IEの場合、margin: 30px 0 0 30px;  で定義した値が正しく適用されない例も解決法があります 4. heightの高さ指定が効かないバグ height:2px を指定した場合の想定する表示 IEはなぜか2pxにならないのでこれも解決法が示されて

Thomas Fuchs, author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus. Thomas Fuchs氏が6 easy things you can do to improve your JavaScript runtime performanceにおいてJavaScriptの実行パフォーマンスを改善するための6つのテクニックを紹介している。Thomas Fuchs氏はscript.aculo.usの開発者であるとともにPrototypeコアチームのメンバーも務めている。またRuby on Railsでコアチームで開発を担当していたこともある。 JavaScriptエンジン

jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。 フェードしながらスライドするjQueryプラグイン　デモ jQuery ListMenu Plugin　デモ 大量のアイテムもすっきりとリストにできます。 Sliding login panel with jQuery 　デモ ログインフォームもおしゃれに。常に表示しておく必要はないですよね。アニメーション付きでぶらさがってくるこんなプラグインはいかがですか。 create a better jQuery stylesheet switcher　デモ スタイルシートをjqueryで切り替えるプ

ケータイデザインで出来ること出来ないことがまとめられた記事「携帯サイト（html）の制作に入る前に確認しておきたいチェック項目」 Tweet 2009/10/30 金曜日 matsui Posted in デザイン, 記事紹介・リンク | 1 Comment » 良エントリーがありましたのでご紹介します。 ケータイデザインで出来ること出来ないことがキレイにまとめられた「携帯サイト（html）の制作に入る前に確認しておきたいチェック項目」というエントリーです。 →　これからゆっくり考L　携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 [sakaki0214.com] ケータイサイトでは、どうしても実現しづらいデザインというものがあります。 このエントリーでは、ケータイで表現できないようなデザイン案をもらわないように、デザインファイルをもらった時にバーッと見てチェックすべき

「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ

携帯mixiアプリアクセス殺到(Yahoo!ニュース) によると、モバイル版もリリースされたmixiアプリがとても熱いようですね。 ということで色々、mixiアプリの収益化のチャンスや開発方法などの現状について調べてみました。 収益化のチャンス mixi アプリを作ることで、mixiのPVもあがるわけですが、開発者にも収益化やメリットがありますね。 以下に3つのメリットをまとめてみました。 (1) 自分のサイトへの誘導 mixi に集まる大量のトラフィックを自分のサイトにも誘導することで収益化のチャンスがあります。 実際に「外部サイトに誘導するための手順」としてその方法が提供されていますね。 (2) PVによって収益を得るアドプログラム 1PV 0.01円がもらえるみたいです。10万PVで1000円ですが、ユーザ数を考えると可能性を感じますね。 ヒットアプリになると100万ユーザとかになる

ここのところ「iPhoneアプリのUIの大半（ひょっとしたらアプリすべて）をHTML+JavaScript+CSSで作ることはできないか？」に挑戦している私。 そのためにまずは部品作りからとりかかっているのだが、昨日から今日にかけて作ったのは、プログレス・バー、スライダー、トグルスイッチなどの「連続値・不連続値」を表示・入力用UIコントロールをウェブページ上で実現するためのJavaScriptライブラリ。 見た目（Look&Feel）はCSSを使って自由に指定できるように作りつつ、シンプルでありながらいろいろな場面で使い回しがきくライブラリを作りたかったので、何度もリファクタリングを繰り返してしまったが、なんとか形になってきた。 ということで、そのライブラリ（jTouchControl version 0.10）を使ったiPhone風トグルスイッチを公開。一応、Safari (4.0),

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

MVC 設計について考えていたときに、ちょうどその辺りの話をされている方々が居たので、今の考えをまとめてみました。 目次 前提 肥大化するコントローラを避ける ビジネスロジックをどこに書けば良いのか コントローラとモデルの間にもう一つの層があるとうまくいく？ まとめ 前提対象は Web アプリケーションで、画面数（ビューの数）は数個〜100個程度の規模です。WordPress、Twitter、37signals のサービスのようなものを作ろうとするとき、どういう MVC 設計をしていくかについて考えます。巨大なシステム、金融系システム、基幹系システムなどを作る場合とは異なる考え方もあると思います（そもそも MVC を使わない、など）。 肥大化するコントローラを避ける例えば、八百屋さんで「６０円で仕入れたリンゴ１つを１００円で売った」こと（Sales Transaction）を記録する場合を

IE6/7/8で異なるCSSの対応状況をCSS2.1, CSS3ごとにまとめたチートシートをTutorial Feedから紹介します。 Visual Cheat Sheet: CSS Compatiblity with Internet Explorer 6, 7 and 8 ダウンロードできるチートシートはGIF版とPDF版があり、下記のようにシンプルでスマートなスタイルのため印刷して常備しておくとよいかもしれません。

ケータイ3キャリアに対応するためのDOCTYPE宣言について Tweet 2009/10/14 水曜日 matsui Posted in 全キャリア対応, 記事紹介・リンク | 11 Comments » XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。 先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイトも触れてみようと思います。 下記2つのサイトでは、どちらもif文でユーザエージェントを判定して、DOCTYPEを出し分けるという処理を紹介しています。 →　ma-san.org　携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法 [ma-san.org] →　ある人のぼやき　携帯サイトのDOCTYPE分岐方法 [d.hatena.ne.jp] DOCTYPE宣言とは

サイト内検索 html5doctor ( http://html5doctor.com/ )とは、Richard Clark 氏、Bruce Lawson 氏、Jack Osborne 氏、Mike Robinson 氏、Remy Sharp 氏、Tom Leadbetter 氏といった HTML5 に関して著名な方々が共同で運営しているサイトです。<html>5doctor は、HTML5 を使おうとする人に、さまざまなリソースを提供することを目的として運営されているサイトです。このサイトで掲載されている記事は、HTML5 を習得する上で、非常に有益なものばかりです。特に、マークアップに関する記事が充実しています。 HTML5.JP では、html5doctor の許可を頂き、記事アーカイブの日本語訳を掲載しましたので、ぜひ、HTML5 の理解にお役立てください。 一部、直訳ではなく意訳

弊社業務状況のご案内 2020年7月から弊社はフレックスタイム制による毎日の出社勤務体制としていますが、状況により在宅勤務体制に変更する場合もあります。 なお、オフィスは宅配便や郵便物等の受け取りは可能です(10:00〜17:00)。 Pickup2020/04/05 Windows WPF用カラーモード編集ツールのリリース 話題のダークモードアプリ開発に向けたツールを開発しています。 ダークモードに関するデザイン情報を含めてのご案内です。 開く

フリーランスのモバイルウェブディレクターがウェブやモバイルの話題を独自の視点で紹介情報処理推進機構(IPA)が、Webブラウザ間の互換性をチェックできるツール｢Pirka'r｣をリリースしたそうです。 Windows Vista/XP、Mac OS X 10.5、Ubuntu 9.04、SUSE Linux Enterprise Server 10で利用が可能とのこと。オープンソースソフトウェアなので、無料で使えます。 Webサイトを制作する上で必須なのが、ブラウザにおける互換性ですよね。IEだろうがFxだろうがSafariであろうが、どのブラウザでも同じ表示、挙動をさせなければいけません。 この｢Pirika'r｣を使うことで、これら主要ブラウザの互換性をチェックすることが出来るんですね。それだけじゃなく、さらには修正方法まで教えてくれちゃうという優れものだそうです。 ただ、

こんにちは。中村です。 symfonyを使ってモバイルサイトを作るときにやったことを思い出しながら少し紹介しようと思います。symfonyといってもバージョンは1.0系です。最新のsymfonyでは勝手が違うかもしれませんのでご了承ください。 docomoの場合はURLにセッションIDを埋め込む iモードブラウザ2.0ではないdocomo端末はCookieに対応していないため、セッションを利用する場合にはセッションIDをURLに埋め込む必要があります。これについては解決方法がいろいろありそうですが、私の場合、sfMySQLSessionStorageを利用しようとしたところ親クラスのsfSessionStorageがsession.use_cookiesの値でCookieを使うかどうかを決定していたため、initializeメソッドを継承して分岐を入れることにしました。iniの設定をUse

CSS3の新しいプロパティで、Firefox, Safari, Chromeなど現在のブラウザで実装を実現できるスタイルシートのチュートリアルをWeb Designer Depotから紹介します。

ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」 2009年09月14日- ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」。 CSS の記述の単純化 PHPでUserAgentを解析し、<html> に class を振ってしまうことで、CSSの指定が次のように楽になります。 /* IEのみに適用 */ .ie body { background-color: yellow } /* IE7のみに適用 */ .ie7 body { background-color: orange } /* geckoベースのブラウザのみに適用 */ .gecko body { background-color: gray } 使い方 (1) 必要なPHPファイルをインク

HTML5やCSS3のチートシート色々がまとまっているエントリのご紹介。 今後、沢山出てきそうですが、入門としてチラッと見ておくと移行がしやすそうですね。 リンク先は以下を参照してください。 HTML 5 And CSS3 Cheat Sheets Collection 関連エントリ CSS3とHTML5のマストハブなチュートリアル＆リソース集７０ HTML5のCanvasで動く超クールなデモページ ブラウザのCSS3、HTML5絡みの対応が一発で分かるようにできるライブラリ「Modernizr」 HTML5.JP - 次世代HTML標準 HTML5情報サイト

このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと

Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryで作るmp3ミュージックプレーヤー » jQuery form plugin jQueryで非同期通信のフォームを実装 » easyDrag jQuery plugin 簡単にコンテンツをドラッグ&ドロップできるようにするプラグイン » jQuery accordion plugin – vertical 垂直方向のアコーディオンメニュー » Switch stylesheets with jQuery

Code Archive Skip to content Google About Google Privacy Terms

Google I/Oの基調講演で大きく取り上げられて以来、HTML 5に対する注目度は増すばかりだ。仕様に関する議論もWHATWGのメーリングリストで日々活発に行われ、ブラウザによる実装も着々と進んでいる。 本記事は、HTML 5の仕様や実装状況に関する現時点での最新レポートとして、実際に動作するサンプルを添えた詳細な解説をお届けするものである。HTML 5の仕様はまだまだ流動的であり、実装状況も刻一刻と変化しているが、HTML 5に対して強く興味を持っている方々に少しでも詳しい情報をお届けできれば幸いである。また、HTML 5で追加される各種の新機能について短時間で把握したい場合は、「5分で把握するHTML 5 - Google Developer Dayセッションリポート」という記事があるのでそちらもお薦めだ。 本特集は全2回から成り、前半となる今回では「HTML5 - HTMLとX

せっかくコンテンツを作っても、リンクがユーザにクリックされず、内容を見てもらえない、という悩みをお持ちのWEBマスターの方は多いのではないでしょうか。 今回は、携帯サイトでユーザを次ページに導くためのテクニックをご紹介します。 筆者がユーザビリティテスト（ユーザ行動観察調査）を通して得た実感として、携帯サイトの方がパソコンサイトよりも次ページへの誘導が難しいという印象があります。ある携帯の有料会員制サイトでは、「ユーザはいつも利用しているリンク以外はほとんどクリックしない」というユーザ行動が見られました。 理由として、携帯サイトは 読み込みが遅い隙間時間に利用される場合が多く、利用時間が短いパケット代がかかる などが考えられます。 そのため、携帯サイトでユーザを次ページに誘導するためには、パソコンサイト以上に誘導方法を意識する必要があります。以下、ユーザビリティテスト（ユーザ行動観察調査）

こんばんは、五十川です。 ご存知の通り、5月以降に発売開始されたNTTドコモの携帯電話の殆どには、新しいiモードブラウザ 2.0が搭載されています。iモードブラウザの大幅な仕様の拡張はi-XHTMLの登場以来ということになりますが、iモードの登場から10年経って登場した新しいブラウザは、i-XHTMLのときよりも遥かに大きな、過去最大の変化を遂げています。 iモードブラウザ 2.0の詳細は、ドコモ公式のiモードブラウザ 2.0にまとめられています。以下では主要な変更点を確認していこうと思います。 キャッシュ容量拡大 1画面あたり読み込めるデータの最大量が、従来の100Kバイトから500Kバイトに、大幅に拡大されました。ご存知の通りiモードの場合この値は、画像などの外部リソースもすべてひっくるめた値ですが、iモードブラウザ 2.0では、新たにCSSファイルやJavaScriptファイルも外部

ホバー時に浮かぶエフェクトがとってもリアルなスクリプトをAdrian Pelletierから紹介します。 Create a Realistic Hover Effect With jQuery demo デモはReflection（鏡面反射）とShadow（影）の二種類があり、それぞれホバーして浮かんだ際、鏡面反射と影が距離に合わせてサイズが変わります。 スクリプトのベースにはjQueryが使用されているため、実装にはjquery.jsが必要です。

iPhone 3.0の緯度経度API @ iPod touch iPhone 3.0だと、Safariで経度緯度が取得できるんですね。物凄く羨ましいなぁ。携帯電話を買い替えられるモノならば買い替えたいです。 これってiPod touchでも使えるんですかね。座標を取得する為のリクエストの見ると、わざわざtype=gps5としているので、他のタイプが存在すると言う事ですよね。Wifiの情報を使った位置情報も取得できたりするのかな。 iPhone3.0の緯度経度APIを用いて移動履歴をマップに反映 - PHP,MySQL,Flexな日々＋イラストとか >>関連リンク

自分なんぞがオブジェクト指向とはなんぞと語るなんておこがましく、「オブジェクトっぽい話」でいいかなーと思っていたのですが、ブックマークするときに「オブジェクト」でタグ付けてる人がいたので、これはいかんと思い、こっそりタイトルを直しました。 2回目の今回は、複数のインスタンスをまとめて操作する方法について書きます。 まんじゅうマネージャー 前回、クラス作ってインスタンスを作ると便利だというところで終わりましたが、便利な点としてはまず、「複数のインスタンスをまとめて操作したり、作ったりできることができる」という点があります。どういうことかというと、とりあえず、以下のサンプルを見てみてください。 まんじゅうマネージャーサンプル まんじゅうを一気に作ったり、隠したりすることができます。 これで賞味期限が切れたりしても大丈夫なはずです。 この機能を作れと言われたら、前回の知識だけは結構厳しいのではな

All your standard libraries will be assimilated into our JavaScript collective. Resistance is futile. Welcome to Locutus, where the boundaries of coding languages blur. We’re a dedicated collective developers on a mission to explore the possibilities of porting standard libraries from various programming language (Go, Ruby, PHP, C) to JavaScript. Our journey is one of discovery, innovation, and so

授業スライド Sbaw090519View more presentations from Atsushi Tadokro. スライドをダウンロード (PDF形式) スクリーン表示用 印刷用 サンプルファイル 授業で説明したファイルは下記からダウンロードしてください sbaw090519_sample.zip

てっきり 「もうやらなくてもいい昔のコーディング規約」かと。まずは詳細なフローチャートを作成し、上司のレビューをうけてからコーディングに入ること。変数の型が分かるように、変数名の先頭にはintならI、クラスならCのように決められた文字から始めること変更した部分はコメントアウトして残すこと。メソッド名や変数名を変更する場合には変更許可申請書を提出し、上司の印鑑を貰うこと。ええ、もちろん大昔の話ですよ？ Re:てっきり このお題を見て、てっきりFortranの桁揃えのことかと。メインフレームメーカーは7桁目に縦線の入ったコーディング用紙を供給していましたね。フローチャートのテンプレートも供給していた。当時は富士通を使っていたので、FACOMってロゴ入りだった。FACOMのFortranのテキストにFortranの歌も載っていたな。おおブレネリの替え歌。 ヤーッフォーッフォートランランランてやつ

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年にしてみました。 す

iPhone アプリのローカライズです。現在作成しているアプリのヘルプ画面は HTML で作成しています。CSS とか img タグとか使用してデザインできるので自分としては楽です。 Resource に作成した HTMLファイルを入れておき、その HTML で使用する画像も Resouce に入れておきます。HTML をUIWevView に表示するには下記のようにします。 NSString* path=[[NSBundle mainBundle] pathForResource:@"help" ofType:@"html"]; NSURL* url=[NSURL fileURLWithPath:path]; [webView loadRequest:[NSURLRequest requestWithURL:url]]; 画像を表示したいときには同じ階層なら下記で表示できます。 <img

iPhone Dev Sessions: How To Make An Orientation-Aware Clock iPhone上で動くデジタル時計作成チュートリアルが公開されています。 次のような、カッコいいデジタル時計の作り方がキャプチャつきでわかりやすく解説されているみたいです。 この手のチュートリアルも一杯でてくれば、iPhoneアプリ開発の敷居もより低くなっていきそうですね。 私もいつかチャレンジして生活を楽にするアプリでも作れればなぁと思う次第です。

This domain may be for sale!

モバイルに関するユーザ動向・意識を調査した無料のデータ資料「Mobile User Book 2009」 Tweet 2009/3/11 水曜日 matsui Posted in 記事紹介・リンク | 1 Comment » 株式会社アイ・エム・ジェイのサイトに、過去1年にわたってユーザ動向及びユーザの意識を調査した計10本のレポートが、PDFの形で無料掲載されています。 →　IMJモバイル　「Mobile User Book 2009」過去1年間の調査データを集約 [imjmobile.co.jp] →　Mobile User Book 2009　PDF資料 [imjmobile.co.jp] この資料に載っている調査内容は次の通りです。 携帯サイトフィルタリングサービスに関する意識調査 企業のモバイルサイトへの取り組み実態及び意識調査 モバイルキャンペーンに関する意識調査 携帯画面のカ

タモリ流豚のしょうが焼き (『タモリ倶楽部』の「台所で呑む 最終章？タモさん料理」で紹介された新解釈生姜焼き) セルフインフォ とは? このキーワードの内容に関わる方が 書いたキーワード（記事）です。 詳しくはヘルプをご覧ください。 我が家で欠かすことのでいない調味料にエバラの「定食屋さんの生姜焼のたれ」があります。ええ、もちろんしょうがを摺って、「ちゃんとした」しょうが焼きも作れますよ。でも、朝の時間のないときに短時間でお弁当を作る上で、このエバラくんの偉大さは絶大！これまでどれだけ助けられたことか・・・。 で、今日の朝ですよ！奥さん、毎度の如し、しょうが焼きを作ろうとしたら、なんということでしょう･･･！切らしちゃってたんです。少し、いつもよりも時間に余裕があったんで、タモリ倶楽部で紹介されチェックだけはしていた「セオリーを覆すタモリ流豚のしょうが焼き」にチャレンジした次第です

namespacedotjs - Google Code JavaScriptで名前空間が使えるようになる「namespace.js」。 Namespace('hogehoge') で名前空間を定義する。次のように使えるみたい。 Namespace('foo.bar'); foo.bar.myFunction = function() {}; Namespace('com.example', { MyClass: function() { return {}; } }); var obj = new com.example.MyClass(); Namespace.use('com.example.MyClass'); var obj2 = new MyClass(); // include com/example/RemoteClass.js Namespace.include('com

最近では携帯サイトはXHTMLで作るようになってきていますが、 そこで指定すべきコンテンツMIMEタイプはどのようにしなければならないか。 これはこのブログや書籍をご購入いただいた方はすでにご存じかと思いますが、 ドコモの仕様に合わせて「application/xhtml+xml」を指定するということでした。 再度説明するとドコモがXHTMLモードになる条件は ①サーバーが出力するHTTPヘッダーを「application/xhtml+xml」とする。 ②metaタグの「content」を「application/xhtml+xml」とする。 ことでした。しかし、この方法では、 1. 古い機種によってはエラーになってしまう可能性があること。 2. auやソフトバンクはMIMEタイプを「text/html」としてもXHTMLで動作すること。 3. 「application/xhtml+xml

みなさんは携帯サイトの会員登録を行う際に以下のような経験はありませんか？ ・入力エラーが発生した。 ・次ページの読み込み中に接続不良となった。 弊社のユーザ行動観察調査では、会員登録時に上のような状況に直面すると、多くの人が会員登録をあきらめてしまう様子が観察されています。 今回はこのようなトラブル発生を防ぎ、「離脱されないフォーム」を実現する上で重要となるポイントを２つご紹介します。 フォーム入力例を適切な位置に配置する フォーム内の各項目に入力例を明示することでエラー発生を防ぎます。ごくごく当たり前のことですが、PCサイトに比べてコンテンツスペースが少ないことを理由に、携帯サイトでは「入力例が省略されたフォーム」が多く見受けられます。 また、入力例の配置にも注意が必要です。たとえ入力例が配置されているフォームであっても、下図の左側のように入力欄の下に配置しているものは十分と言えません。

CSSの「background-positionプロパティ」の値の指定方法で 各社どのように対応するか詳しく挙動を調べてみたのでメモ。 CSSセレクタbackground-position設定方法ドコモauSoftBankキーワード指定 (left center)×○○パーセント指定 (33% 50%)×○○合成形の指定 (33% center)××○キーワード省略形 (bottom)×○○パーセント省略形 (30px)×○○※background-positionプロパティはauとソフトバンクのみに対応（ただし、使えるタグが限られる） ※画像はbackground-imageで指定するが、ドコモではbodyタグのみ。 ソース例 <body style="background:url(./image.gif) no-repeat; background-position:30px;"> <

携帯サイト用inputフィールドのデフォルトIME設定を3キャリア共通で得る関数を作ってみました。 特段、素晴らしいものでもないけれど、作ったのでシェアです。 前提としてUserAgentの判別をしておく必要があります。 $attr = mobileform("hiragana", "docomo"); // istyle="1" が返る $attr = mobileform("alphabet", "au"); // format="a" が返る $attr = mobileform("numeric", "softbank"); // mode="numeric" が返る <input type="text" $attr> のように出力すれば、3キャリアごとに違うinput属性を作ってくれるというもの。softbankがhiragana,alphabetなどになっていて一番分かりやすか

カラースキームの作成、フォントの作成・選択、画像編集などウェブデザイナーの作業を助ける12のオンラインツールをSix Revisionsから紹介します。 12 Useful Web Tools for Designers

Best of 2008 - JavaScript | Design Shack 2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。 どれも非常に便利でサイト構築に役立ってくれるでしょう。 sIFR Lite Javascriptでテキスト文字列を綺麗な画像にしてくれるライブラリ。 画像部分にはFlashを採用している。検索クローラーフレンドリ。 <h3>How is this different than the original sIFR?</h3> ↓ DD_belatedPNG IE6でも透過PNGに簡単に対応させられるライブラリ The EqualHeights jQuery Plugin 異なる高さのブロックを統一してくれるライブラリ ↓ DD_roundies 角丸の簡単実現ライブラリ jQuery.popeye ポップアップではなく、サイト

jsCron, portando Cron a Javascript | aNieto2K これは面白い！JavaScriptでcron実行「jsCron」 0 10 * * * コマンド の形式で実行できるcronですが、JavaScriptで特定の関数をcron形式で実行できるようにしたライブラリが公開されました。 サンプルコードは次のようになっています。 // 実行する関数定義 function hola() { alert("Hola"); } // cron設定 jsCron.set("35 17 * * * hola()"); 訪問者が訪れた時刻によって処理を変えたい場合など、なかなか使えそうですね。 関連エントリ JavaScriptでページスライダー用ライブラリいろいろ Extバリの超クールなUIを提供するJavaScriptライブラリ「Jx Library」 使えるJav

ようやく自作アプリが出来てきたので、iPod touch に転送して実機テストをしてみました。その際に結構手順が面倒で忘れそうなのでメモしておきます。 証明書の作成を申請する 証明書を作成するにはアップルに証明書の申請ファイルを送らないといけない。その申請ファイルの作成にはキーチェーンアクセスを使用します。キーチェーンアクセスを起動して、メニューの「キーチェーンアクセス」>「証明書アシスタント」>「認証局に証明書を要求」を選択します。 証明書情報に ADC に登録したメールアドレスと名前（コモンネーム）を入力。メールで送信はしないので CA のメールアドレスは空白。「ディスクに保存」と「鍵ペア情報を指定」にチェックを入れる。

Apple – Support – Discussions – Determining a Shake with the … iPhone/iPod touch を振ったときの動作を検知する方法です。 setUpdateInterval でチェック間隔を指定して、accelerometer メソッドの violence で感度を指定します。設定を色々変えて実際に iPhone/iPod touch を振ってみてアプリに合った設定を探す感じですね。 - (void)viewDidLoad { [super viewDidLoad]; [[UIAccelerometer sharedAccelerometer] setUpdateInterval:(1.0/15)]; [[UIAccelerometer sharedAccelerometer] setDelegate:self]; } - (

豊富な画像とサンプルコード付きでiPhoneアプリ開発の解説をしているブログ記事「iPhoneアプリを作ってみよう」 Tweet 2008/12/17 水曜日 matsui Posted in iPhone | 1 Comment » 先日ネットをさまよっていて見つけました。 豊富なサンプルコード付きで、iPhoneネイティブアプリ開発の解説をしているブログがありましたのでご紹介します。 →　もとまかのiPhone・iPod touch戯れ日記　トップ [d.hatena.ne.jp] →　iPhoneアプリを作ってみよう：目次エントリー [d.hatena.ne.jp] 第１回　じゃんけんゲーム 第２回　自分専用ブラウザ 第３回　タイマーアプリ という感じでテーマを決め、それらの開発をチュートリアル式に解説していっています。 画面キャプチャも多く、サンプルコードも書かれているため、大変わ

昨日のUIScrollView でスクロールさせるに少し追加して UIScrollView をピンチイン、ピンチアウトで拡大縮小する方法です。 ScrollViewController.m の scrollView の設定をしている部分に以下を追加。拡大率と縮小率の指定です。 scrollView.maximumZoomScale = 4.0; scrollView.minimumZoomScale = 0.4; 同じくScrollViewController.m に以下のメソッドを追加。拡大縮小する UIImageView を return すればいい。 - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView { return myImage; } これだけでピンチイン、アウトが可能です。 関連する投稿 [iPh

ケータイFlashの仕様が詳細にまとめられた記事「ざっくり解説 – Flash Liteの仕様」 Tweet 2008/12/16 火曜日 matsui Posted in Flash | No Comments » 昨日に続きFlash Liteネタです。 ThinkITに、Flash Liteに関する記事が掲載されていましたのでご紹介します。 →　ThinkIT　Flash Liteマスターに聞く！　第1回：ざっくり解説 – Flash Liteの仕様 [thinkit.jp] Flash Liteマスターに聞くという形で、各キャリアや端末世代ごとの仕様や機能について詳細にまとめられています。 最近出たばかりのFlash Lite 3.1についても触れられていますので、非常に参考になりますね。 著者の岡田さんは、あのNikeのモバイルサイトの作成に関わっていた方のようです。 Nikeの

JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){

16 Useful .htaccess Tricks and Hacks For Web Developers : Online Marketing Blog - Website Development & Website Marketing tips and Strategies .htaccessで使える16の技が色々と紹介されていました。 1. ErrorDocumentでエラーページ指定の方法 ErrorDocument 401 /error/401.php ErrorDocument 403 /error/403.php ErrorDocument 404 /error/404.php ErrorDocument 500 /error/500.php 2. Timezone設定 SetEnv TZ America/Houston 3. IPブロッキング allow from al

James Luterek jQueryベースのOS風インタフェースを作った方がいるみたい。 デモを見る ソースを見て色々参考に出来る部分がありそうです。 関連エントリ jQueryを速攻マスターしたい方におすすめの「jQuery Selectors」 HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン jQueryでリッチなグリッドを実装「jqGrid」 JavaScriptで小さくて可愛いグラフを作れる「jQuery Sparklines」 ActionScript3でjQuery「as3Query」

以前、ケータイ Flash を中心に、細々と SWF バイナリを読んでいた時期があったのですが、そんなこんななご縁で、FlashLite コンテンツの動的生成(FlashIDEを介さずに、Webアプリケーションサーバ側で、SWF を自動作成する)方法について聞かれることが多いです。なんか、最近になってやけに多くなった気がするので、ちょっと理由を考えてみたのですが、 大半のユーザが FlashLite 対応機種を持つようになった アバター系(キャラとか部屋とか)着せ替え提供サイトが、より高精細(キレイでなめらか)なアニメーション素材を提供できるようになった ケータイでFlashゲームをやる、という文化/リテラシが浸透してきた FlashLite コンテンツは、通信制限や、1URLあたりのファイルサイズ制限などのケータイ特有の制限により、FlashLite 単独で動的なコンテンツにしづらい (

SWFTools is a collection of utilities for working with Adobe Flash files (SWF files). The tool collection includes programs for reading SWF files, combining them, and creating them from other content (like images, sound files, videos or sourcecode). SWFTools is released under the GPL. The current collection is comprised of the programs detailed below: PDF2SWF A PDF to SWF Converter. Generates one

献本はしばしば頂くのですが、献本ついでに著者じきじきに浦和にやってきて「ネタフルでまだ使っていない機能を解説しますよ」とおっしゃるので、思わずお願いしてしまいました。 ということで「Google Analytics完全解説」という本日発売の解説本の著者のお一人から直々に「これは知っておくとお得だなぁ」というTipsを5つお聞きしました！　そんな使い方があるのか！　と驚いたので、ブログにまとめておきたいと思います。 ▼Google Analytics 完全解説 (大型本) 「デフォルト設定のまま使っていませんか？」というのがその主旨だったのですが「はい、デフォルトのままです」というのが、ぼくのGoogle Analyticsの使い方の現状でした。 そこで「より有効に使う五つのTips」というのを教えてもらうことになりました。 新しい機能を使う前に、古いトラッキングコードをブログに埋め込んであ

iPhoneアプリ開発は楽天ビジネスのプロにお任せください！ 次世代モバイルの旗手として今なお注目され続けるiPhone。 iPhone所有者の増加に伴い、iPhoneのアプリケーションは、有料・無料を問わず、世界中のエンジニアや企業により開発され、増え続けています。 遊べるゲームアプリや、業務アプリケーションなど、iPhoneアプリ開発は、全世界をターゲットにした企画・開発を行える、楽天ビジネスのプロにお任せください。

メニュー 閉じる トップページ 人気エントリー PC版はてなブックマークを閲覧 カテゴリー 閉じる 総合 新着 人気 社会 新着 人気 政治・経済 新着 人気 生活・人生 新着 人気 スポーツ 芸能 音楽 新着 人気 科学・学問 新着 人気 コンピュータ・IT 新着 人気 ゲーム・アニメ 新着 人気 おもしろ 新着 人気 ニュース 新着 人気 設定 閉じる 一覧ページ 概要を非表示 タイトルクリックで直接ページを開く リンクを別ページで開く ページ下部で自動ページロード 新しいブックマークの方法、ふるふるブックマークが登場しました。 iPhone を90度傾けて、画面が変わったらもう一度90度傾けて元の位置に戻します。 すると、はてなブックマークへの追加画面が表示され、即座にブックマークすることが可能です。 もちろんこのページも対応しているので、ふるふるブックマークをお試しください。