スマホサイトに入れると使いやすくなる！おすすめjQuery4選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、はやちです_(: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">テキストテキストテキストテキストテキストテキ
スマフォサイトでよく見るパーツのコードサンプル集 | 07design.blog
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ（chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください） download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
Mobile Safariでの大きな背景画像の表示の問題
MacBookのSafari 5で見たら問題ないのに、iPadで見ると背景画像が縮小されて表示されてしまう。どうしてだろうと思って調べてみたら、どうやらMobile Safariの制限によるものらしい。 iPadでの表示 MacBookでの表示 画像の最大デコードサイズ（縦 x 横のピクセルサイズ）が2メガピクセルだとのことで、結局、背景画像のディメンションを1800 x 1600px から1800 x 1000px にしたら正常に表示されるようになりました。 2010年8月29日に公開され、2012年4月28日に更新された記事です。 About the author 「明日のウェブ制作に役立つアイディア」をテーマにこのブログを書いています。アメリカの大学を卒業後、ボストン近郊のウェブ制作会社に勤務。帰国後、東京のウェブ制作会社に勤務した後、ウェブ担当者として日英バイリンガルのサイト運営に
iPhone版のChromeが本気で便利すぎる件
もう使ってる人はそんなの知ってるし・・・と感じるかもしれないけども、知らない人は絶対一度はつかっておいたほうがいいよねっていうアプリ。今更とか言わないの。 そもそもPCのブラウザがChromeを使っているので、これを使わない手はないんだけども、わりと私の周りで使ってる人がいなかったのでご紹介。 便利なポイント７つ 私はこれでChromeアプリをメインにしました的なポイント。 １）タブ移動が楽 これはもうほんと触れば一瞬でわかるレベル。複数のタブをペラペラ見ていける。 画面のはじから中央へスワイプしても隣のタブへ移動してくれます。 ただしこれはデメリットでもあり、だいたい赤いラインをひいたところがスタートラインとなります。この結果、普通にブラウジングしている時に引っ張ってしまう事も多々あります。 ２）PCモードへの切り替えが楽 個人的な問題ではありますが、スマホ用の表示が大嫌いなんですよね。
スマートフォンサイトをデザインする際の注意点まとめ | サイブリッジラボブログ
こんにちは、りうこです。 今日から11月ですね! といっても今日も20℃オーバーで暖かいので、寒いのが苦手な私はこのくらいの気温が続いてくれればいいのに。。と思っています。 では、早速ですがスマートフォンをデザインする際に気をつけたいことをご紹介します。 横向きで見ることを想定したデザイン これはコーディングの際にも気をつけなければならないのですが、 固定幅でデザインすると、横向きにしたときに下の画像のように余白ができてしまいます。 リキッド（可変幅）を想定してデザインするのが基本です。 フォントサイズは12px以上 文字が読みづらくなるということもありますが、 iOSのSafariでは、文字サイズが11px、10px、9pxのときは 折り返し地点の右側に余白ができるというバグがあるようです。 【参考】iOSのSafariで特定のfont-sizeのときの謎の隙間 http://webte
スマートフォン用WebアプリフレームワークjQueryMobile使ってみた
スマートフォン用WebアプリフレームワークjQueryMobile使ってみた jQueryMobileはiPhoneなどのスマートフォン用のWebアプリやサイトをお手軽に開発するためのjQuery用のフレームワークです。 すでに多くの情報のであれですが、使ってみたので導入的なメモです。 投稿日2011年05月31日 更新日2011年05月31日 jQueryMobileをダウンロードとインポート プラグイン本体を下記URLからダウンロードします。 ここでは現在最新版である「jquery.mobile-1.0a4.1.zip」を使用します。 またjQuery本体も必要ですのでダウンロードします。 jQuery Mobile zipを解凍したらjsファイルとcssファイルをインポートします。 ここではフォルダをjsという名称にリネームしました。 index.html <!DOCTYPE htm
カメラロールの写真を月別や撮影アプリ別で自動整理『スマートフォトソート』 - リニューアル式
スマートフォトソート 1.0.1（￥170） カテゴリ: 写真／ビデオ, ユーティリティ 販売: Sangwon Park（1.4 MB） すでにおなじみのアプリだが、結構すさまじいので改めてご紹介。 408個目の原石アプリは「スマートフォトソート」。カメラロールの写真・動画をすべて自動で分類・整理してくれるアプリだ 最初にどんな分類をしたいのかを設定すれば、以降は起動するたびに自動でアルバムへ分類・整理してくれる。 カメラロールを「年月別」で整理しておけば写真探しが捗る。 ロケーション別や撮影アプリ別なども実用性の高い分類だろう。 カメラロールが混沌としがちな人は試す価値ありの便利アプリだ。 高橋モトシ(@Motoshi_t）でした。
kruz graphix
Most common ways to find helpful and reliable things to buy There are people in Australia who know what they can buy through the various online stores and the sellers. They usually make sure to find out nearly all kinds of informative resources to help them decide better. Though most of the time people rely on online resources to help them compare what they are going to get through the available s
iPhoneのSafariブラウザにおける、色んな制限 | FINE lab.FINE lab.
カテゴリー スタッフのネタ帳 (37) iPhone/Android (8) iPhone Webコンテンツ (2) iPhone インターフェース (3) iPhone ネイティブアプリ開発 (3) RIA/Ajax/Flash (2) Adobe Air (2) ファイン魂！ (27) 【ファイン魂！】とは？ (1) こんなんできます！ (21) デバッガの独り言 (5) プロジェクト (31) スマートフォン・ゲーム (23) -タイトル＆ビジネス- (5) Fine Shot! (7) RagingGEAR (1) キセキどろっぷ (8) 端末情報 (1) デスクトップアクセサリ (5) ミニメモ電卓 (5) ブログパーツ (1) ハメコミブログパーツ (1) モバイル/PCサイト構築 (1) FINEライブラリ (1) やはり、デスクトップ版Safariにはない制限が色々あります
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
復元が不完全！？iPhoneバックアップで認証情報が復元できない理由とバックアップのオススメ設定 | 情報科学屋さんを目指す人のメモ
iPhoneのバックアップ機能はとても強力です。しかし実は、初期設定のままバックアップした場合、「肝心なもの」がバックアップされません。あまり知られていないのですが、これが原因で各種「認証情報」が復元できず、機種変時にいろいろな問題が発生しているようなのです。 アプリが動かない・起動しない。でも再インストールしたら直った パスワードが全部入れ直し（Wi-Fi・メールなど） データが引き継げなかった メールアカウント全部，Evernote系アプリ3種，toggle，Gladinet cloud，Facebook，twitter, Flicr,mixi 等々，ひたすらアカウント情報の再入力をしまくりました． （引用元） 問題自体は有名なのですが、あまりにも問題が発生する仕組みが知られていないため、「仕方ないことだ」「機種変時には避けられないこと」と誤解している人が多いのが現状です。 そこで今回
iPhone 5とiOS 6を使いこなすための小技・裏技・Tips集 - RyoAnna
iOS 6が登場して3日、iPhone 5が発売されて2日が経った。新しいOSを使っていると色んな発見があって面白い。今回の記事は、各サイトで紹介されている小技や裏技をまとめた。 過去のまとめ記事はこちら。 iPhoneがもっと楽しくなる小技・裏技・Tips集 - #RyoAnnaBlog iOS5をマスターするための小技・裏技・Tips集 - #RyoAnnaBlog 今回のTips集と合わせると、より一層iPhoneが楽しくなるはずだ。 1. ランドスケープモードでフリック入力 iOS 6でランドスケープモードのフリック入力が改善され、画面の右にテンキー、左に変換候補が配置されるようになった。iPhone 5専用のインターフェイスとの事。 [iPhone 5] 横画面（ランドスケープモード）でも快適にフリックできます。 | 覚醒する @CDiP 2. Safariのランドスケープモード
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
iPhoneを使って、セブンイレブンを完全に自宅のプリンター代わりにする方法がすごい。:Ｂｌｏｇで本を紹介しちゃいます。
2012年05月28日22:38 by tkfire85 iPhoneを使って、セブンイレブンを完全に自宅のプリンター代わりにする方法がすごい。 カテゴリ管理人 雑談 tkfire85 コピー機は社会にとって必需品になってきました。企業ならほぼ１００％、自宅でもパソコンとセットで買って持っている人も多いでしょう。でも実際のところ、企業では企画書の配布などで大量のコピーを必要とするものの、家庭ではあまり利用する機械が無いという方も多いのではないでしょうか？僕の家もそうです。料理のレシピ。ちょっとしたコピー程度しか使わないです。 インクは血よりも高い。 そんな言葉があるように、プリンターの維持管理は以外と大変ですよね。 コピー用紙の補充は勿論ですが、インクが切れたら買いに行かなくちゃらない。年賀状ですらネット経由で印刷できる時代です。先日、ソフトバンクの孫社長が今後は資料は全て「iPad経由で
iPadを買ったらまずは入れておきたい基本的なアプリ50選！
さて、昨日の宣言どうり iPad アプリ50選です！ RSSリベンジ戦！(｀_´)ゞ 100個で配信されないなら50個！半分でどうだ！？(｣°ﾛ°)｣ 【帰ってきた湯けむり垢BANミステリー】ある特定の記事だけRSS配信されない謎。〜100アプリ編〜 | norirow’s Diary なぜか「アプリ100選」をやるとRSS配信されないから…。 。・゜・(ノД`)・゜・。 ということで、iPadを買ったら入れておきたい基本的なアプリのまとめです。 何かのご参考になれば幸いです！ ※アプリの価格は変動することがあります。以下のアプリの価格は掲載時のものなので、購入の際はそれぞれご確認ください。 ◎プレゼンテーション系のツール やっぱり iPad を持ったら人に何かを見せることも多くなると思います。 それがビジネスシーンであろうとプライベートであろうと。 そこが iPhone との一番大きな違
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneの大切なデータをバックアップする方法まとめ！ | AppBank
iPhone歴２年の俺がこれだけは入れとけってアプリランキング紹介するよ！ - 勝つる2chまとめブログ
Web制作に役立った！iPhoneアプリのまとめ（無料8+有料1） | Webデザインのタネ