Search
An Introduction to Web Components
18.3.2019
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
13.3.2019
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
11.3.2019
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...
The Ultimate Guide to JavaScript Algorithms: Where Do I Belong
6.3.2019
It never feels good to be lost and unable to find your way home, or so out of place and unable to fit in. Don’t get confused, this isn’t some dark and twisted literature about some scared lady lost
Learning to Learn
4.3.2019
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
22.2.2019
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
22.2.2019
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
19.2.2019
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
18.2.2019
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
13.2.2019
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
11.2.2019
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
7.2.2019
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
6.2.2019
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
22.1.2019
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...
Spoják – týden třetí. Blíží se DNS Flag Day. Články 11 a 13 se zatím neblíží. Nokia, Don’t kill my app.
21.1.2019
Heslovitě: AlaSQL. Don’t kill my app. Android Studio 3.3. Hackování Play with Docker. Hacknuté hostingy. Shape Detection API. Videa z OpenAlt 2018. Android na 64bit. MongoDB mizí ze svobodných distribucí. ???? CyberSecurity. Rust 1.32.0. Články 11 a 13 zatím neschváleny. DNS Flag Day
The Ethics of Web Performance
14.1.2019
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
10.1.2019
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.
17.12.2018
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
12.12.2018
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...
Web Designs That Feel Like Ancient History, but Are More Recent Than You Think
12.12.2018
Flickr announced not long ago that they are limiting free accounts to 1,000 photos. I don't particularly mind that (because it seems like sound business sense), although it is a bit sad that a ton of photos will be nuked from the internet. I imagine the Internet Archive will swoop in and get most...