Considerations for Creating a Card Component
2.3.2020
Here's a Card component in React:
const Card = props ={
return(
<div className="card"<h2{props.title}</h2<p{props.content}</p</div)
}
It might be pretty useful! If you end up using this thing hundreds of times, now you have the ability to refactor a little bit of HTML...
How to Set a Default Commit Message
2.3.2020
Having a default commit message is really useful for a number of reasons: It can formalize your commit messages It serves as a good reminder for the information you should add to your commit message, like issue number If you set it to “Drunk AF, don’t accept this” To set a default...
Unfortunately, clip-path: path() is Still a No-Go
2.3.2020
I was extremely excited when I first heard that clip-path: path() was coming to Firefox. Just imagine being able to easily code a breathing box like the one below with just one HTML element and very little CSS without needing SVG or a huge list of points inside the polygon function!
Chris...
Selectors Explained
2.3.2020
Have you ever found yourself either writing a CSS selector that winds up looking confusing as heck, or seen one while reading through someone's code? That happened to me the other day.
Here's what I wrote:
.site-footer__nav a:hover svg ellipse:first-child { }
At the end of it, I honestly couldn't...
UI Interactions & Animations Roundup #4
2.3.2020
A fresh dose of inspiration to get you updated on the latest UI animation and interaction trends.
UI Interactions & Animations Roundup #4 was written by Mary Lou and published on Codrops
Collective #594
2.3.2020
Vue.js: The Documentary * Negative margins in CSS * Rome * Beastnotes * HTML: The Inaccessible Parts
Collective #594 was written by Pedro Botelho and published on Codrops
HTML: The Inaccessible Parts
29.2.2020
<input type="number", <input type="date", <input type="search", <select multiple, <progress, <meter, <dialog, <details<summary, <video, <div onclick, <div aria-label, <a href<divBlock Links</div</a, aria-controls...
A Follow-Up to PHP Templating
28.2.2020
Not long ago, I posted about PHP templating in just PHP (which is basically HEREDOC syntax). I'm literally using that technique for some super basic templating I needed to do on this very WordPress site. The main pushback was that this kind of thing can be an XSS vulnerability. In my case, it's...
How to Customize the WooCommerce Cart Page on a WordPress Site
28.2.2020
A standard e-commerce site has a few common pages. There are product pages, shop pages that list products, and let’s not forget pages for the user account, checkout flow and cart.
WooCommerce makes it a trivial task to set these up on a WordPress site because it provides templates for them...
Where to Learn WordPress Theme Development
28.2.2020
Over a decade ago, I did a little three-part video series on Designing for WordPress. Then I did other series with the same spirit, like videocasting the whole v10 redesign, a friend's website, and even writing a book. Those are getting a little long in the tooth though. You might still learn from...
Data-driven Jamstack with Sourcebit
28.2.2020
Think of building sites with Gatsby as an hourglass shape.
Gatsby itself is right in the middle. The wide funnel at the top represents the fact that Gatsby can take in data from all sorts of sources. The data could be in markdown files, from a headless CMS or some other API, from a hosted database...
Why is CSS Frustrating?
28.2.2020
Here’s a great thread by Kevin Powell that's making the rounds. He believes so many folks see CSS as a frustrating and annoying language:
That's just as unintuitive as JS starting to count at 0, but since you learned that and accept it, it's fine.
The real issue isn't with CSS. If...