Search

Nalezeno "don": 1589

Why, How, and When to Use Semantic HTML and ARIA


Semantic HTML and Accessible Rich Internet Applications (ARIA) help create interfaces that work for everyone in the most performant, robust, and simple way possible. They add essential meaning to your content, which lets web browsers, search engines, screen readers, RSS readers, and ultimately...

The Best React Extension for VS Code


When working with React, there's lots of code that gets repeated over and over....and over and over again. Eventually, you start to think, "there's got to be a better way". Don't w

Community Coding For The Web


Open source barriers Right now, it's too hard to contribute to open source. This leads to a few things that are bad: People who have good ideas don't co

Form Validation in Under an Hour with Vuelidate


Form validation has a reputation for being tricky to implement. In this tutorial, we’ll break things down to alleviate some of that pain. Creating nice abstractions for forms is something that Vue.js excels at and Vuelidate is personally my favorite option for validations because it doesn't require...

Who has the fastest website in F1?


Jake Archibald looks at the websites of Formula One race teams and rates their performance, carefully examining their images and digging into the waterfall of assets for each site: Trying to use a site while on poor connectivity is massively frustrating, so anything sites can do to make it less...

You probably don’t need input type=“number”


Brad Frost wrote about a recent experience with a website that used <input type="number">: Last week I got a call from my bank regarding a wire transfer I had just scheduled. The customer support guy had me repeat everything back to him because there seemed to be a problem with...

Set Branch Alias with Git


Version control systems can be difficult to use, especially when you don’t use a UI app. Just think about main branch or revision names: svn uses “trunk”, git uses “master”, and mercurial (hg) uses “tip”. I need to switch between mercurial and...

Next Genpm


So many web projects use npm to pull in their dependencies, for both the front end and back. npm install and away it goes, pulling thousands of files into a node_modules folder in our projects to import/require anything. It's an important cog in the great machine of web development. While I don't...

All About mailto: Links


You can make a garden variety anchor link (<a>) open up a new email. Let's take a little journey into this feature. It's pretty easy to use, but as with anything web, there are lots of things to consider. The basic functionality <a href="mailto:someone@yoursite.com">Email...

I Don’t Hate Arrow Functions


TL;DR Arrow functions are fine for certain usages, but they have so many variations that they need to be carefully controlled to not break down the readability of the code. While arrow functions clearly have a ubiquitous community consensus (though not unanimous support!), it turns...

An Introduction to Web Components


Front-end development moves at a break-neck pace. This is made evident by the myriad articles, tutorials, and Twitter threads bemoaning the state of what once was a fairly simple tech stack. In this article, I’ll discuss why Web Components are a great tool to deliver high-quality user experiences...

The Benefits of Structuring CSS Around Appearance and Layout


I like this point that Jonathan Snook made on Twitter and I’ve been thinking about it non-stop because it describes something that’s really hard about writing CSS: I feel like that tweet sounds either very shallow or very deep depending on how you look at it but in reality, I don't think...

Extending Google Analytics on CSS-Tricks with Custom Dimensions


The idea for this article sparked when Chris wrote this in Thank You (2018 Edition): I almost wish our URLs had years in them because I still don't have a way to scope analytic data to only show me data from content published this year. I can see the most popular stuff from the year, but that's...

Learning to Learn


There’s been a lot of talk recently about whether or not you need a degree to be in tech (spoiler: you don’t). But please don’t take this to mean you don’t need any kind of education to be in tech, because by not getting a degree, you’re opting to replace the imposed learning structure of...

Using CSS Grid the right way


Violet Peña has shared her recommendations for using CSS Grid. They basically boil down to these high-level points: Use names instead of numbers for setting up our grid columns. fr should be our flexible unit of choice. We don’t really need a grid system anymore. Although this is all great advice...

Writing Animations That Bring Your Site to Life


Web animation is one of the factors that can strongly enhance your website’s look and feel. Sadly, unlike mobile apps, there aren’t as many websites using animation to their benefit as you would think. We don’t want to count yours among those, so this article is for you and anyone else looking...

Don’t Get Clever with Login Forms


Brad points out some UX problems with a variety of apps that are doing things a little outside of the norm when it comes to their login forms. There is already a bunch of things to get right with forms to begin with (e.g. use the right input types, label your inputs, don't have whack password...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace