先日、ランディングページの制作を依頼した際、レスポンシブだと設計の自由度が低くなるのでデスクトップ版とモバイル版を分けて制作することを勧められました。 ふむふむ。なるほど。そうなのか…。 いやいや。ちょっと待て。 それってどちらかというと制作者の技量の問題なのではなかろうか? もちろん、レスポンシブだと設計段階で考えないといけないことが増えるけど、それを「自由度が低くなる」と言えるのかというと、ちょっと違う気がするし。まぁ、言葉のあやなのかもしれないですけど。ユーザがどんなサイズの画面でアクセスしてくるかわからないマルチデバイスのこの時代に、モバイルとデスクトップというざっくりとした2つの画面サイズのみに向けてページを作るのはどうなんだろうか?メンテも二度手間になるし…。 というのが、当初のリアクションでした。 だいぶ昔の話になりますがレスポンシブWebデザインの本 を書いたこともあり(か
先日、生年月日の入力欄をレスポンシブに最適化する良い方法はないか検証してみたら、想像以上に大変だったのでメモを残しておきます。 日付の入力と言えど実はいろいろな実装方法があって、マルチデバイスに対応しながら要件にあった実装をするにはどうしたらいいのか、改めてゼロベースで考えてみました。結局、最終的には振り出しに戻った感じなんですけどね(結論を先に見たい方はこちらからどうぞw)。 近い将来、レスポンシブな日付入力欄の実装が必要な方々の参考になれば幸いです。ちなみに、以下に書いたもの以外に「これいいよ」というのがあったら、ぜひご教授願いたいです。 要件定義とチェックポイント 今回、日付入力欄を実装した際の要件は以下の通りです。生年月日のように年の選択が必須な日付の入力欄の実装だったので、たとえば、ホテル予約の日付選択などとはちょっと違った要件になっています。 a. 年が選択しやすい 生年月日の
先日「Responsive design is failing mobile UX 」という記事を読んでどうしても気になったので、ひとこと個人的な意見を書き残しておきます。 意訳すると「レスポンシブ・デザインではモバイルのユーザ体験を満たせない」という題の記事だが、この記事では「ユーザが求めているものは、閲覧しているデバイスによって変わる」と言っていて、ウェブサイトのコンテンツはデバイスによってカスタマイズすべきだと言っています。 Figure out what it is that your customer needs based on the device being used, and deliver that experience. [意訳] 閲覧デバイスによる顧客のニーズを見つけて、その体験を提供するべきだ う〜ん、それはどうかな?と。 画面サイズや入力方法(タッチ or キー
A cross icon used to close notifications Close Notification icon
10 Tips for Wifi Security In Your Home Wireless Network If your network is wireless, consider these wireless security tips. Your wireless network opens up many different potential attacks compared to wireless networks. Don’t worry, I would suggest you to help secure your wireless network. Get more hilarious wifi names here. Security is a “system”. For this reason, you should choose the easiest one
Add a view full site link for visitors who want to see the desktop version of your web page. Please note: make sure you are viewing this demo from a mobile device. Content Content Content // viewport stuff var targetWidth = 980; var deviceWidth = 'device-width'; var viewport = $('meta[name="viewport"]'); // check to see if local storage value is set on page load localStorage.isResponsive = (localS
In this post, Andreas Bovens shares an introduction to how Opera Mobile Emulator can help you optimize your responsive designs. Try it out for yourself! This is our seventh article in a series that introduces useful and freely available tools and techniques, developed and released by active members of the Web design community. The first article covered PrefixFree; the second introduced Foundation,
This article may need to be rewritten entirely to comply with Wikipedia's quality standards. You can help. The discussion page may contain suggestions. (May 2009) This is an incomplete list, which may never be able to satisfy particular standards for completeness. You can help by expanding it with reliably sourced entries. This is a list of selected devices’ displayed pixel density in Pixels per i
There has been a long-running war going on over the mobile Web: it can be summarized with the following question: “Is there a mobile Web?” That is, is the mobile device so fundamentally different that you should make different websites for it, or is there only one Web that we access using a variety of different devices? Acclaimed usability pundit Jakob Nielsen thinks that you should make separate
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く