Search

Nalezeno "custom": 305

Saving Settings for a Custom WordPress Block in the Block Editor

12.12.2022
We’ve accomplished a bunch of stuff in this series! We created a custom WordPress block that fetches data from an external API and renders it on the front end. Then we took that work and extended it so the data … Saving Settings for a Custom WordPress Block in the Block Editor originally...

Creating a Settings UI for a Custom WordPress Block

17.11.2022
So far, we’ve covered how to work with data from an external API in a custom WordPress block. We walked through the process of fetching that data for use on the front end of a WordPress site, and how to … Creating a Settings UI for a Custom WordPress Block originally published on CSS-Tricks...

Classy and Cool Custom CSS Scrollbars: A Showcase

14.11.2022
In this article we will be diving into the world of scrollbars. I know, it doesn’t sound too glamorous, but trust me, a well-designed page goes hand-in-hand with a matching scrollbar. The old-fashioned chrome scrollbar just doesn’t fit in as … Classy and Cool Custom CSS Scrollbars:...

CSS Grid and Custom Shapes, Part 3

11.11.2022
After Part 1 and Part 2, I am back with a third article to explore more fancy shapes. Like the previous articles, we are going to combine CSS Grid with clipping and masking to create fancy layouts for image … CSS Grid and Custom Shapes, Part 3 originally published on CSS-Tricks, which...

The New PS5, Xbox Custom Controllers Will Have You Breaking The Bank

18.10.2022
In 2015, Microsoft revealed the Elite Series Xbox controller, a premium gamepad for players who can recount their Call of Duty kill/death ratio faster than their Social Security number. An entire console generation later and Sony’s now getting in the game too with the DualSense Edge, a souped...

16 Incredible Steam Deck Custom Start Animations

12.10.2022
As you might’ve heard Steam Deck users have been eating good this week, between the surprise launch of the official Dock accessory and a big software update. They’re also celebrating an unexpected feature of Valve’s mini PC: The ability to customize the boot animation. There’s an entire subreddit...

How I Made an Icon System Out of CSS Custom Properties

22.9.2022
SVG is the best format for icons on a website, there is no doubt about that. It allows you to have sharp icons no matter the screen pixel density, you can change the styles of the SVG on hover … How I Made an Icon System Out of CSS Custom Properties originally published on CSS-Tricks, which...

CSS :autofill

22.9.2022
Autofilling HTML input elements is a frequent user action that can drastically improve user experience. Hell, we all autofill for our passwords and address information. But what control do we have when input elements have been autofilled? To add custom CSS styles to inputs whose contents have been...

Making a Real-Time Clock With a Conic Gradient Face

19.9.2022
Gradients have been a part of the CSS spectrum for quite some time now. We see a lot of radial and linear gradients in a lot of projects, but there is one type of gradient that seems to be a … Making a Real-Time Clock With a Conic Gradient Face originally published on CSS-Tricks, which...

Interpolating Numeric CSS Variables

30.8.2022
We can make variables in CSS pretty easily: :root { --scale: 1; } And we can declare them on any element: .thing { transform: scale(--scale); } Even better for an example like this is applying the variable on a user … Interpolating Numeric CSS Variables originally published...

Using CSS Cascade Layers to Manage Custom Styles in a Tailwind Project

24.8.2022
If a utility class only does one thing, chances are you don’t want it to be overridden by any styles coming from elsewhere. One approach is to use !important to be 100% certain the style will be applied, regardless of … Using CSS Cascade Layers to Manage Custom Styles in a Tailwind Project...

CSS Grid and Custom Shapes, Part 2

22.8.2022
Alright, so the last time we checked in, we were using CSS Grid and combining them with CSS clip-path and mask techniques to create grids with fancy shapes. Here’s just one of the fantastic grids we made together: CodePen… CSS Grid and Custom Shapes, Part 2 originally published...

CSS Grid and Custom Shapes, Part 1

15.8.2022
In a previous article, I looked at CSS Grid’s ability to create complex layouts using its auto-placement powers. I took that one step further in another article that added a zooming hover effect to images in a grid layout… CSS Grid and Custom Shapes, Part 1 originally published...

WDRL — Edition 301: CSS on fire, custom maps, text experience and testing

22.7.2022
Hey, This week is full of awesome CSS stuff that people have dreamt of only some years ago. And we have other articles that I’ve been long waiting for: Great custom maps, a modern end-to-end testing framework and a fast Electron alternative. But first of all, the topic of the week: People always...

Drake Gets $8000 Gaming PC Just To Gamble In A Browser

14.7.2022
While you’d all be aware that celebrities, despite their wealth, are given expensive shit for free all the time, today we’re going to take a look at one gift in particular. Partly because it’s a gaming PC, but also because we kinda have the receipt for it as well.Read more

Initial D x Nike Dunks Are Just Lovely

8.7.2022
While the Dunk craze is surely reaching its saturation point—I was in Sydney earlier this week and it felt like 40% of kids were rocking Pandas—there’s always room for innovation and amazing design work on the decades-old shoe. It just doesn’t always have to come from Nike themselves.Read more

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