Search

Nalezeno "read": 2414

Considerations for Creating a Card Component


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

Unfortunately, clip-path: path() is Still a No-Go


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


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

A Sea Change to Crypto Hits America, Again


A sea change is coming to cryptocurrency in America. It is likely to hit in two separate waves: a central bank digital currency (CBDC) and draconian regulation that shuts down free-market activities, including development. Also Read: No Backdoor on Human Rights: Why Encryption Cannot Be Compromised...

HTML: The Inaccessible Parts


<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


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


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


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


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

How to Get Free Bitcoin in 2020


Many early adopters who made a fortune from cryptocurrency first got their hands on coins by receiving them for free from bitcoin faucets back in the day. Today there are still a number of ways for you to get bitcoin for free including airdrops, giveaways, bounties, tipping, referral programs...

Why is CSS Frustrating?


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

When CSS Blocks


Tim Kadlec: One particular pattern [for loading non-critical CSS] I’ve seen is the preload/polyfill pattern. With this approach, you load any stylesheets as preloads instead, and then use their onload events to change them back to a stylesheet once the browser has them ready. So you're...

Animated Matryoshka Dolls in CSS


Here’s a fun one. How might we create a set of those cool Matryoshka dolls where they nest inside one another... but in CSS? I toyed with this idea in my head for a little while. Then, I saw a tweet from CSS-Tricks and the article image had the dolls. I took that as a sign! It was time to...

Let’s Say You Were Going to Write a Blog Post About Dark Mode


This is not that blog post. I'm saying let's say you were. This is not a knock any other blog posts out there about Dark Mode. There are lots of good ones, and I'm a fan of any information-sharing blog post. This is more of a thought exercise on what I think it would take to write a really great...

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