Optimize Images for Web
When it comes to marketing your website, there are a lot of different aspects to consider, such as speed, SEO, conversation rates, bounce rate, and many others. We normally focus solely on the performance aspect, but today we want to dive into additional ways you can optimize images for the web. The file size of your … Read more
Practical Ways to Write Better JavaScript
In our 2019 Dev Survey, we asked what kind of content Stack Overflow users would like to see beyond questions and answers. The most popular response was “tech articles written by other developers.” So from now on we’ll be regularly publishing articles from contributors. If you have an idea and would like to submit a pitch, you can email … Read more
jsonbox.io
A HTTP based JSON storage. It lets you store, read & modify JSON data over HTTP APIs for FREE. Ideal for small projects, prototypes or hackathons, where you don’t have to spin up your own data store. API Documentation Base URL: https://jsonbox.io/ Create You can create a record (or add a record) to a box by … Read more
The perfect responsive menu (2019)
On a desktop, websites have the space to show the full menu, but on a mobile device that space isn’t there, and you want to hide the menu behind a toggle (like a hamburger icon) and show it when people click that toggle. How do you offer both in an accessible way that keeps your … Read more
Drag & Drop Elements with Vanilla JavaScript and HTML
The HTML Drag and Drop API relies on the DOM’s event model to get information on what is being dragged or dropped and to update that element on drag or drop. With just a few event handlers, you can turn any element into a draggable item or a dropzone. The Drag and Drop API provides … Read more
First-Class Functions in JavaScript
Introduction JavaScript has first-class functions. This means functions can be treated like other variables, which turns out to be incredibly important behavior to understand as you advance as a JavaScript developer. The following three bullets represent important first-class function behavior: Functions can be assigned to variables Functions can be passed as arguments to other functions … Read more
Making a Realistic Glass Effect with SVG
I’m in love with SVG. Sure, the code can look dense and difficult at first, but you’ll see the beauty in the results when you get to know it. The bonus is that those results are in code, so it can be hooked up to a CMS. Your designers can rest easy knowing they don’t have … Read more
SPA SEO: A Single-Page App Guide to Google’s 1st Page
PART The best place to hide a body Have you ever heard of That Awesome SPA Project? The single-page application passed all unit, integration, and end-to-end tests. It was BEAUTIFUL; loved by designers and developers alike. Ever heard of it? No? Me neither. Know why? Because it ranked on the second page of Google and never drew … Read more
Form design: from zero to hero all in one blog post
Hi there. If we haven’t met before, I’m Adam and I’m obsessed with designing forms. And I have been for almost 20 years. What is it about forms then? Every meaningful interaction on the web is achieved by a form of some sort. Whether it’s letting users renew their passport, send an email or buy … Read more