webstack

We took a surface level look at Pipedream the other day, which really does look cool. It’s like a much more modern and fancy version of what Yahoo Pipes was. A better comparison might be Zapier, except you write code (if you want to) to make easy-to-build cloud functions that can be triggered by any..

Software changes all the time. Some tweaks are subtle and melt into the background. Others, however, can be real paradigm shifts. What’s happened with WordPress in the past few years certainly seems to fit into the latter category. First, it was the rather massive switch from the classic editing ex..

Have you ever wished you could see the HTML source of a web page while on a mobile browser, which generally doesn’t offer that feature? If you have a desktop machine around, there are ways, but what I mean is getting the source without anything but the device itself. The little View Source tool by ..

Have you ever wished you could see the HTML source of a web page while on a mobile browser, which generally doesn’t offer that feature? If you have a desktop machine around, there are ways, but what I mean is getting the source without anything but the device itself. The little View Source tool by ..

Markdown truly is a great format. It’s close enough to plain text so that anyone can quickly learn it, and it’s structured enough that it can be parsed and eventually converted to you name it. That being said: parsing, processing, enhancing, and converting Markdown needs code. Shipping all that cod..

(This is a sponsored post.) Got a WooCommerce store? It behooves you to offer a variety of payment methods. Just anecdotally, I’m sure both you and me have been annoyed and even abandoned purchases when a merchant, online or otherwise, doesn’t take the payment method we want to pay with. That’s jus..

Here’s Kilian Valkhof on CSS nesting which isn’t available in browsers yet, but will be soon. There are a few differences he notes between CSS nesting and nesting in Sass or Less though. Take, for example, the following code: div { background: #fff; & p { color: red; } border: 1px solid; } Wh..

(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to read the article in your web browser.) Key Takeaways Images and other graphics (e.g., review stars) must contain an HTML alt attribute to be accessible to users aided by assistive technologies (such as screen readers) “Informational” image alt text must accurately describe the informational content contained within the image or graphic object (such as an icon) (55% of e-com sites don’t) Avoid embedding text in images as it won’t be read by screen readers and does not scale on mobile devices (64% of sites get this wrong) In e-commerce, images are heavily used to communicate information about products and services — and thus are often crucial to users’ ability to evaluate products and services. So-called “Informational” images are principally designed to convey information of some kind to users — for example, an image displaying an assortm..

Among the many wonders of modern web design is the emergence of codeless design tools. Whether it’s a WordPress page builder plugin (or the Gutenberg block editor), a drag-and-drop UI app, or even a ready-to-use framework, writing code has become optional. For someone who wants to break into the in..

It might be the very first thing a lot of people learn in JavaScript: alert("Hello, World"); One day at CodePen, we woke up to a ton of customer support tickets about their Pens being broken, which ultimately boiled down to a version of Chrome that shipped where they ripped out alert() from functi..