Search

Nalezeno "color": 241

Eye Droppin’


Quick hits! There is a new web API called EyeDropper: if ('EyeDropper' in window) { const eyeDropper = new EyeDropper(); try { // This has gotta be triggered by a user interaction, // so consider this pseudo-code. const result …

Coloring With Code — A Programmatic Approach To Design


Learn to create beautiful, inspiring, and unique color palettes/combinations, all from the comfort of your favorite text editor! The post Coloring With Code — A Programmatic Approach To Design appeared first on Codrops

Embrace the Unpredictable


In nature, no two things are ever the same. Life is imperfect, unpredictable, and beautiful. We can walk through the same forest every day and see differently colored leaves. We can look up at the clouds every minute and watch …

Color Alpha Anywhere


In my “Different Degrees of Custom Property Usage” article, I noted a situation about colors and CSS custom properties where I went “too far” with breaking up HSL color values. Breaking every single color into its H, S, and L parts … The post Color Alpha Anywhere...

Defining and Applying UI Themes Using the Mimcss CSS-in-JS Library


Theming UI refers to the ability to perform a change in visual styles in a consistent manner that defines the “look and feel” of a site. Swapping color palettes, à la dark mode or some other means, is a good … The post Defining and Applying UI Themes Using the Mimcss CSS-in-JS Library...

Netflix's Cowboy Bebop Live-Action Series Needs Some Damn Color


Since dropping the first official trailer in late September, Netflix has tweeted a few side-by-side comparisons of Cowboy Bebop, showing how the upcoming live-action adaptation compares to the original anime series. One takeaway of mine? It looks promising. The other takeaway? It really needs some...

Easy Dark Mode (and Multiple Color Themes!) in React


I was working on a large React application for a startup, and aside from just wanting some good strategies to keep our styles organized, I wanted to give this whole “dark mode” thing a shot. With the huge ecosystem around … The post Easy Dark Mode (and Multiple Color Themes!) in React...

Okhsv and Okhsl


There is an old Russian fable where Okhsv and Okhsl are on a rowboat and Okhsv says to Okhsl, “What are the known shortcomings of HSL and HSV color pickers in design applications?” I kid, I kid. But really, what … The post Okhsv and Okhsl appeared first on CSS-Tricks. You...

Okhsv and Okhsl


There is an old Russian fable where Okhsv and Okhsl are on a rowboat and Okhsv says to Okhsl, “What are the known shortcomings of HSL and HSV color pickers in design applications?” I kid, I kid. But really, what … The post Okhsv and Okhsl appeared first on CSS-Tricks. You...

Mariah Carey Offers Free Bitcoin Bonus to Encourage Fans to Invest in Crypto


Mariah Carey has encouraged her fans to invest in cryptocurrencies. To help them get started, she is offering $20 in free bitcoin via her partnered cryptocurrency exchange. “A portion of your trade will go toward Black Girls Code, a non-profit helping to increase the number of women of color...

Animation Techniques for Adding and Removing Items From a Stack


Animating elements with CSS can either be quite easy or quite difficult depending on what you are trying to do. Changing the background color of a button when you hover over it? Easy. Animating the position and size of an … The post Animation Techniques for Adding and Removing Items From...

Creating 3D Characters in Three.js


Are you looking to get started with 3D on the web? In this tutorial we’ll walk through creating a three-dimensional character using Three.js, adding some simple but effective animation, and a generative color palette. The post Creating 3D Characters in Three.js appeared first on Codrops

CSS accent-color


For better or worse, form fields have been somewhat difficult to style with CSS. Form control display is dependent upon device, operating system, and browser, so you can imagine the difficulty in making styling easy. We have slowly been given some controls over form control display, as evidenced...

Game Devs Of Color Expo Is Full Of Great Free Steam Demos, Melanin


The Game Devs of Color Expo, an event showcasing the diverse talent in games while providing a platform for creators of color, is officially underway. The 6th annual festival runs from September 23-27 and gives way to a host of happenings, from panels and talks to demos and trailers. There’s four...

The Whiteness of Skater XL’s Mods Is A Major Bummer


Skater XL, the skateboarding simulator developed by Easy Day Studios, is one of two more recent genre entries that attempts to capture the zeitgeist of EA’s Skate. The game plops you in a myriad of selectable maps, each replete with various obstacles (such as benches and rails) to trick over,...

“Just in Time” CSS


I believe acss.io is the first usage of “Atomic CSS” where the point of it is to be a compiler. You write CSS like this: <div class="C(#fff) P(20px)"text </div And it will generate CSS like: .C\(\#333\) { color: #333; … The post “Just in Time” CSS appeared...

EyeDropper API Dropped


I had no idea this was coming but it’s pretty neat! Chrome has shipped the EyeDropper API in v95 (Canary, as I write). ???? Loving the new `EyeDropper` Web API: “`jsawait new EyeDropper().open();// Returns the picked color, e.g., … The post EyeDropper API Dropped appeared...

The Big Gotcha With Custom Properties


I’ve seen this confuse more than a handful of people recently, including myself, so I’m making sure it’s written down. Let’s chuck a couple of custom properties into CSS: html { --color-1: red; --color-2: blue; } Let’s use them right … The post The...

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