Web Dev stories

Our Favorite Rails Libraries for Development

From time immemorial, the Evil Martians team has worked on dozens of Ruby on Rails projects every year. Naturally, this process involves a lot of Ruby gems. Some reflect our desire to be cutting-edge and to use modern tools (or build our own!) Other gems are so flexible they’ve been used in most of our projects. Our development philosophies, programming habits, and soul are within this universe of Martian gems. So…

Building Your Initial Next.js App

Next.js is a popular React framework that enables developers to build fast, SEO-friendly, and scalable web applications. It offers powerful features like server-side rendering, static site generation, and API routes, making it an excellent choice for modern web development. In this step-by-step guide, we’ll walk through the process of building your first Next.js application from scratch.

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.

1 2 32 33 34 35 36 82 83

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.