Top 7 Featured DEV Posts from the Past Week

Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week.

How to Build Things People Want to Use 👷

Websites looked very different in the 90’s compared to how they look today. They were less concerned about aesthetics and more so about function. But the more and more we used websites, the more we asked of them. Here, @evergrowingdev covers how the user experience took center stage.

👷 How to Build Things People Want to Use

Cherlock Code 🔎 ・ Jun 29 '23

#ux #uxdesign #beginners #learning

A Tool to Make CSS Box Shadows Effortlessly

@arbaoui_mehdi’s team made boxshadows.xyz, an app aimed at easing the process of creating and managing the box-shadow property in CSS. This comprehensive tool provides full control of the CSS box-shadow property, so check it out and see how it changes your workflow!

A tool to Make CSS Box Shadows Effortlessly

Arbaoui Mehdi ・ Jun 28 '23

#html #css #uidesign #productivity

JavaScript Console Methods: A Deep Dive

There are several methods available in JavaScript's console object, each serving a different purpose. This article from @kelvinguchu discusses these methods and provides examples of their use.

JavaScript console methods: A deep dive.

Guchu Kelvin ・ Jun 28 '23

#javascript #webdev #beginners #tutorial

Using Prisma with SvelteKit

Data is a critical part of every web app. But dealing with databases can be challenging. That's why @joshnuss likes Prisma, it's a friendly to use solution that simplifies many of the pain points of working with databases.

Using Prisma with SvelteKit

Joshua Nussbaum ・ Jun 27 '23

#svelte #javascript #database #webdev

Angular is Getting New Template Syntax

Angular has been stable for some devs and stagnant for others. Now it’s moving forward at light speed. But where exactly is it headed? Find out more with @danielglejzner!

Angular is getting New Template Syntax

Daniel Glejzner for This is Angular ・ Jul 1 '23

#angular #javascript #webdev #programming

Next.js and GraphQL: The Perfect Combo for Full Stack Development

In this post, @franciscomendes10866 helps you make a full stack application using Next.js with GraphQL Yoga. If you’re still learning how to use these tools, this is a great tutorial to learn how to perform operations such as Get, Create and Delete on the database, as well as GraphQL integration.

Next.js and GraphQL: The Perfect Combination for Full Stack Development

Francisco Mendes ・ Jul 1 '23

#nextjs #graphql #typescript #react

Live Regions in React

Accessible Rich Internet Applications (ARIA) is a set of roles and attributes you can add to HTML elements to give more information to the accessibility tree. Check out this short, but very well-written post on live regions and how they work from @abbeyperini!

Live Regions in React

Abbey Perini ・ Jun 26 '23

#webdev #a11y #react #javascript

That's it for our weekly Top 7 for this Tuesday! Keep an eye on dev.to this week for daily content and discussions...and be sure to keep an eye on this series in the future. You might just be in it!