[B! web参考][スマートフォン] sakapunのブックマーク

sakapun id:sakapun

web参考とスマートフォンに関するsakapunのブックマーク (8)

日本のスマホサイトは2年間でこんなに変わった (1/4)
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。スマートフォン向け専用サイトを構築するレスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。半数以上のサイトがリニューアルまず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
sakapun 2013/03/30
web参考

スマートフォン
リンク
jQuery Mobileでスマホサイトを作ろう！国内外で制作されているサイトやjQuery Mobileについて | jQeryMobileでサイトをつくろう
jQuery Mobileとは？ jQuery Mobileは、jQueryをベースとした、「スマートフォン向けフレームワーク」です。もっと簡単に言うと、「スマートフォン向けコンテンツ制作の土台を作ってくれるソフトウェア」です。スマートフォン向けの直観的かつ使いやすい、ネイティブアプリケーションさながらのページやUI※1が、瞬時にしてできあがります。開発者はわずかなHTMLやJavascriptを書くだけです。「UI」 ※1ユーザーインターフェースの略。jQuery MobileはわずかなHTMLの記述のみで、リストやボタン、ナビゲーションバーなどのスマホ向けUIを自動構築してくれる。 2010 年10 月にアルファ版がリリースされ、2011 年11 月ついにjQuery Mobile 1.0正式版が公開されました。現在も、jQuery の開発者であるJohn Resig 氏（@je
sakapun 2012/06/05
スマートフォン

web制作

web参考

jQuery

jquery
リンク
Loading...
sakapun 2012/04/13
スマートフォン

web参考
リンク
様々なモバイルユーザーインターフェイスが確認出来る「MobileTuxedo」が熱い
発見して記事書き始めて、もしや他でも紹介されているのかと思ったらコリスさんとかでも紹介されてた。なので書くの一度やめてたのですが、やっぱりこのサイトは、もっと広く知られるべきかと思ってご紹介。なんというか、きっちり絞ってまとめるっていうのはそれだけで価値があるんだなと感じさせられるWebサイトでもありますよね。素材、デザインなんでもあり特に注力したいのがインターフェイスデザインの豊富さ。 UI Patterns | Mobile Tuxedo とにかく豊富なリソース。モバイルインターフェイスの中でもカテゴリがたくさんあります。ナビゲーションコメントインターフェイスログインインターフェイス写真ギャラリーインターフェイスこの他、マップやサインアップインターフェイス、設定画面、電卓など色々ありますので、モバイル開発者なら一度は目を通しておくといいかもしれませんね。またインター
sakapun 2012/03/31
スマートフォン

web参考

UI
リンク
スマートフォンサイト作成の参考になるギャラリーサイトのまとめ
このブログではないですが、Google Analyticsを見るとスマートフォンからのアクセスが結構あったので、スマートフォン向けのサイトを作ってみようと思いました。ただ、スマホ向けのサイトは作ったことがないので、まず実際に色んなサイトを見て参考にしようと思い、ギャラリーサイトを調べてみました。国内ギャラリーまずは国内サイトです。iPhoneが中心になっています。この3つのほかにも色々ありましたが、内容的には似ているので、更新頻度や使いやすさなどを基準に選びました。 iPhoneデザインボックス画像が大きく見やすいです。個別ページでは画像も多くPCサイトとの比較もあってとても使いやすいです。カテゴリもしっかりしています。 iPhoneデザインアーカイブ掲載サイト数が多く、更新頻度もかなり高いです。スマートフォンサイト集めました。すっきりしたデザインで見やすいです。カテゴリも業
sakapun 2012/01/12
スマートフォン

webデザイン

web参考
リンク
WEBデザイナー向け☆iPhoneアプリのUIデザイン
どーもキンモクセイぷんぷん香る自由が丘からaoizmです。秋満開！スマートフォンまっさかり！(強引) KAYACでもiphoneアプリ制作のお仕事が増えてきております。 WEBデザイナーがiphoneアプリのデザインをする際に、やっぱり気になるのがWEBとの違い。画面サイズが小さく持ち歩けるデバイスiphoneは、デスクトップ上のアプリやWEBサイトとは使用環境もその操作方法も異なるため、WEBとは違ったインターフェイスが求められます。その違いを認識した上で、違いを活かしたデザインをするためには？ iPhoneアプリのUIデザインまとめてみました。 WEBサイトとiphoneアプリの違い状況持ち歩けるがゆえそのシチュエーションもさまざま「会議で」「合コンで」「移動時」「就寝時」... 状態そのときユーザーはなにをしている？「歩きながら」「話しながら」「運動しながら」...
sakapun 2011/07/20
スマートフォン

web参考
リンク
一見の価値ありなスマフォサイト色々２５:phpspot開発日誌
25 Beautiful Mobile Websites | UnderWorld Magazines 一見の価値ありなスマフォサイト色々がまとまったエントリのご紹介です。どれもよくデザインされていて、これからつくるぞーっていう場合の準備として見ておいてもよさそう。今後スマフォの方が主流になっていき、PCはあくまで簡易でスマフォサイトがメイン、なんてことにもなっていくのかも、と少し妄想しています関連エントリスマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ
sakapun 2011/04/26
スマートフォン

web参考
リンク
https://www.simform.com/mobile-patterns/simform.com/mobile-patterns/splash-screens
sakapun 2011/02/16
スマートフォン

web参考
リンク
1