タグ タッチデバイス
人気順 5 users 10 users 50 users 500 users 1000 users[JS]ユーザーが快適に操作できることにこだわった、タッチデバイスにも対応のスライダーを実装するスクリプト -Flickity | コリス
2015/01/29
241 users
コリス
スライダー
スクリプト
ユーザー
デモページ: ナビゲーション Flickityの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシートを外部ファイルとして記述します。 ※jQueryのプラグインとして利用する時は、jquery.jsを加えます。 <head> ... <link rel="stylesheet" href="/path/to/flickity.css" media="screen"> <script ... 続きを読む
タブレット向けWebデザインのノウハウ40選 ―― 第1章 タブレットの機能を知る | Web担当者Forum
2014/03/03
158 users
Web担当者Forum
特性
タブレット
Web担トップ
機能
Web担トップ « 編集記事一覧 « タブレット向けWebデザインのノウハウ40選 « タブレット向けWebデザインのノウハウ40選 ―― 第1章 タブレットの機能を知る ««タブレット向けWebデザインのノウハウ40選 連載タブレット向けWebデザインのノウハウ40選 タブレット向けWebデザインのノウハウ40選 ―― 第1章 タブレットの機能を知る 「タッチデバイスの特性」「タブレットとPCと... 続きを読む
2014年これからのウェブ制作業界の流れ、伸びる職種、ウェブデザインのトレンドなどのまとめ | コリス
2014/01/20
618 users
レスポンシブ
コリス
ウェブデザイン
切り口
共感
数多くのブログで2014年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 キーワードとしては、スマフォ・タブレットなどの小さいサイズのタッチデバイス、レスポンシブ（特に画像）、HTML5/CSS3、ビッグデータ、リスク管理が注目されています。 2014年、ウェブ制作業界全体の流れ ウェブデザインの2014年のトレンド 2014年に大き... 続きを読む
[JS]チェックしておきたいjQueryのプラグインのまとめ -2013年3・4月 | コリス
2013/04/21
291 users
jQuery
lightbox
コリス
キャプション
補足説明
紹介済みから未紹介のものまで、最近リリースされたjQueryのプラグインをまとめました。 Intro.js ページのガイドを表示します。 Chardin.js オーバーレイでページの補足説明を表示します。 HCaptions 画像ホバーでさまざまなアニメーションでキャプションを表示。 SuperBox レスポンシブ対応で画像を拡大表示します、Lightboxの進化形。 tosrus タッチデバイス... 続きを読む
Modern UI のようなフラットデザインを目指して使いづらくなっている件について ｜ Developers.IO
2013/04/14
370 users
Developers.IO
Modern UI
iOS
一線
Windows 8 がリリースされてだいぶ日が経ちました。最大の特徴と言ってもよい Modern UI *1。モバイル端末をはじめとしたタッチデバイスに特化した大きめのタイル（ボタン）とタイポグラフィが一際目を引くデザインで、OS X や iOS のそれとは一線を画しています。 一方の Android。2011年2月にバージョン3.0である Honeycomb がリリースされ、それまでの 2.x ... 続きを読む
スマフォやタブレットに最適なナビゲーションの考察 -見た目のレスポンシブではなく操作性で！ | コリス
2012/11/08
206 users
コリス
レスポンシブ
ナビゲーション
各デバイス
考察
スマートフォン、タブレット、ラップトップタイプのタブレットなど、タッチデバイスに最適なナビゲーションの考察を紹介します。 単に見た目のレスポンシブではなく、操作性を考慮したレスポンシブです。 Responsive Navigation: Optimizing for Touch Across Devices 下記は各ポイントを意訳したものです。 各デバイスのサイズ 各デバイスのタッチ方法 タッチデ... 続きを読む
タッチデバイスに適したMetro UIのスタイルを使ったTwitter Bootstrapベースのフレームワーク -BootMetro | コリス
2012/10/02
112 users
BootMetro
コリス
フレームワーク
Metro UI
Archive by month 2012年10月 (7) 2012年9月 (49) 2012年8月 (59) 2012年7月 (65) 2012年6月 (57) 2012年5月 (37) 2012年4月 (40) 2012年3月 (39) 2012年2月 (41) 2012年1月 (32) 2011年12月 (37) 2011年11月 (40) 2011年10月 (45) 2011年9月 (52... 続きを読む
[JS]キャプションのアニメーションがかっこよすぎ、スマフォもIEも対応のコンテンツスライダー -iView Slider | コリス
2012/07/24
287 users
コリス
jQuery
キャプション
スライダー
iframe
画像だけでなく、動画やiframe, HTMLコンテンツにも対応し、レスポンシブレイアウトやタッチデバイスもサポートしたスライダーをHTML5ベースで実装するjQueryのプラグインを紹介します。 iView Slider (jQuery) iView Sliderの特徴 iView Sliderのデモ iView Sliderの使い方 iView Sliderの特徴 iViewはキャプションやサ... 続きを読む
jQuery UIをタッチデバイスに対応させるためのライブラリ・jQuery UI Touch Punch - かちびと.net
2012/04/28
167 users
jQuery UI
net
iPhone
リサイズ
備忘録
jQuery UIをタッチデバイスに対応させる ライブラリ・jQuery UI Touch Punchの ご紹介です。いつか使うかも、と思った ので備忘録。これを見て、そういやスマ フォでjQuery UIを試したことが無いこと に気が付いた次第です・・ jQuery UIのドラッグとかリサイズとかソートとかをiPhoneなどに対応させるためのライブラリです。そういやjQuery UIはタッチデバ... 続きを読む
習慣になるまでの UI と操作の変化 : could
2012/04/03
166 users
could
違和感
価値観
使い勝手
アプリ
UIプロセス 習慣になるまでの UI と操作の変化 タッチデバイスの操作が習慣化されている人とそうでない人では使い勝手の価値観が異なります。新しい価値や操作感を提供するアプリになればなるほど、先進的ではない親しみやすさを作りだすことが、使いやすさに繋がるでしょう。 タッチしてもらうための第一歩 タッチデバイスへの違和感や不安をもっている方はまだ少なくないと思います。 毎日の生活に登場するタッチデバ... 続きを読む
jQueryやHTML5を使ってiPhoneやiPad向け電子書籍を作成する為のフレームワーク・Laker - かちびと.net
2011/05/06
403 users
iPhone
jQuery
ワーク
iPad
フレーム
iPadや、iPhoneなどのタッチデバイス の普及で、個人的にも電子書籍への 関心がかなり高まりました。そんな中、 割と良さそうな電子書籍専用のフレーム ワークがあったのでメモがてらご紹介。 こういうの覚えておくと重宝しそうですね。 なかなか動きが良かったです。ただ読むだけの電子書籍ではなく、HTML5やjQueryを使って、より「電子」らしく表現出来ると楽しそうですね。 Laker HTML5... 続きを読む
iPadはわれわれのママにぴったりのデバイスだ！
2010/01/31
136 users
われわれ
デバイス
iPad
ママ
デベロッパー
編集部注：この記事はEthan Nicholasの寄稿。 Nicholasは100万ドルを稼いだiPhoneゲーム、iShootと最近リリースされたKim Rhode’s Outdoor Shootingのデベロッパーだ。彼はiPadが話題になる以前から次に開発するゲームはタッチデバイスを念頭において デザインすると決めていた。 インターネットというのは面白い場所だ。AppleがiPadを発表した... 続きを読む