My iPhone 11 is perfectly fine, but the new buttons on the iPhone 16 are compelling
英Canonicalは1月2日(現地時間)、同社Linux OSの「Ubuntu」にスマートフォン向けのインターフェイスを搭載した「Ubuntu for Phones」の提供を開始した。1月8日より米ネバダ州ラスベガスで開催されるCES 2013にてデモストレーションが公開される見込み。 同社のUbuntuをベースにした携帯電話向けのOSで、タッチスクリーンの四端から中央に向けて指をスライドさせることでシステム操作が可能なインターフェイスを採用している点が特徴。これにより、アプリ切り替えや1つ前の画面に戻る、設定の呼び出しやステータスの確認などがシンプルな操作で行える。機能的な特徴としては、コンテンツまでを含む包括的な検索機能に加え、ボイスコントロール、ネイティブまたはWeb/HTML5ベースのアプリが利用可能な点が挙げられる。 低価格端末と「スーパーフォン」と呼ばれるハイエンドの2つの市
jQuery tools scrollableとlightBoxがなかなか同時に動作しませんでしたが試行錯誤の上やっと動いてくれました。 プレビュー ↓拡大表示にすると見やすいです(右上のボタンが拡大表示)。 ↓スマートフォンの方はこちらからプレビューできます。 scrollableとlightBox コード HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>scrollableとlightBox</title> <script src="js/jquery-1.7.2.min.js"></script> <script src="js/jquery.tools.min.js"></script> <script src="js/jquery.lightbox-0.5.min.js"></s
昨日はjQuery tools scrollableとjQuery lightBox pluginを組み合わせましたが、今度は「lightBox2」を試してみました。 Lightbox 2 ポイント lightbox2はLightbox 2からダウンロードし、「lightbox.js」、「lightbox.css」と画像(close.png/loading.gif/next.png/prev.png)を使用します。 ※ダウンロード時のLightbox 2のバージョンはv2.51でした。 a要素に「rel="lightbox"」が必要です。 <a href="test.jpg" title="" rel="lightbox"><img src="test.jpg"></a> プレビュー ↓拡大表示にすると見やすいです(右上のボタンが拡大表示)。 ↓スマートフォンの方はこちらからプレビューでき
どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー こんにちは、新井です。 今日の東京はとても暑いです。 半端ないです。 暑いと集中力が低下しますよね。 個人的には少し寒いくらいが集中できる気がします。 みなさんはどうでしょうか さて、今日はQuoJSというスマートフォン向けのJavascriptライブラリを使ってみましたので、簡単なサンプルコードを掲載します。 このライブラリ
QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそう モバイルということで3G回線にも配慮した13KBは嬉しい。 今後はローテートやピンチイン・アウトにも対応予定だそう 実装はjQueryライクで超簡単。 関連エントリ たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」 スマートフォンでの指ジェスチャの説明に使えるアイコンセット「Cue」
The blog tapquo.com has been acquired by FindMyHosting.com. Its best and archived contents are kept alive as sub-pages of FindMyHosting.com/tapquo/ FindMyHosting.com takes no responsibility for the factual accuracy or anything else regarding the archived Tapquo contents posted under FindMyHosting.com/tapquo/ About Tapquo.com: Tapquo, founded in 2011, was built to develop meaningful projects design
jQuery UIをタッチデバイスに対応させる ライブラリ・jQuery UI Touch Punchの ご紹介です。いつか使うかも、と思った ので備忘録。これを見て、そういやスマ フォでjQuery UIを試したことが無いこと に気が付いた次第です・・ jQuery UIのドラッグとかリサイズとかソートとかをiPhoneなどに対応させるためのライブラリです。そういやjQuery UIはタッチデバイスで動くのか試したことありませんでしたが、ドラッグやリサイズはそのままでは使えませんでした。 これは需要あるんじゃないですかね。このライブラリでタッチデバイスに対応させられるのは以下の通り。 Draggable Droppable Resizable Selectable Sortable Accordion Autocomplete Dialog Progressbar Slider 実機でテ
2011-12-19 00:30 jQuery UIのdraggableやsliderをiPadやiPhoneのMobile Safariで使おうとしても、draggableなオブジェクトをドラッグしたとたんにtouchmoveのイベントに処理をもっていかれてしまい、draggableなオブジェクトが動く前にページがスクロールしてしまいます。 sliderのオブジェクトに関しても同様です。.ui-slider-handleクラスのついたスライダーの「つまみ」をドラッグしても、touchmoveのイベントに処理を奪われてページごと滑っていってしまいます。 上の画像は、JavaScriptで作成したPDFビューワーにおける例です。画像右半ばにあるスライダーのつまみを下にドラッグしてページを送ろうとしているのですが、touchmoveのイベント処理がおこり、jQuery UIのスライダーの処理
ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ
お久しぶりです。デザイナーの野田です。 まず、今回の記事を見ていただく前に、前回と前々回に書かせていただきました。 「必読!5分でわかるレスポンシブWebデザインまとめ」 「必読!5分でわかるレスポンシブWebデザインまとめ Pt.2」 を読んでいただけるとスムーズです。 今回で、【必読!5分でわかるレスポンシブWebデザインまとめ】のシリーズも最後にさせていただきますので、少しコンテンツ量が多くなります。 100% 5分では分らないので、タイトルはスルーしてやってください。 様々なサイトでレスポンシブWebデザインについて紹介されていますが、制作方法が異なっていたり、内容が少し難しいと感じる部分がありました。 この記事は、ディレクターの方やデザイナーの方、どちらにも理解しやすいように書かせていただいてます。 また、これまでレスポンシブWebデザインについてやってきましたが、基本的な部分で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く