[B! スマホ] turusuke_0のブックマーク

JavaScriptのスマホ対応時に知らないと損する16のコト

JavaScriptのスマホ対応時に知らないと損する16のコト：スマホ向けサイト制作で泣かないための秘伝ノウハウ（3）（1/3 ページ）スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、スマホ向けサイトにおけるJavaScriptの4つの主な役割、実装上の3つの注意点、よく使われるOSSライブラリ4選、OS／機種依存事例5選などを紹介しますこんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「HTML5のスマホ対応の基礎知識とハマリどころ3選」では、HTML5に対する対応状況、代表的なHTMLタグに対する依存事例を紹介しました。今回は、KSKの製品「x-fit（クロスフィット）の開発・販売や、実機での

turusuke_0 2013/01/17

スマホ

リンク

メイキング「Birthday Song for ミク | miku-39.jp」こと技術解説 - 甘味志向＠はてな

「初音ミク」というキャラクターが登場して5年。彼女の存在は世界中へと広がり、数の多くの人を魅了してきました。その驚きと感動を盛大に祝ってあげるためのパーティの準備、そんな気持ちでこのミュージックビデオを制作いたしました。 http://miku-39.jp 初音ミク生誕5周年おめでとう！ということで「Birthday Song for ミク | miku-39.jp」というサイトを作りました。せっかくなのでメイキングっぽい技術解説を書いてみたいと思います。とりあえず miku-39.jp とはなんぞやってことなんですが、 Mitchie M ([twitter:@Tukada])さんが作った「Birthday song for ミク」という曲にあわせて Tatsuro Ogata ([twitter:@llcheesell])さんが作ったミュージックビデオにインタラクティブな感じの

turusuke_0 2013/01/09

スマホ

リンク

縦にスワイプしようとした際にはイベントを仕込んだ要素にタッチしてもイベントを発生させない方法 | WebDelog

タイトルになんて書いたらわかりやすいだろうか… って悩んでたら一ヶ月経ってしまいました。嘘ですけど。『縦にスワイプしようとした際にはイベントを仕込んだ要素にタッチしても何も起こさせない方法』どういうこと…？わかりにくくて申し訳ないです…。図に表してみました。縦に長いレイアウトのサイトを見ています。ページ下を見るために下から上へスワイプしますアコーディオンのリスト部分にクリックイベントが仕組んであり、ユーザが予期しない動作をしてしまいました… つまり、スワイプ時にtouchイベントが誤動作するのを防止しますとは言ったもののどうすればいいのでしょうか。少しづつ整理しつつ解決法を探してみましょう‥ 現状の問題点問題解決フロー結果、タッチした瞬間に発火するtouchstartイベントとtouchendイベントを使えばうまく動作させられそうです。実際にどんなコードになるか書いて

turusuke_0 2012/02/16

リンク

davidgoss.co.uk

davidgoss.co.uk 2018 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