The Device Lab responsive stand makes your desk tidy so you can work better, and in style If you’re serious about responsive, there’s no way around working with real devices. And if you want to make sure that your devices are readily available at all times, the Device Lab is your solution. Devices are attached with Velcro™ hook and loop. You can place almost any device shape, and any combination o
Note: I originally wrote this article for HTML5Experts.jp in Japanese, as a part of their Google I/O special editions. This blog post is more of the abridged version of my original article, which uses more actual quotes (translated) from Google I/O. Device Mode Last month at Google I/O, Paul Bakaus introduced a set of brand-new (still experimental) tools, called Device Mode for Chrome DevTools. Cu
Being able to detect device state at any given moment is important for any number of reasons and so it's important that web app CSS and JavaScript are in sync with each other. In working on the Mozilla Developer Networks' redesign, I found that our many media queries, although helpful, sometimes left JavaScript in the dark about the device state. Is the user viewing the site in desktop, tablet, or
Pick the web features you want to use. See their Baseline status and the share of all users who can use your site. 100% · Limited availability99% · Widely available100% · Widely available70% · Limited availability71% · Limited availability97% · Widely available100% · Widely available100% · Widely available81% · Limited availability98% · Widely available0% · Limited availability86% · Limited availa
New Layouts for the Multi-Device Web by Luke Wroblewski May 13, 2013 Most Web page layouts rely on design patterns created for laptop and desktop computers equipped with a mouse and keyboard. As the variety of devices being used to access the Web has grown, these patterns haven’t been keeping up. Designing for today’s Web means considering single-handed thumb use on smartphones, two handed touch i
Foresight.js was originally introduced when the first iPad with Retina display was announced in 2012. It helped solve the problem of providing the optimal image for the device, with the goal to decrease image loading time, and to not waste bandwidth. Since then however, the picture element has been working its way through the standards and is actively being implemented by browsers. It's recommende
by Sean B. Palmer The “px” unit in CSS doesn't really have anything to do with screen pixels, despite the poorly chosen name. It's actually an non-linear angular measurement. The formulæ to convert between radians and px are as follows: radians = arctan(px/5376) * 2 px = 5376 * tan(radians/2) Using this, you can work out the apparent angular widths of things in pixels quite easily. The moon from e
What does scale really mean to a mobile browser? With pictures. Within the past few weeks, A List Apart came out with an article about the pixel identity crisis. There's a lot of buzz around the hardware pixel vs the device specific reference pixel and whether or not CSS media queries and device-pixel-ratio can help. I read through that article and realized that it did a really good job at explain
The quality and availability of WordPress e-commerce themes makes WordPress a serious choice as an online shop platform. In fact, WordPress has moved rapidly from being mainly a blogging platform and is now one of the top CMS systems for traditional websites. Lately,... Welcome to our Website Awards for best free WordPress themes. We are hosting this award to showcase the best websites to visit wh
TapSense: Enhancing Finger Interaction on Touch Surfaces At present, finger input on touch screens is handled very simplistically - essentially boiled down to an X/Y coordinate. However, human fingers are remarkably sophisticated, both in their anatomy and motor capabilities. TapSense is an enhancement to touch interaction that allows conventional screens to identify how the finger is being used f
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
