Web Dev stories

An Ultimate Guide On Sizing, Spacing, Grids And Layout In Web And UI/UX Design

Space is one of the core elements in design that is often overlooked. Proper spatial organization helps to achieve consistency between screens, pages, or even products. It also creates visual rhythm, limits decision-making, and helps to achieve better readability and scannability. In this guide, Paul Matvienko discusses the basics of defining a spatial system.

links.dev – Simplify your online presence with a link, managed in GitHub

Simplify your online presence with links.dev Add all your links to one page, customize the design, and update your links from your GitHub repository. Get an easy-to-remember, nice-looking URL. It is for anyone who knows how to use Git

2022 Roundup of Web Research

We’ve started making a tradition of rounding up the latest front-end research at the end of each year. We did it in 2020 and again in 2021. Reports are released throughout the year by a bunch of different companies and organizations researching everything from web design trends to developer skills to popular coding languages and so many other things.

prettyCode.online

Share your code in style with this code beautifier and impress your followers. prettyCode allows to include your name and avatar in the code so you will always be recognized when your code snippet goes viral, and express yourself by adding a video background

Top Web Design Trends 2023

Some say trends in web design come and go: there is no point in following them. It is just a waste of precious time, money, and resources. One day big, bold typography makes a considerable impact, whereas another day, small and elegant font face amazes the audience.

GitHub Unwrapped 2022

Get a personalized video of your GitHub stats of 2022. Choose between three themes and download an MP4 that you can share on your socials!

6 Free Front-end Development Resources That Will Help You Stand Out from 99% of Others

I have been programming for a couple of years and my first skill was web development, specifically front-end web development. At the time, I struggled to find good tutorials, so I had to resort to a paid Udemy course. Although I have to pay some dollars, it was one of the best courses I have ever found on the internet.

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…

1 2 41 42 43 44 45 46 47

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.