追記: このエントリを投稿してから3日後に Google から AMP が発表されました。AMP は 既存の HTML/CSS/JavaScript の機能を制限することで、ページの表示パフォーマンスを改善するものです。AMP で書かれたページは Google 検索ランキングにおける特典が受けられるといった情報もあります。AMPの実装方法
iOS 9で、Universal Linksという仕組みが導入されます。 WWDC資料: Seamless Linking to Your App - WWDC 2015 - Videos - Apple Developer これまでのURLスキーム・独自ディープリンク実装と機能的に似ていますが、それがAPIとして公式にサポートされ、より良いUXが提供出来るようになる模様です。 Search API(特にWeb Markup API)と同時にiOS 9対応に向けてWeb側で是非対応検討しておいた方が良い事項だと思っています: searchapi - iOS 9の「Search API Best Practices and FAQs」が公開されたので読み解いてみた - Qiita Universal Linksとは? ディープリンク系の技術としてAppleから正式に提供されたもの、という理解
国内最大級のPush通知 解析・配信サービス 10分で カンタン導入! 累計 200億配信 通知速度 150万通/分 導入に関するお問い合わせ
またアニメーション... ボタンなどのUIにGPUアクセラレーションが効いたアニメーションをつけたとき、iOSにおいてはiPhone4か4SのWebViewあたり、Androidにおいては….まぁ機種依存的(げんなり)に、アニメーションの立ち上がりが遅いことがあります。 その辺を調査していたところ、position: relativeの指定による、意図しないレイヤー生成&GPUアクセラレーション巻き込みによって、何かしら合成レイヤー周りでオーバーヘッドが発生してしまっているんではないかな、という憶測に行き着いた次第。今回はその辺りを見ていきます。 GPUアクセラレーションが効いたアニメーションは、CSS Animations、CSS Transitionsのほか、特殊なプロパティ(transform3d: scale(1,1)とか)で強制的にGPUアクセラレーションを効かせたCanvasア
Clicking the “Branch this” button next to a post lets you start your own branch to talk about it. Branching a post is perfect for when you have something to say about someone’s post or want to go on a tangent—without taking the whole conversation off track. Join our beta so you can branch posts, too.
こんなの見つけましたiWebInspector [簡単な使い方] iOSシミュレータを立ち上げる シミュレータ内のSafariで調査したいページを開く iWebInspectorの”Load from Safari”をクリック Page Listingという今見てるページの確認画面が出るので良ければリンクをクリック SafariとかChromeのWebインスペクタに似た画面になるので、色々HTMLとかCSSを調整すると、iOSシミュレータ内のSafariに反映される! 立ち上げるとこんな画面 iOSシミュレータのSafariで適当なページを開く Webインスペクタが表示された! インスペクタでタグを選ぶとシミュレータ内のタグがハイライトされる。 background-colorを変えてみたり、h2タグの中身を変えてみたり 読み込み速度見てみたり ConsoleからJavascript叩いて
ここ見ながらまとめてる http://jsdo.it/GeckoTang/8ldM position: fixed;の実装 overflow: scroll/auto;に対応が1本指でスクロールするようになった -webkit-overflow-scrolling: touch;を指定するとスクロールバーを出せる(ネイティブなスクロールになる) バーが出てた方が動きが滑らか position:fixed;な要素と-webkit-overflow-scrollinを指定している要素が重なった時、z-indexを指定していないとおかしな挙動をする。 z-indexが指定してあれば問題ない模様。 あとは日時に関する入力タイプ(<input type=”datetime”>など)でドラムが出るようになった。 date month time datetime などなど。 valueに値が無いと空っぽ
TabPanelクラスはcardSwitchAnimationプロパティを利用することで、簡単にカード切り替えのアニメーションを作れます。 cubeアニメーションサンプル fadeアニメーションサンプル flipアニメーションサンプル popアニメーションサンプル slideアニメーションサンプル cubeアニメーションを行うJavaScriptは次のとおりです。cardSwitchAnimationプロパティの値に'cube'が指定してあります。 index.js Ext.setup({ onReady: function(){ var cards = [{ title: 'Photo 1', html: 'Photo 1 ', cls: 'card1' }, { title: 'Photo 2', html: 'Photo 2 ', cls: 'card2' }, { title: '
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く