ServiceWorker CookbookThe Service Worker Cookbook is a collection of working, practical examples of using service workers in modern web apps. Tip: Open your Developer Tools console to view fetch events and informative messages about what each recipe's service worker is doing!tagged: cachingservice-workers11-05-2017
Optimize CSS Delivery | PageSpeed Insights | Google DevelopersBefore the browser can render content it must process all the style and layout information for the current page. As a result, the browser will block rendering until external stylesheets are downloaded and processed, which may require multiple roundtrips and delay the time to first render. See render-tree construction, layout, and paint to learn more about the critical rendering path, and render blocking CSS for tips on how to unblock rendering and improve CSS delivery.tagged: cssperf10-05-2017
Design Better Data Tables – uxdesign.ccData is useless without the ability to visualize and act on it. The success of future industries will couple advanced data collection with a better user experience, and the data table comprises much of this user experience.tagged: uxdesigntables10-05-2017
Methods for Contrasting Text Against Backgrounds | CSS-TricksIt started with seeing a recent Pen of Mandy Michael's text effects demos. I'm a very visual creature, so the first thing I noticed was the effect, not the title (which clearly states how the effect was achieved). Instantly, my mind went "blend modes!", which turned out to be wrong.tagged: contrastcss10-05-2017
SpeedTrackerWebPageTest is an incredibly useful resource for any web developer, but the information it provides becomes much more powerful when monitored regularly, rather than at isolated events. SpeedTracker runs on top of WebPageTest and makes periodic performance tests on your website and shows a visualisation of how the various performance metrics evolve over time.tagged: performanceanayticstracking09-05-2017
Crafting Better Code Reviews – Vaidehi Joshi – Mediumhe intersection between humans and technology has never been simple or easy. This truth is particularly evident when it comes to the humans who create technology. As a human who also happens to write code for a living, I feel this the most during the code review process.tagged: code-reviewsqualityteam-work05-05-2017
Damage - Matt GemmellNo company has done as much damage to the perceived value of software, and the sustainability of being an independent developer, as Apple.tagged: app-storeapple05-05-2017
Keyframe animation for UI with navigationWhen I saw the below demo I thought "neat, how'd they do that"? That may sound surprising if you knew that I wrote the API for this. In this article I'll describe how three orthogonal features, generic navigation, event triggers and keyframe tracks come together to produce this pleasing animation.tagged: animation04-05-2017
Cypress.io: Testing, the way it should be.Testing, the way it should be. Cypress helps developers write automated tests for the web.tagged: testinge2e04-05-2017
Smashing Conference San Francisco 2017, April 4th to 5thSmashingConftagged: conferencesvideostalks04-05-2017
Smashing Conference San Francisco 2017, April 4th to 5thSmashingConf videostagged: conferences04-05-2017
Tarantool - Get your data in RAM. Get compute close to data. Enjoy the performance.Get your data in RAM. Get compute close to data. Enjoy the performance.tagged: performance04-05-2017
PageObjectWhen you write tests against a web page, you need to refer to elements within that web page in order to click links and determine what's displayed. However, if you write tests that manipulate the HTML elements directly your tests will be brittle to changes in the UI. A page object wraps an HTML page, or fragment, with an application-specific API, allowing you to manipulate page elements without digging around in the HTML.tagged: testingpageobject03-05-2017
The first rule of prioritization: No snacking - Inside IntercomThe high-effort, high-impact work reflects the strategy you’re deliberately deploying. Everyone’s favorite quadrant is the low-effort, high-impact stuff. But when you continually pick the low-hanging fruit, the branches will stop growing, so this work dries up quickly as your product and team matures. Most startups are sensible enough to avoid the high-effort, low-impact work, so it’s the last quadrant that’s worth talking about.tagged: priority03-05-2017