MdN Design｜総合情報サイト
スマートフォンと違い、iPadなどのタブレットに最適化された表示を行っているサイトはまだまだ少ない。 そこで今回は、LESSON 13同様、別HTMLを用意せず、同じHTMLにJavaScriptとCSSを使用して、タブレットタイプ用に表示を最適化させる。 タブレット用にするからといって特別にHTMLの作り方を変える必要はなく、正しくマークアップできていれば基本的に問題ない。 ただ、あまりにも無駄に多い入れ子構造や、レイアウトは避けたほうがよい。あくまでも(X)HTML/CSSを意識して作ろう。 今回はタブレットにも使用されるので、HTML5やCSS3を駆使してPC用も作ってよいが、IEなどの未対応ブラウザへの対応が発生するので注意が必要だ。 【1】のような、ブログ形式のPCページ構成をベースに構築していく。 使用するCSSは ・PC用CSS（デフォルト） ・スマートフォン用CSS ・タブ
2011年 UI / UX トレンド
2011年の1月。まだ年が始まったばかりでしたが、今年の Web デザイントレンドという記事が発表されたりしていました。その後、数々のトレンド記事が国内外で数多く紹介されていますが、ルック＆フィールに関する話題、又は技術的な側面から見た話題が多くを占めています。こうしたトレンドを知ることは重要ですが、トレンドの全体像として捉えるには多少偏っていると思います。そこで今記事では、UI / UX デザインの側面からみた 2011 年のトレンドを幾つか紹介していきます。 この記事で挙げる幾つかのトレンドが現れるキッカケを作ったのは、テクノロジーと Web が今まで以上に強い連携が可能になったからです。デスクトップ（又はオフライン）アプリケーションと同等の能力を Web で実現出来るようになったことで、UI デザインの考え方も大きくシフトしました。Ajax が大きな注目を浴びた 2005 年頃も同じ
A showcase of mobile e-commerce
Optimizing websites for the mobile web is a chore. And optimizing e-commerce websites for the mobile web is a beast that designers and developers have only begun to tame. Not surprisingly, larger companies are embracing the medium first, likely because they have the resources and sales flow to justify it. After all, even if an e-commerce website gets sizable traffic, a small percentage of that wil
[翻訳] モバイル向けの CSS Media Queries は見掛け倒しである | Unformed Building
この記事は、2010年8月3日に Jason Grigsby によって書かれた CSS Media Query for Mobile is Fool’s Gold を翻訳したものです。 画像・表・リンクなどは掲載していませんし、翻訳が怪しい場所がところどころにありますので、ちゃんと読みたい方は原文を参照してください。 翻訳部分は次のセクションとなります。 CSS Media Query for Mobile is Fool’s Gold Ethan Marcotte の記事「Responsive Web Design」はウェブ開発者たちの想像力を刺激し、いくつかの後続の記事はモバイルに最適化されたウェブサイトを構築する方法として、CSS Media Queries をもてはやしました。 私もまた「iPad Orientation CSS」という記事でこの流行に貢献した罪があります。 残念な
mir.aculo.us JavaScript with Thomas Fuchs » Blog Archive » Zepto.js, a jQuery-compatible mobile JavaScript framework in 2K (presentation)
October 28th, 2010 Zepto.js is a JavaScript framework for mobile apps and sites, with a jQuery-compatible syntax (lots of the jQuery API is supported!). The goal is have a 2k library that handles most basic drudge work with a nice API that you might already know so you can concentrate on getting stuff done. Here’s my presentation from the October 27, 2010 vienna.js meetup! Links from the presentat
AndroidゲームデザインWORDDICT!の試行錯誤
最近スマートフォンをメインにデザインをしているshiihoです。 今までWEBのキャンペーンサイトやFlashサイトを担当していて Androidのデザインは初めての体験でしたので、その試行錯誤をまとめたいと思います。 今回デザインを担当したのは英単語をつくるパズルゲームWORDDICT! 画面に次々と出現するアルファベットから英単語を見つけていくゲームです。 悪役のバグバグの侵略を阻止しながら高得点を目指していきます。 Android Marketはこちら 紹介サイトはこちら それでは早速、試行錯誤の一部をまとめてみましょう。 WORDDICT!を遊ぶには Android OS 2.2 以上 Adoobe AIR が搭載されている必要があります。 デザインの流れ パネルの方向性 このアプリで一番デザインのやり取りが多かったのがゲームのプレイ画面 企画が英単語パズルゲームを作るという所から
Responsive Web Design
The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must 'accept the ebb and flow of things.' John Allsopp, “A Dao of Web Design” The English architect Christopher Wren once quippe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Android端末のスペックをまとめてみています | H2O Blog.
screw-axis.com
screw-axis.com