Search

Nalezeno "custom": 336

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

Collective #717

23.6.2022
The cost of convenience * Building forms with custom elements * State of GraphQL The post Collective #717 appeared first on Codrops

Beautify GitHub Profile

26.5.2022
It wasn’t long ago that Nick Sypteras showed us how to make custom badges for a GitHub repo. Well, Reza Shakeri put Beautify GitHub Profile together and it’s a huuuuuuge repo of different badges that pulls lots of examples … Beautify GitHub Profile originally published...

Latest Sims 4 Update Adds Custom Pronouns For All

26.5.2022
A new Sims 4 update released yesterday added new pronoun options to the latest entry in EA’s long-running life simulator. With this update, players will be able to set their Sims’ pronouns, including completely custom ones, without the use of mods across all platforms that The Sims 4 is available...

Adding Custom GitHub Badges to Your Repo

3.5.2022
If you’ve spent time looking at open-source repos on GitHub, you’ve probably noticed that most of them use badges in their README files. Take the official React repository, for instance. There are GitHub badges all over the README file that communicate important...

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