Link Roundup

The stomach flu descended on our family this week and, while I didn’t get sick, I’ve been taking care of others who did. As a result today’s post is a group of links I’ve been reading and thinking about related to webdev and QA rather than something original. http://css-tricks.com/modular-future-web-components/ [Web Components] allow us to bundle […]

http://collectiveidea.com/blog/archives/2014/01/21/mocking-html5-apis-using-phantomjs-extensions/ An interesting look at how you can test your code with HTML5 API’s where you can’t mock with something like VCR.

http://webdesigner-webdeveloper.com/weblog/about-inline-blocks/ An in-depth review of inline-blocks in HTML. Most front-end developers will probably “know” most of this, but it’s good to see a clear, organized presentation of the information. Via http://tinyletter.com/assaf/letters/weekend-reading-r-actualmoney

http://css-tricks.com/thought-process-front-end-problem/ This. So this.

http://www.mobilemarketer.com/cms/news/research/17101.html The article refers to “Responsive Delivery” which is a term I hadn’t heard before. It seems to be a concept where you still send CSS/HTML/JS to all devices, but you change what resources/components you send based on the device. I’m not sure how this would be easier than RWD, but maybe with some specific […]

http://www.quirksmode.org/mobile/tableTouch.html PPK just updated his results table for touch actions on mobile devices. A fantastic resource for low-level mobile web interaction details. Via: http://www.quirksmode.org/blog/archives/2014/01/touch_action_te.html

http://bokardo.com/archives/scrolling-easier-clicking/ I hadn’t ever considered it, but it is easier to scroll than click. I wonder if some of that is human nature – wanting to find out what’s next. Via: http://tinyletter.com/assaf/letters/weekend-reading-bikeshed-io

Link: We spent a week making Trello boards load extremely fast. Here’s how we did it.

http://blog.fogcreek.com/we-spent-a-week-making-trello-boards-load-extremely-fast-heres-how-we-did-it/ An interesting look at real-world performance optimization. In-browser profiling sure has come a long way. Via https://news.ycombinator.com/item?id=7103815

Link: Browser Wishlist [2014]

http://www.stevesouders.com/blog/2014/01/22/browser-wishlist-2013/ A good list of stuff to make web developers lives easier and improve UX. I particularly like some of the ideas around font loading because I’ve been dealing with FOUT recently.

Link: width=device-width, initial-scale, and too-wide elements

http://www.quirksmode.org/blog/archives/2014/01/widthdevicewidt.html Investigation by PPK into how different mobile browsers handle display of wide elements with different meta viewport values. Unless you have a special need, safest approach seems to be to specify both initial-scale=1 and width=device-width