#133: Figuring Out Responsive Images | CSS-TricksI'm probably a bit rare in that I rather enjoyed trying to keep up on the responsive images thing. It's an interesting problem that bred lots of interesting solutions. The whole thing is starting to wrap up now though, now that the official solutions are:and friends with srcset and sizes The problem is: I don't really get it. I thought the original picturefill was pretty simple. List a bunch of sources with media queries. First one to match, that's the one that gets used. That made sense to me. This new stuff is a bit different. Solvable problem! Just like everything else, I need to figure it out.tagged: responsiveimagesperf14-05-2017
Don’t use(most of the time) - Cloud FourBrowser support for the picture specification is landing and as Marcos Cáceres said, it is time to “go forth andall the things!” Except you shouldn’t. You shouldn’tall the things.tagged: responsiveimagesperf14-05-2017
Service Workers: Dynamic Responsive Images using WebP Images | Dean HumeImages play an important role on the web today. Imagine a world without images on our web pages! High quality images can really make a website stand out, but unfortunately they come with a price to pay. Due to their large file sizes, they are bulky to download and result in slow page load times. If I'm a user with a low bandwidth connection, it can be a pretty poor experience.tagged: webpperfresponsiveofflineservice-workers14-05-2017
crontab.guru - the cron schedule expression editorThe quick and simple editor for cron schedule expressions.tagged: cron12-05-2017
patrick-steele-idem/morphdom: Fast and lightweight DOM diffing/patching (no virtual DOM needed)Lightweight module for morphing an existing DOM node tree to match a target DOM node tree. It's fast and works with the real DOM—no virtual DOM needed!tagged: domvirtual-domdiffing12-05-2017
Incoming Webhooks | SlackIncoming Webhooks are a simple way to post messages from external sources into Slack. They make use of normal HTTP requests with a JSON payload that includes the message text and some options. Message Attachments can also be used in Incoming Webhooks to display richly-formatted messages that stand out from regular chat messages.tagged: slackwebhooks12-05-2017
Five Factor Testing - Custom Web & Mobile Development Company | DevMyndWhen I took my first real dev job in the late 90s, it was not common for developers to write their own automated tests. Instead, large companies depended on teams of testers, who tested manually, or were experts in complex (and expensive) automation software. Small companies were more likely to depend on code review, months of “integration” after the “development,”…or most commonly: pure hope.tagged: testinge2e12-05-2017
Open Broadcaster Software | HomeFree and open source software for video recording and live streaming. Download and start streaming quickly and easily on Windows, Mac or Linux.tagged: streamingopen-source11-05-2017
Coding In The Age Of Code ComponentsThis is the age of code components. Web, React, Angular, Vue, and even Node components are the building blocks of pretty much everything these days.tagged: componentsweb11-05-2017
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
