Search
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...
Reader Mode: The Button to Beat
7.1.2019
As a young nerd, I loved to immerse myself in digital worlds, learning the ins and outs of the rules someone else had created for me (intentionally or not). But the older and crankier I get, the more I find myself losing patience when navigating these "delightful" experiences.
This fascination...
The Most Hearted of 2018
4.1.2019
We've released the Most Hearted Pens, Posts, and Collections on CodePen for 2018! Just absolutely incredible work on here — it's well worth exploring.
Remember CodePen has a three-tiered hearting system, so while the number next to the heart reflects the number of users who hearted the item...
WordCamp US 2018
4.1.2019
I recently attended and had the chance to speak at WordCamp US 2018 in Nashville. I had a great time. I love conferences that bring people together around a tight theme because it's very likely you'll have something to talk about with every person there. Plus, I rather like WordPress and...
Animating Between Views in React
21.12.2018
You know how some sites and web apps have that neat native feel when transitioning between two pages or views? Sarah Drasner has shown some good examples and even a Vue library to boot.
These animations are the type of features that can turn a good user experience into a great one. But to achieve...
Google Fonts and font-display
19.12.2018
The font-display descriptor in @font-face blocks is really great. It goes a long way, all by itself, for improving the perceived performance of web font loading. Loading web fonts is tricky stuff and having a tool like this that works as well as it does is a big deal for the web.
It's such a...
CSS Ellipsis Beginning of String
18.12.2018
I was incredibly happy when CSS text-overflow: ellipsis (married with fixed width and overflow: hidden was introduced to the CSS spec and browsers; the feature allowed us to stop trying to marry JavaScript width calculation with string width calculation and truncation. CSS ellipsis was also very...
WDRL — Edition 252: End of the year WDRL, have a great end and see you next year
14.12.2018
Hey,
it’s the last edition of this year and I’m pretty stoked what this year brought for us, what happened and how the web evolved. Let’s recap that and think what each of us learned this year, what was the most useful feature, API, library we used this year and how we personally changed. I’ve...
Accessible SVG Icons With Inline Sprites
7.12.2018
This is a great look at accessible SVG markup patterns by Marco Hengstenberg. Here's the ideal example:
<button type="button">
Menu
<svg class="svg-icon"
role="img"
height="10"
width="10"
viewBox="0 0 10 10"
aria-hidden="true"
focusable="false">
...
Create Animated React Apps With React Spring
5.12.2018
One thing that is pivotal to creating great interactive web applications is animations. Animations add life to your applications and improve the overall user experience.
In this tutorial, w
Announcing Advanced Vue Hawaii!
21.11.2018
After few months of preparations I am very excited to present Advanced Vue Hawaii: a 3-day immersive Vue Training for Web Developers. A great opportunity to learn Vue while getting away for few day
Build a React To-Do App with React Hooks (No Class Components)
13.11.2018
Yes, a to-do app, seems like something we’ve all done in the past. The great thing about a to-do app is that it covers all 4 aspects of CRUD; Create, Read, Update, Delete. As a developer, we need t
Skirting the Great Wall, Part Three: The Paradox of Cryptocurrencies in China
12.11.2018
In the final installment of Cointelegraph’s history of crypto in China, we look at the official stance toward cryptocurrencies’ use, ownership, and legal status in the country
Skirting the Great Wall: The Chequered Saga of Crypto in China, 2018
4.11.2018
Part two of Cointelegraph’s three-part series on the history of crypto regulations in China, as authorities in 2018 intensified their efforts to strike a fatal blow on the industry
Skirting the Great Wall: The Checkered Saga of Crypto in China, 2013-2017
28.10.2018
“When China sneezes, Bitcoin catches a cold”: part I of a III-part series covering the history of crypto in China
Script & Style Show: Episode 23: Blogging, CodePenning, and Podcasting with Chris Coyier
1.10.2018
In this episode: David kicks off by recounting a heroic (and tiring) sprint across the O’Hare airport to make his flight home from Toronto. CSS-Tricks scribe Chris Coyier joins Todd and David to discuss CSS-Tricks, CodePen, podcasting, and numerous walks down memory lane. This episode...
Build Your First Angular Website: Show a Single User Using Route Parameters
30.8.2018
We now have our users section that lists our users. This works great, but now we have to show off a single user. The route to see a single user is defined by their username:
Build a state management system with vanilla JavaScript
25.7.2018
Managing state is not a new thing in software, but it’s still relatively new for building software in JavaScript. Traditionally, we’d keep state within the DOM itself or even assign it to a global object in the window. Now though, we’re spoiled with choices for libraries and frameworks to help...
Finite State Machines with React
24.7.2018
As JavaScript applications on the web have grown more complex, so too has the complexity of dealing with state in those applications — state being the aggregate of all the data that an application needs to perform its function. Over the last several years, there has been a ton of great...
Create your own Serverless API
16.7.2018
If you don’t already know of it, Todd Motto has this great list of public APIs. It’s awesome if you’re trying out a new framework or new layout pattern and want to hit the ground running without fussing with the content.
But what if you want or need to make your own API? Serverless can help create...