This domain may be for sale!
こんにちは。きんくまです。 CSS3アニメーションのこんなコードを書いて、あるエレメントに適用しました。 @-webkit-keyframes flapping { 0% { -webkit-transform:scale(0,0); opacity:1; } 100% { -webkit-transform:scale(1,1); opacity:0; } } でも、iPadでスクロールさせたときに、CSS3 アニメーションが止まってしまい、困ってしまいました。 正確に言うと、0%のキーフレームの位置からそれ以上進まなくなってしまうのです。 ググったところ、こんな感じのページを発見。 >> GPUアクセラレーターが使える環境で強制的に有効にできるCSSの指定方法 CPUからGPUのレンダリングの切り替えのタイミングでsafariがちらつくとのこと。 最初からGPUレンダリングを使えば、そ
政治ったーのiPad版を作って思ったこと 政治ったー iPad専用Webアプリケーションについて 一番伝えたいことは、「作っててスゴク楽しい」ってことです。 政治ったーのiPad版は、大ざっぱに以下のような機能を備えています。据え置きで、横目で政治ツイートをチラ見できる、というのが企画の大半を占めています。手にとって、自分のアカウントからツイートしたりタイムラインを確認したりは、実はオマケ機能。 分類された各種の政治関係タイムラインを閲覧 据え置き型で、自動更新が可能 Google Newsから最新の政治ニュースを自動取得 Twitterと接続して、自分のアカウントからツイート 自分のタイムラインを簡易閲覧 HTML5とCSS3による実装への期待 先回紹介した政治ったーにせよ、個人的にiPad専用Webアプリとして最初にリスペクトしたyubichizにせよ、これからはHTML5とCSS3で
こんにちは。 Web 担当の真谷(シンガイ)です。 前回、疑問編ということで、スマートフォンでなめらかなアニメーションを表現する為に transform:translate3d を使用した場合に、Android では要素によっては不具合が発生する件について書きました。今回はその解決方法をご紹介します。 解決後のサンプル まずは前回の解決後のサンプルをご覧ください。 (move を押下すると テキストフィールドが 70px 移動し、もう一度押下すると戻ります。) 動作確認環境:iPhone / Android 前回確認を行った、Xpelia・Nexus One・Galaxy S 等の Android 端末で確認を行いましたが、フォーカス要素がちゃんと移動後の位置に来ている事を確認できました。 以下が JavaScript の抜粋になります。※要 jQuery if($("#search").
こんにちは!プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。(jQuery Mobile は不要です) iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この3点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く