Web Dev stories

Creating Magical Dev Tools

The problem with magic, of course, is that it’s not easy to define—and even harder to replicate. According to Charmaine, it’s tempting to judge the merits of a product based on its UI, but this is, in fact, a trap. “Even the most experienced product managers occasionally forget that a sleeker design doesn’t necessarily equate to a better product for users,” she says. So what does it take to build a developer…

Essential CSS Techniques for Designers

The times for CSS have probably never been more exciting than today. In this quick read, we’ve got some useful CSS tips and techniques for you that you can apply to your work right away. Let’s dive deeper into self-modifying CSS variables, hanging punctuation, and more.

Build a Floating Sign-Up Form Button

Sign-up forms, they’re pretty common! What’s also common is for the submit button to float above the input, like this:

Exploring rare em unit usage

text-decoration-offset is a good use case for em units. Most of the time we favor rems over ems, but in this case we want the text underline offset to proportionally scale with the `font-size` property. Here’s a quick demo:

How to Create an App out of a Website

Turning a website into an application involves adapting and extending the functionalities and design of the website to fit the framework and user expectations of a mobile, desktop or web app. Let’s see how to make website an app, when is the right time to do so, and which websites became apps.

Reduce The Carbon Footprint of Your Website

On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG of CO2 annually.

Playing with Infinity in CSS

CSS has an infinity constant. When I first learned about this, my brain lit up with all kinds of absurd possibilities. Let’s discuss! There might even be some practical use cases.

How to Design Hover Motion Intro Animations

A little hover motion effect on a grid and an intro animation.

Build a Timer with Pure CSS

Perhaps we want to time a quiz or put pressure on a survey. Maybe we are just trying to making a dramatic countdown after a user has done something great like successfully booking a concert ticket.

Fresh Tools for Modern Web Design & Development

It’s that time again to check out some tools, libraries, and frameworks for our web developer friends. This month’s collection has a bunch of goodies, from cool JavaScript libraries to handy tools for GitHub releases, and even a DIY version of Heroku you can host yourself.

1 2 18 19 20 21 22 68 69

Submit an article

You can submit new articles related to web design / development, UX, apps and graphic design. No homepage submissions, no spammy affiliate links will be accepted.
Title
URL

Thank you!

Thanks for submitting your story. We will review it and approve it if relevant.