Search

Nalezeno "Code": 1642

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 your code’s transience


Websites change. Healthy codebases are constantly being updated. Legacy code dies when it eventually goes down with the ship. Recognizing that my code is transient allows me to be more practical about my code and what guides my decision-making as …

Dock Life: Using Docker for All The Things!


I think if you’re a DevOps person in any capacity, the utility of Docker is very clear. Your things run in containers that are identical everywhere. Assuming Docker is working/running, the code will execute in a reliably consistent way whether …

When is it “Right” to Reach for contain and will-change in CSS?


I’ve got some blind spots in CSS-related performance things. One example is the will-change property. It’s a good name. You’re telling the browser some particular property (or the scroll-position or content) uh, will, change: .el { will-change: opacity; … The post When...

CSS “decorations”


A reader wrote to me the other day asking about this bit of CSS they came across in Wikipedia’s Common.css: .mw-collapsible-leftside-toggle .mw-collapsible-toggle { /* @noflip */ float: left; /* @noflip */ text-align: left; } What’s that @noflip business? That’s...

Coding Font Game


A tournament bracket UI where you pick your favorite between two coding fonts and your choices are whittled down all the way to a final winner. A clever way to suss out your own taste and arrive at a choice.… The post Coding Font Game appeared first on CSS-Tricks. You can support CSS-Tricks...

The Many Faces of VS Code in the Browser


VS Code is built from web technologies (HTML, CSS, and JavaScript), but dare I say today it’s mostly used a local app that’s installed on your machine. That’s starting to shift, though, as there has been an absolute explosion of … The post The Many Faces of VS Code in...

What do you get for using a search input type?


Like this: <input type="search"> You get an extra-round-y appearance in Safari, which at one time matched the macOS look for search inputs, but not really anymore. I don’t hate the look, except… Safari totally ignores the font-size you set on … The post What do you...

Cherry-Picking Commits in Git


In part 5 of this series, we looked at rebasing and merging. Although there are a couple of differences between git merge and git rebase, both commands have the same goal: they integrate changes from one branch into another. The post Cherry-Picking Commits in Git appeared first on CSS-Tricks....

The Gap (Design Engineering)


Egor Kloos describes a situation where a (purely visual) designer asks for some changes to a component. There is a misunderstanding where the (code monkey) developer implements the change exactly as requested—but really what was required was both a bug … The post The Gap (Design Engineering)...

A Clever Sticky Footer Technique


Upon hearing “sticky footer” these days, I would think most people imagine a position: sticky situation where a footer element appears fixed on the screen while in the scrolling context of some parent element. That’s not quite what I’m talking … The post A Clever...

Other Looks at the Conditional Border Radius Trick


Remember when Ahmad Shadeed wrote about that border-radius “toggle” he found in Facebook’s CSS? It was interesting! I covered it. A few weeks after that surge of linkage, a couple of articles came out digging into it a little deeper. … The post Other Looks at...

Semantic menu context


Scott digs into the history of the <menu> element. He traced it as far back as HTML 2 (!) in a 1994 changelog. The vibe then, it seems, was to mark up a list. I would suspect the intention … The post Semantic menu context appeared first on CSS-Tricks. You can support CSS-Tricks...

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