Search

Nalezeno "like": 3846

Negative Margins


PPK digs into the subject, which he found woefully undercovered in web tech documentation. Our entry doesn't mention them at all, which I'll aim to fix. Agree on this situation: This is by far the most common use case for negative margins. You give a container a padding so that its contents have...

Adventures in CSS Semi-Transparency Land


Recently, I was asked to make some tweaks to a landing page and, among the things I found in the code, there were two semitransparent overlays — both with the same RGB values for the background-color — on top of an image. Something like this: <img src='myImage.jpg'/> <div...

Use a:visited in your CSS stylesheet


Evert Pot: Unfortunately, when setting a new color (e.g. a { color: #44F }) the ‘purple visited link’ feature also gets disabled. I think this is a shame, as there’s so many instances where you’re going through a list of links and want to see what you’ve seen before. The 2 examples I ran into...

Geoff’s Redesign Posts


I love it when people redesign "in the open" and write about it. I'd just like to shout out to our own Geoff who has been doing this for 3 months now. He started in late December last year. He's been sharing stuff like his dev tooling choices, considering performance, considering accessibility...

Industry Execs Claim Freshly Minted ‘Virgin Bitcoins’ Fetch 20% Premium


A few blockchain surveillance companies like Cyphertrace have recently published reports on criminal activities tied to bitcoin usage and the studies mentioned the topic of “virgin bitcoins.” According to industry executives, freshly minted bitcoins with no transaction history can sell...

Bitcoin.com Local Gathers Steam as Other P2P Markets Falter


The bitcoin marketplace Localbitcoins was once the most popular peer-to-peer (P2P) trading platform. But during the last few years, the company’s trading requirements and KYC implementation have caused an influx of traders to migrate to different P2P crypto markets. The mass departure...

What to Use Instead of Number Inputs


You might reach for <input type="number> when you're, you know, trying to collect a number in a form. But it's got all sorts of issues. For one, sometimes what you want kinda looks like a number, but isn't one (like how a credit card number has spaces), because it's really just a string...

Currying in CSS


Funny timing on this I was just looking at the website for Utopia (which is a responsive type project which I hate to admit I don't fully understand) and I came across some CSS they show off that looked like this: :root { --fluid-max-negative: (1 / var(--fluid-max-ratio)...

What React Does (and Doesn’t Do)


With a name as big as React, it's bound to cause some Stream-Crossing Confusion, as I like to call it. How do you center a <div> in React? Dave Ceddia: React cares exactly zero about styling. Think of it as generating the barebones HTML. React will put elements on the page, but everything...

How We Created a Static Site That Generates Tartan Patterns in SVG


Tartan is a patterned cloth that’s typically associated with Scotland, particularly their fashionable kilts. On tartanify.com, we gathered over 5,000 tartan patterns (as SVG and PNG files), taking care to filter out any that have explicit usage restrictions. The idea was cooked up by Sylvain...

4 Ways to Animate the Color of a Text Link on Hover


Let’s create a pure CSS effect that changes the color of a text link on hover… but slide that new color in instead of simply swapping colors. There are four different techniques we can use to do this. Let’s look at those while being mindful of important things, like accessibility, performance,...

Vue.js: The Documentary


Hey how cool! A documentary about Vue! Good timing as it looks like VueConf is happening right now. (Reminder we have a site for conferences to tell you stuff like that). Sarah appears in it (about 21:13) and talks about CSS-Tricks for a second, so we're officially super famous now and I have...

What I Like About Craft CMS


Looking at the CMS scene today, there are upwards of 150 options to choose from — and that’s not including whatever home-grown custom alternatives people might be running. The term “Content Management System” is broad and most site builders fit into the CMS model. Craft CMS, a relatively new choice...

How to Set a Default Commit Message


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


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

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

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