スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
[JS]JS/CSSの管理、ユーザー環境の検出など便利な機能がつまった超軽量スクリプト -Head JS
複数のJSファイルの管理、CSSのサポートが異なるブラウザへの対応、ブラウザとバージョンの自動検出、スクリーンサイズの自動検出など、headで制御したい便利な機能がつまった超軽量（2.3KB）スクリプトを紹介します。 Head JS [ad#ad-2] 下記に、Head JSでできることを簡単に説明します。 詳しい使い方は下記ページで解説されています。 Usage: Head JS 外部JSファイルの読み込み JavaScriptの管理 CSSのサポートが異なるブラウザへの対応 HTML5非対応ブラウザへの対応 スクリーンサイズに合わせた表示 Dynamic CSS CSSを特定のページのみに CSSをブラウザごとに指定 外部JSファイルの読み込み 通常、複数のJavaScriptファイルを外部ファイルとして読み込ませるとブロッキングが生じます。 そのブロッキング解消し複数のファイルを並列
ウェブ自動化をドラッグ＆ドロップで実現する Fake.app
このブログの読者には自動化と聞くだけで心が踊る人が多いはず、ですよね？ ウェブアプリをネイティブアプリのように動作させる Fluid の作者から、ウェブの自動化を簡単にしてくれるMac OS X 用ブラウザ、Fake（発音：フェイク） が発表されていてなかなか興味深いです。 Fake は Automator のように、ブラウザのフォームを入力したり、特定のリンクをクリックしたりといった動作を自動化してくれます。たとえば同じようなフォームを繰り返し入力する必要があるときは Fake ワークフローを作っておくことで一発でフォーム入力を済ませることができます。 Fake ワークフローは Applescript から呼び出すことも可能なので、「ちょっとあのサイトにいって、これらの操作をして、結果を Applescript で処理」といったこともできます。 If 分岐や、エラー処理などもついています
古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない
Google Chromeのスペシャル「about：ページ」全リスト | ライフハッカー・ジャパン
もうGoogle Chromeのアドレスバーに「about:internets」と入力してみた？ ...さすが天下のGoogle様！ なかなかいかしていますよね。そんなユーモラスな仕掛けが仕込まれた新ブラウザですが、読者のnettlemanさんの指摘によると、他にもスペシャル「about：ページ」が用意されているということなんです。いま見つかっているものだけでも、こんな具合。 about:memory about:stats about:network about:internets about:histograms about:dns about:cache about:plugins about:version というわけで、MacやLINUXユーザーのために、以下スクリーンショットを用意しておきましたよ。 以下、すべての画像、クリックで拡大します。 もし、ほかにもGoogle Chr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
