Web Dev stories

AI Code Reviewer – AI reviews your code

AI reviews your code. If there is something wrong with your code, AI will let you know. If you have any questions, you can also ask the AI directly from the button in the lower right corner. Get the best code!

How to set up your grids for mobile and web designs

Let’s first break down the basic terms of the grid system – memorize them. I’m using the 8-pt grid to align all my elements and build my grids. What it means is that all spacing and margin values are increments of 8. The same thing applies to your user interface components and elements dimensions.

Command Bars

Maggie Appleton put a point on it in a recent article: Command K Bars. She makes the point that they date back quite a way, to “Spotlight” in macOS Tiger. Twenty-two years later, we still have Spotlight…

3 nightmare interviews for software developers

The tech industry is not known for having great interviewing processes. From the notorious whiteboard interviews to algorithm challenges requiring a computer science degree to even wrap your head around, there are all kinds of outdated standards and approaches to interviewing developers that should have died out years ago. Unfortunately, like most legacy systems we love to hate, these interview processes are likely to crop up in your career from…

10 Useful CSS Generator Tools That You Should Use in 2023

Excellent list of CSS tools to help you boost your productivity as a web developer.

Why McMaster.com is the best ecommerce site, you’ll ever use

This article uses an example case from a B2B site that recently made the top of HackerNews as the best e-commerce site, mcmaster.com by McMaster-Carr. In this article, you’ll get a breakdown of what McMaster-Carr does particularly well in its UX practices.

CodeImage – A tool for manage and beautify your code screenshots

CodeImage is a web application that allows you to manage your code snippets and beautify them quickly to share it everywhere. CodeImage is an open source side project born thanks to the SolidJS hackathon and it’s currently maintained

Design Systems 101: An Introductory Guide for UX/UI Designers

A design system is a collection of principles that govern the design of a brand’s digital experience. It provides a set of guidelines for how your brand should look and feel across all channels and devices. When done correctly, using a design system can have many benefits for your business or organization — from improved communication and efficiency to more consistent branding across all digital channels.

Optimizing Web Fonts in Next.js 13

Web fonts are an essential aspect of modern web design. They allow for beautiful typography on the web, unique to your product. However, using web fonts can also introduce challenges. If you’re a frequent internet user like most people reading this, chances are that you’ve come cross the following phenomenon…

What I learned at GitLab that I don’t want to forget

After a little over 5 years, I’m going to be leaving GitLab for my next adventure. It’s not surprise to those of you who have been following me that I have absolutely loved my time there. I’m so proud of what we built—and I’m still proud and awed by the remarkable people there. GitLab’s values are the gold standard for what it means to be a wonderful company—for the team-members,…

1 2 57 58 59 60 61 62

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.