Search

Nalezeno "don": 1237

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...

Collective #493


ES5 to ESNext * Don't Get Clever with Login Forms * Meteorite * Awesome Design Tools * Leon Collective #493 was written by Pedro Botelho and published on Codrops

​​Avoiding those dang cannot read property of undefined errors


​​​​Uncaught TypeError: Cannot read property 'foo' of undefined.​ The dreaded error we all hit at some point in JavaScript development. Could be an empty state from an API that returns differently than you expected. Could be something else. We don’t know because the error itself is so general...

The ineffectiveness of lonely icons


Icons are great and all, but as we've been shown time and time again, they often don't do the job all by themselves. Even if you do a good job with the accessibility part and make sure there is accompanying text there for assistive technology, in an ironic twist, you might be confusing people...

HTML, CSS and our vanishing industry entry points


Rachel Andrew: There is something remarkable about the fact that, with everything we have created in the past 20 years or so, I can still take a complete beginner and teach them to build a simple webpage with HTML and CSS, in a day. We don’t need to talk about tools or frameworks, learn how...

Gradians and Turns: the quiet heroes of CSS angles


I love coming across little overlooked CSS gems, like the gradien (grad) and turn (turn) units that Ken Bellows uncovers in his post explaining them. I don't know, maybe y'all are already aware of them, but they're certainly new to me. They're additional options for dealing with angles, where...

React indeterminate


I’ve fallen in love with React.js and JSX over the years; state-based rendering and a logical workflow have made me see the light of this modern framework. That doesn’t mean I don’t sometimes get a bit frustrated that the “simple” things seem harder than they should...

The Ethics of Web Performance


Tim Kadlec on the issues surrounding poor web performance and why it’s so important for us to care about making our sites as fast as possible: Poor performance can, and does, lead to exclusion. This point is extremely well documented by now, but warrants repeating. Sites that use an excess...

Algorithmic Layouts


Don't miss this video by Heydon that digs into CSS layouts. It's great how he combines fundamental knowledge, like the way elements flow, wrap, and can have margin with new layout methods like flexbox and grid (with specific examples). Of particular note is the clear demonstration of how flexbox...

Nobody is quite wrong.


There are two opposing views on using non-polyfillable new web features that I find are both equally common in our industry: Websites don't need to look the same in every browser. The concept of progressive enhancement helps with that. There are tools, even native language features, that help with...

Keep Math in the CSS


There is a sentiment that leaving math calculations in your CSS is a good idea that I agree with. This is for math that you could calculate at authoring time, but specifically chose not to. For instance, if you needed a 7-column float-based grid (don't ask), it's cleaner and more intuitive: .col...

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