Search
Search Git Commits Between Dates
12.7.2018
One of my weaknesses as a developer is relying on UIs to provide me the data I need. It’s not a fatal weakness but it does hamper me a bit. One prime example is relying on GitHub’s interface to review changes; git’s command line provides the information needed with commands...
A Quick Roundup of Recent React Chatter
12.6.2018
Like many, many others, I'm in the pool of leveling up my JavaScript skills and learning how to put React to use. That's why Brad Frost resonated with me when he posted My Struggle to Learn React."
As Brad does, he clearly outlines his struggles point-by-point:
I have invested enough time...
Digging Into React Context
11.6.2018
You may have wondered lately what all the buzz is about Context and what it might mean for you and your React sites. Before Context, when the management of state gets complicated beyond the functionality of setState, you likely had to make use of a third party library. Thanks to recent updates...
Writing Snapshot Tests For React Components With Jest
8.6.2018
In this tutorial, we will be looking at what snapshot tests are and how we can use snapshot testing to ensure our User Interface does not change without the team knowing about it.
To get sta
Headless CMS: Fresh Air for Developers
7.6.2018
(This is a sponsored post.)
Your current CMS sucks! You know that for some time already but have not decided yet what your next solution should be.
You've noticed all the buzz around headless CMS but you're still not sure what is in it for you and how it can solve all your woes.
What is...
What does the ‘h’ stand for in Vue’s render method?
30.5.2018
If you’ve been working with Vue for a while, you may have come across this way of rendering your app — this is the default in the latest version of the CLI, in main.js:
new Vue({
render: h => h(App)
}).$mount('#app')
Or, if you’re using a render function, possibly to take advantage...
Five of My Favorite Features of Jetpack
15.5.2018
Jetpack is an official WordPress plugin directly from Automattic. It's an interesting plugin in that it doesn't just do *one thing* — it does a whole slew of things that enhance what your WordPress site can do. *Any* WordPress site, that is, and often with extremely little effort. Those easy...
Responsive Knockout Text With Looping Video
3.5.2018
Here’s an idea! Let’s make an an HTML <video> play inside the shape of some letters. Like "Knockout Text" except instead of an image behind, it’s video. A live demo will explain more clearly:
See the Pen basic pen by Giulio Mainardi (@mgiulio) on CodePen.
A key objective here is to develop...
Wakamai Fondue
1.5.2018
Roel Nieskens released a tool that lets you upload a font file and see what’s inside, from how many characters it contains to the number of languages it supports. Here’s what you see once you upload a font, in this case Covik Sans Mono Black:
Why is this data useful? Well, I used this tool just...
Understanding React `setState`
25.4.2018
React components can, and often do, have state. State can be anything, but think of things like whether a user is logged in or not and displaying the correct username based on which account is active. Or an array of blog posts. Or if a modal is open or not and which tab within it is active.
React...
Kinsta
19.4.2018
(This is a sponsored post.)
Huge thanks to Kinsta for sponsoring CSS-Tricks this week! We're big fans of WordPress around here, and know some of you out there are too. So this might come of interest: Kinsta is WordPress hosting that runs on Google Cloud Platform. And in fact, it's officially...
VuePress Static Site Generator
18.4.2018
VuePress is a new tool from Vue creator Evan You that spins up Vue projects that are more on the side of websites based on content and markup than progressive web applications and does it with a few strokes of the command line.
We talk a lot about Vue around here, from a five-part series on getting...
This Little Kid Does An Excellent Death Note
31.10.2017
Last year, you might remember a kid named Meng Meng who dressed up as No-Face from Studio Ghibli anime Spirited Away. This year, she’s Ryuk from Death Note, and her costume is excellent.Read more