Created by Paulo A. Peccin MSX and the MSX logo are shown here as a tribute. v6.0.4 Docs & Project Home All trademarks are property of their respective owners.
お疲れ様です、大塚です。 Appleの新製品発表会が間近に迫ってきましたね。新しいiPhoneの発表はもちろんのこと、今年の「One more thing」も楽しみです。 しかしながら、新しいプロダクトにドキドキ・ワクワクしながらも、心のどこか冷静な部分で、 「また新しい解像度が出てきたわ…」 と、新しい苦悩を抱えてしまうエンジニアやディベロッパーの方も多いのではないでしょうか？高解像度ディスプレイを搭載したマルチデバイスへの対応は、なかなか骨が折れる作業ですからね。 …え、仕組みがよくわからないままコーディングしていたって？？ そいつぁーまずい。 なぜ、多くのスマートフォンやタブレット向けのWebサイトでは、画像が2倍で作られているのか？ その理由と、ディスプレイや解像度の仕組み、今日ここで覚えていって頂戴。 ディスプレイの仕組み ぼくたちが普段使用している、PCやスマートフォンのディス
以前の日記「Retinaよりも大切なもの」でも書いた「Retinaディスプレイを縦長に使う自由が欲しい」という欲求は、なんとOSX標準の機能で簡単に実現できてしまうのであった！ 参考ページ：[Mac] 知らない人は損してると思うMacの使い方【その４】 | Appleちゃんねるの「MacBookでポートレート表示」の項目。（素晴らしい情報に感謝！） システム環境設定を起動（すでに起動している時は一旦終了してから）して、commandキーとoptionキーを押しながら、「ディスプレイ」をクリック。すると、いつもは見えない回転という設定が現れるのだ！ MacBook Pro Retina15 OSX 10.8.2の環境において、「回転」の設定項目が表示された。 初代 MacBook OSX10.6、2008late MacBook OSX10.6の環境では、いくら試しても「回転」の設定項目は表
A powerful set of tools that are ideal for measuring, inspecting & testing on-screen graphics and layouts. Mirror Effortlessly see your designs and applications on iOS and Apple Watch while you work on them from your Mac. Text new A powerful way to search, decipher, and reformat text and character glyphs. Dimensions Instantly find the dimensions of any on-screen element simply by rolling your mous
Kindle PaperwhiteまたはKindle DXの後継モデルはE Ink Mobiusを採用するとAmazon社内の情報ソース。 Amazon社内の情報ソースがGood e-Readerに対し、今後登場するKindle Paperwhiteは従来のモデルよりも軽く、高解像度で、柔軟性のある新ディスプレイ技術を使用すると明かした。 新しいKindle Paperwhiteは「Mobius」と呼ばれるE Inkとソニーが開発したディスプレイ技術を利用することになる。Mobiusは、軽量で頑丈な製品の開発が可能となるTFT技術を利用しており、同等のガラスベースのTFTと比較して半分以下の重量しかない。これは、より大きな表示領域を必要とするモバイル製品にとって特に重要だ。 商業的に目のあるMobius採用製品としては、ソニーの13.3インチ電子ペーパーが挙げられる。筆者が初めてこのデバイ
Chromeのウインドウサイズを1クリックで調整できるエクステンション「Resolution Test」の紹介。 サイト制作をしていると、解像度ごとにどう見えるかを調べなければいけない時があります。そんな時にお薦めなのがこのエクステンション。クリックすると、その解像度にブラウザをリサイズしてくれます。 Resolution Testをインストールすると、ツールバーにResolution Testのアイコンが表れます。これをクリックすると、解像度がリストアップされたメニューが表示されます。この中から、チェックしたいサイズをクリックすれば、ブラウザをそのサイズに調整してくれます。 チェックしたいサイズがリストになかったときは、オプションメニューから任意のサイズを追加することができます。 同様の機能を持つエクステンションはいくつもあるのですが、Resolution Testでおすすめなのは複数の
By Ben Gremillion on 6th January, 2014 Updated on 22nd April, 2020 #Tutorials #UX Design How to set up breakpoints in this design? You probably ask yourselves this question a lot. Responsive design breakpoints are no rocket science and you don’t need to search the web for the proper breakpoint dimensions every time you design for responsive. As a matter of fact, the ultimate design aid in this mat
We built screensiz.es to help you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from a variety of sources. For a better understanding of Pixel Density, check out this great post by Teehan+Lax. Our “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzz
The same as https://speakerdeck.com/livmadsen/bye-bye-page-design, but without transcript.
One of my favorite quotes/phrases about responsive web design is this one by Luke Wroblewski: “Losing 80% of the screen space forces you to focus on the most important set of features for your customers” To me it really sums up what responsive web design is all about, and why the mobile first approach has forced us to focus on the really important feature of any webapp — its content! Another great
I can remember a time when pretty much everyone designed websites for an 800×600 screen resolution, but (thankfully) those days are long gone. Smart watches and 4k displays are pushing resolutions at both ends of the spectrum, and even more devices fill the gaps between, such as desktops, tablets, phones, and gaming consoles. In parallel, the density of pixels is increasing, too. Designing for a s
Luke Wroblewski wrote a blog entry that’s been rattling around in my head for a couple days now. In it, he raises some concerns he has about responsive design’s “over-reliance” on screen width. Go check it out, if you’re interested, but I’ll excerpt a bit: So if adapting to different screen sizes can have that kind of positive impact for a business, what’s the risk? As the kinds of devices people
Responsive Web Design: Relying Too Much on Screen Size by Luke Wroblewski October 30, 2013 As people continue to go online using an ever increasing diversity of devices, responsive Web design has helped teams build amazing sites and apps that adapt their designs to smartphones, desktops, and everything in between. But many of these solutions are relying too much on a single factor to make importan
変換だけではないモバイル対応 サイト制作の仕事の依頼がきた場合、どの手法で制作するのかという議論をするのではなく、今のコンテンツがどのような状態にあるのかを共有するようにしています。見た目だけ、なんとなくモバイル対応するのであれば、難しい仕事ではないですし、極端な話、自動変換ツールを使えば済む課題です。 しかし、作ってはみたものの、文章は途中で切れていたり、重要な情報はパソコン版で見ないと分からないといった中途半端なサイトになることがあります。「パッと見の良さ」や「今すぐあること」を重要視してしまうが故に、企業にとっても利用者にとっても不十分な結果になります。 今のモバイル対応は見た目の『変換』が最優先で、企業が担保したい体験まで設計しきれていないのが現状です。企業が担保したい体験 … それは、企業が提供したいサービスやコンテンツをデバイスに関係なく提供できることだと考えています。 より厳
As I write this, responsive web design turns three years old, and as expected, the bandwagon is well and truly jumped on. But even now, I still find examples of people confusing responsive and adaptive; describing their websites or commenting on other projects and portfolios like these terms are interchangeable. News Flash: They’re not. Whilst their goals are the same, the key difference between r
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く