モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI
モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI 川田寛（ピクシブ株式会社） こんにちは、ふろしきです！ 私はHTML5 Experts.jpで、過去2年ほどGoogle I/Oの情報を発信し、Web技術の変化についてお伝えしてきました。振り返るとGoogleは、2014年にモバイルWebの提唱と技術要素の拡大を図り、2015年からは「RAIL（モバイルWebが目指すべきパフォーマンス指標）」や「Progressive Web Apps（アプリのように振る舞うWeb）」といった、モバイルとの親和性が高いWebを作り出すための”考え方”を推し進めました。今年2016年は、さらにそれを踏み込んでいったという感じがします。 今回のI/Oで取り上げるのもそのひとつ。毎度お馴染みGoogle Developer A
[JS]スマホもOK！縦長ページやスライダーでコンテンツをさまざまなアニメーションで表示させるスクリプト -pageSwitch
縦長ページで次のコンテンツを表示する時、画像やテキストを配置したコンテンツスライダーで、すぅーとスライドさせたり、ぱたり、くるり、ぐい～んなど、ブラウザいっぱいのコンテンツやパネルをさまざまなアニメーションで表示させるスクリプトを紹介します。 HTMLは非常にシンプルで、スマホやタブレット、古いIEでも動作します。 スマホで、カーテンを引き上げるように表示させるのも簡単です。 pageSwitch -GitHub pageSwitchのデモ pageSwitchの使い方 pageSwitchのデモ pageSwitchは121種類のアニメーションをサポートしており、さまざまな動きをデモページで楽しめます。 下記はブラウザ表示ですが、スマホでもタブレットでもOKです。
![[JS]スマホもOK！縦長ページやスライダーでコンテンツをさまざまなアニメーションで表示させるスクリプト -pageSwitch](https://cdn-ak-scissors.b.st-hatena.com/image/square/fec6bf67d7730443566e7451a2e74cd7133ab866/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016012501.png)
SmartNewsのようなUIを実現するライブラリ3つを比較してみた - アニマネ開発日誌
スマートニュースのようなフリックでページを移動したり、タブをスクロールしてページを選ぶような感じのUI。 最近はかなり増えているので今更な感はありますが、アニマネ の次期バージョンでも導入を検討中です。 一から実装せずともいくつかライブラリがあるようなので、試してみました。 比較したライブラリ はじめにざっくりとした比較表を。 2015年9月前半に比較していたので、今はまた状況が変わっているかも知れません。 あくまで参考程度に見て頂ければと思います。 ※追記 下記のライブラリもオススメです。 言語 ライブラリ 言語 RMPScrollingMenuBarController Objective-C PageMenu Objective-C,Swift PagingMenuController Swift 対応OSバージョン ライブラリ バージョン RMPScrollingMenuBarCo
sadakoa.org
sadakoa.org 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
【UIデザイナー不要説は本当か】現役クリエイターが「UI Crunch」で語った本音とは？
【UIデザイナー不要説は本当か】現役クリエイターが「UI Crunch」で語った本音とは？ 馬場 美由紀（HTML5 Experts.jp編集部） DeNAとGoodpatchの現役クリエイターが中心となって立ち上げられた、UIデザインを追求していくコミュニティ「UI Crunch」。11月27日に開催された第2回目の勉強会のテーマは「UIデザイナー不要説について語る」。 サービスやプロダクトを作る上で大きな差別化要因となっているUIデザイン。とはいえUIデザインに携わるUIデザイナーが、業界や企業において高い評価を受けているわけではない。そんな状況にもやもやした状況からネット上では「UIデザイナー不要論」まで飛び出すことに。「UI Crunch #2」はそのホットな話題「UIデザイナー不要説」について、徹底討論が繰り広げられた。 「UIデザイナー不要説」を書いた真意 最初のスピーカーとし
モバイルデザインパターン第二版の監訳をいたしました
モバイルデザインパターン第2版（オライリージャパン）の監訳をTHE GUILDの深津(fladdict)が担当しました。 モバイルデザインパターン第2版は、2012年に発行された同書の改訂版。名前こそ第2版であるものの、ここ数年のモバイルの進化にあわせて事例や内容を大幅アップデートとなります。文体変更、レイアウト変更、サンプル差し替えと、実質的にほぼ完全リニューアルとなります。 本書は様々なスマホコンテンツで頻出する定番の問題、定番の解決法、そして定番の過ちを体系化し目録化したものです。スマホコンテンツを作成するときに必ずぶつかる壁を一般化することで、問題解決を共有することができます。あなたのぶつかった問題は、誰かがぶつかった問題で、すでに解決策はあるのかもしれません。 以下、本書で扱われる内容と構成のサンプル。 第1章 ナビゲーション アプリケーション全体の遷移や構造について論じます。ス
Codrops | Useful resources and inspiration for creative minds
Codrops Demos Hub Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Stay in the loop: Get your dose of frontend twice a week 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox. Zero fluff, all quality, to make y
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
