Foresight.js was originally introduced when the first iPad with Retina display was announced in 2012. It helped solve the problem of providing the optimal image for the device, with the goal to decrease image loading time, and to not waste bandwidth. Since then however, the picture element has been working its way through the standards and is actively being implemented by browsers. It's recommende
少しのコードで実装可能な15のスマートフォンサイト用小技集スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい! スマートフォンサイト用小技集 目次いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントを iPhone などに切り替えてご覧ください! 横幅をデバイスの幅にあわせる文字サイズの自動調整をオフリストのクリック(タップ)範囲を広げる画面の幅にあわせて CSS を変えるリンクテキストのある Div 全体をクリック(タップ
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 以前ご紹介した、HTML5製のWebサイト 向けUIフレームワーク・Kendo UIの モバイル版に触ってみたついでに 日本語化してサンプルにしました。 まだベータ版みたいなので、実用 段階では無さそうですが。 Kendo UIのモバイル版です。去年の夏くらいに記事書いたので合わせてご参照頂ければ幸いです。 タッチデバイス対応、HTML5で構築したWebサイト向けのUI用フレームワーク・Kendo UI 選択肢はずいぶん増えてきましたが、これもその一つという事で・・・jQueryベースで動作しますので、JQMの代替として覚えておいてもいいんじゃないでしょうか。 基本的には有償版の販売がビジネスモデルみたいですが、OSSとしてGPLライセンスで配布されています。モバイ
第二届低空经济气象前沿科技研讨会在合肥举办——学院教师展示创新... 2025-09-09 我校研究生在第二十届中国研究生电子设计竞赛全国总决赛中斩获佳绩 2025-08-24 我院项目团队赴合肥参加首届气象经济博览会高校交流专场 2025-07-30 williamhill中国官方网站研究生赴新加坡参加第22届亚洲大洋洲地学年会 2025-07-30 信息与通信工程学科召开博士点申报工作调研推进会 new 2025-12-05 我校学子在2025年全国FPGA创新竞赛中斩获12项大奖 创历史新高 new 2025-12-04 校长何建新为williamhill中国官方网站(大气探测学院)2023级本科生讲授《形势... 2025-11-28 四川省第三届“岷山杯”射频微波电路设计竞赛在我校举行 2025-11-22
Insights Welcome to the Vodori blog, where it's our pleasure to provide you with insights across the categories of marketing, strategy, development, engineering, and culture. With some mobile web app projects coming up at Vodori, I cleaned up Phantom Limb, a mobile web dev utility. Phantom Limb does just one thing: It fires a corresponding touch event for each mouse event on the page. Now you can
Androidを爆発し隊・投げ捨て隊に所属するみなさん、 ますますスマホ戦線が活発化する中いかがお過ごしでしょうか。 スマホといえばiPhoneがその美しいデザインでこれぞスマホ!という概念を決定的に印象づけた 3〜4インチ前後のタッチパネルのものが主流ですが、 テンキーとか十字キーとかがついている狂った機種をお忘れじゃありませんか? 狂気の007SH ぱっと見ガラケーなのに中身はAndroid。 画面はタッチパネル対応だから触ればタッチイベントが発生する。 007SHはソフトバンクから出てるものですが、シャープはauやdocomoにもテンキー付きAQUOS PHONEを出してます。なんてことしやがる。 私はこのデバイスに触れて初めてスマホをへし折りたいと思いました。 幸い今の会社はテスト端末が豊富なのでスマケー()も実機で見る事が出来たんですが、 手元に無ければこんな機種絶対頭から抜け落
Create mobile websites & webapps with a native look-alike in no time. You don't need to have any HTML5, CSS3 or Javascript skills. iUI supports iOS, Android, Rim OS6, MeeGo, Bada, WebOS, ... smartphones and tablets. Most recent desktop browsers are ok too! Create multi-column navigation menus for your tablet users. Works on iPad, and also most Android tablets.
来月はキャプテン・アメリカ見るし、気が付いたら年中アメコミ映画を見ているminamiです。 来月にはまた大きな発表がいろいろありそうなiPhone界隈ですが、iPhoneサイトのコーディングをする際につまづいてきたポイントを挙げてみました。 [HTML] input type="file"は使えない 画像をアップするコンテンツだからフォームに input type="file" を・・・と考えがちですが、iPhone版のSafariでは使用不可です。 [HTML] <meta name="viewport" content="user-scalable=no">が効かない 最近ハマったポイントです。ユーザーに画面の拡大をさせなくすることができるviewportのuser-scalableプロパティですが、本体のアクセシビリティ設定で「ズーム機能」をオンにしているとバッチリ拡大できてしまいま
iPhone4は解像度が高いので、画像を切り替えないと、もやっとする。 【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】 | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話 Retinaディスプレイに画像を最適化させるのって意外とめんどいよね! という現実に打ちのめされたので、まとめてみます。 によると ぜんぶ高解像度の画像にする → 3Gで表示が重いかも 画像を2種類つくって切り替える → 画像の数が多いとひとつひとつCSS指定するのが辛すぎる 画像はスケーラブルなデータ形式で用意する → 次に作るときはそうしよう…… 画像はそもそも使わないデザインにする → 次に作るときはそうしよう…… ということで決定打はなさそうな感じ。 でも、画像の切り替えって USER_AGENT 見て mod_rewrite で
CSS Nite LP, Disk 13 repriseフォローアップ(6)外村さん 記事公開日:2011年6月 3日(金) 2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集(1)iPhone/iPad編」のフォローアップとして、外村 和仁さん(ピクセルグリッド)の『Web制作のノウハウでつくるiPhoneアプリ』のスライドと音声をシェアします。 スライド(Safari、Google Chromeなどでご覧ください) 音声(MP3、32:17、31.0MB) CSS Nite LP, Disk 13 repriseは、2011年1月22日に開催したCSS Nite LP, Disk 13「スマートフォン特集(1)iPhone/iPad編」の再演版です。 続編のLP16:Android編を6月18日に開催します。 メッセ
CSS Nite LP, Disk 13フォローアップ(8)比留間 和也さん 記事公開日:2011年6月 3日(金) 2011年1月22日、ベルサール九段で開催したCSS Nite LP, Disk 13「スマートフォン特集(1)iPhone/iPad編」のフォローアップとして、比留間 和也さん(カヤック)の『教科書には出てこない!? iPhone のUIトリック表現』のスライドと音声をシェアします。 スライド 音声(MP3、43:40、21.0MB) 続編のLP16:Android編を6月18日に開催します。 メッセージ 参加されたみなさん、長い時間お疲れさまでした。アンケートを拝見させて頂きましたが、これから作るぞ!というような熱意にあふれた意見が見受けられてとてもうれしく思っています。 一点、OTONATIC中でスライド中でアプリケーションキャッシュを使ってオフライン機能を実装してい
The overflow:scroll for mobile webkit. Project started because webkit for iPhone does not provide a native way to scroll content inside a fixed size (width/height) div. So basically it was impossible to have a fixed header/footer and a scrolling central area. Until now. This script has been superseded by iScroll 4. This page is kept for historical reasons. Get the Script Screencast Live Demo Publi
× I’m Andy Clarke and this is my studio, Stuff & Nonsense, where ideas meet design, and websites don’t follow rules, they write them. For over 25 years, I’ve helped push web design beyond trends and templates. I’ve written books that shaped the industry and worked with businesses from global names to tiny independents. Some of my clients Who I’ve worked with Disney Store UK Greenpeace Poland Nozom
API なんて全部覚えられない えーっと、今年は絶対ロックフィッシュを攻めに行くと意気込んでいる、僕です。(釣りの話です) さてさてみなさん、Titanium の API って覚えてます?僕は全然覚えてないです(^o^)ノ まぁもちろんよく使う、Titanium.UI とかはある程度覚えてますけどね~。でもやっぱりちょこちょこリファレンスをカンニングしないとだめですね。そこで役に立つのがエディタのコード補完機能です。でも、もともと Titanium のコーディングをエディタが考慮していることはまずありません。Titanium studio は別ですが、まだ Titanium studio は使えたもんじry ということで、各種エディタでコード補完ができるようにする記事をまとめました。 Komodo Edit 僕も愛用の Komodo Edit です。最新は 6.1 です。メニューが日本語
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く