Search
What Hooks Mean for Vue
4.2.2019
Not to be confused with Lifecycle Hooks, Hooks were introduced in React in v16.7.0-alpha, and a proof of concept was released for Vue a few days after. Even though it was proposed by React, it’s actually an important composition mechanism that has benefits across JavaScript framework ecosystems,...
Using Artificial Intelligence to Generate Alt Text on Images
1.2.2019
Web developers and content editors alike often forget or ignore one of the most important parts of making a website accessible and SEO performant: image alt text. You know, that seemingly small image attribute that describes an image:
<img src="/cute/sloth/image.jpg" alt="A brown baby sloth...
How to Change Animated GIF Speed
29.1.2019
Comedians would tell you that timing is the most important part of any joke. The same could be said about animated GIFs; whether they’re used as a meme or to illustrate a process, the speed of an animated GIF can effect its effectiveness. With that idea in mind, I set about trying to figure...
Building a Video Blog with Gatsby and Markdown (MDX)
15.1.2019
Since the dawn of the web, performance has been an important factor for web development because slow speeds often lead to a loss of visitors and, ultimately, depletion in revenue for commercial sit
The Ethics of Web Performance
14.1.2019
Tim Kadlec on the issues surrounding poor web performance and why it’s so important for us to care about making our sites as fast as possible:
Poor performance can, and does, lead to exclusion. This point is extremely well documented by now, but warrants repeating. Sites that use an excess...
How To Learn CSS
8.1.2019
Outside of my extreme envy of the SEO they are going to get out of this, Rachel is spot on here. Learning CSS has some pillars, like language syntax, selectors, layout, and flow that, once learned, unlock your CSS merit badge.
What I would add is that if you really want to learn CSS, give yourself...
Background Sync with Service Workers
3.1.2019
Service workers have been having a moment. In March 2018, iOS Safari began including service workers — so all major browsers at this point support offline options. And this is more important than ever — 20% of adults in the United States are without Internet at home, leaving these...
How to Add a User Stylesheet in Firefox
29.12.2018
While many like to complain about CSS these days, it’s important to remember how amazing CSS is; the CSS language is: easy to learn easy to read easy to write simple to understand Web developers and designers alike love that CSS allows us to take text/media and present it in a beautiful...
Force Download with JavaScript
24.12.2018
Force download scripts have been an important part of internet usability for a long time.  I can attest to that by the number of times I’ve implemented this feature on the server side and the popularity of my PHP Force Download post, even to this day.  With the web world having...
JavaScript to Native (and Back!)
14.12.2018
I admit I'm quite intrigued by frameworks that allow you write apps in web frameworks because they do magic to make them into native apps for you. There are loads of players here. You've got NativeScript, Cordova, PhoneGap, Tabris, React Native, and Flutter. For deskop apps, we've got Electron....
5 Important Takeaways From the State of JavaScript Survey 2018
11.12.2018
The yearly State Of JavaScript survey results came out recently, and if you care about Web Development, you care about the results. In this article, we'll explo
What makes someone a good front-end developer?
11.12.2018
We recently covered this exact same thing, but from the perspective of a bunch of developers.
Chris Ferdinandi weighs in:
The least important skills for a front-end developer to have are technical ones.
The nuances of JavaScript. How to use a particular library, framework, or build tool. How...
Error Handling with Angular 6 - Tips and Best Practices
20.11.2018
Handling errors properly is essential in building a robust application in Angular. Error handlers provide an opportunity to present friendly information to the user and collect important data for d
Sometimes `sizes` is quite important.
27.7.2018
Paraphrased question from email:
I just read your article Responsive Images: If you’re just changing resolutions, use srcset. In the age of "responsive websites," srcset does not help in certain situations. For example, I have a popular products slider. On mobile, I have one image per slide where...
Script & Style Show: Episode 15: CSP with Scott Helme
14.7.2018
In this episode: Todd dials in from a poppin’ KCDC while David dials in with a massive headache. Scott Helme dials in from lovely Manchester to discuss web security, specifically the criminally underused CSP API. Join us to learn what CSP is, why it’s important, how it works,...
Random Day in the Life of a Developer
11.7.2018
Yesterday, I started going through my email as soon as I got to work. I always start my day with email. I kinda like email. I read some interesting things in keeping up with the industry. I deal with some business things. I handle with some personal things. I make a note of the most important stuff...
Getting Started with JavaScript Object
2.7.2018
An object is a type of data in JavaScript. It's the only value you can pass around as variables besides primitives. For this reason, objects are really important in JavaScript.
What are obj
Build a web traffic monitor with Python
2.7.2018
In today’s tech world, it is important to know where the traffic on your website comes from because it helps content creators and website owners understand their visitors better. Website owners can
Easy Document Signing with the Eversign Chrome Extension
25.6.2018
A while back I wrote about Eversign, an awesome service that allows you and your clients or partners to digitally sign documents online. If you’ve recently bought a house or did any other large purchases or agreements, you know how important the ability to reliably sign documents online is. ...
Don’t Use The Placeholder Attribute
22.6.2018
Eric Bailey takes a hardline position on <input placeholder>.
You might be thinking, as I did: yeah, yeah I know the pitfalls. I'm capable of using placeholder responsibly. But when you look at all the negatives together:
Can’t be automatically translated;
Is oftentimes used in place of...