Search

Nalezeno "po box": 392

Collective #629


Hands-Free Coding * Thinking Outside the Box with CSS Grid * Responsive Height Design * SVG Favicon Maker The post Collective #629 appeared first on Codrops

[aktualita] Evolveo uvádí na trh multimediální centrum s podporou DVB-T2 a DVB-C


Značka Evolveo začala českým zákazníkům nabízet multimediální centrum s operačním systémem Android 9, které zároveň slouží jako set-top box pro příjem vysílání ve standardu DVB-T2. Tuner naladí rovněž programy v DVB-T nebo v kabelovém vysílání DVB-C. Ladění televizních programů a jejich ovládání...

The Empty Box


application building, creativity, starting The post The Empty Box appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter

What Happens When Border Radii Overlap?


I’d wager that most times we’re rounding box corners in CSS, we’re applying a uniform border-radius value across the border. It’s a nice touch of polish in many designs. But there are times when we might want different radii for different corners. Easy, right? That way the property takes four...

More Control Over CSS Borders With background-image


You can make a typical CSS border dashed or dotted. For example: .box { border: 1px dashed black; border: 3px dotted red; } You don’t have all that much control over how big or long the dashes or gaps are. And you certainly can’t give the dashes slants, fading, or animation!...

CSS Painting Order


Usually, when I see terms like “painting order” or “stacking context” my brain will start to shut off and my eyes will gloss over. Not that my brain doesn’t normally shut off more often than not, but that’s another topic for another time. Martin Robinson over...

When a Line Doesn’t Break


We expect a line to break when the text on that line reaches the parent box boundaries. We see this every time we create a paragraph, just like this one. When the parent box doesn’t have enough room for the next word in a line, it breaks it and moves down to the next line and repeats that...

Collective #611


The Return of the 90s Web * keen-slider * Grid Cheatsheet * RSS Box * Styling Layout Wrappers In CSS The post Collective #611 appeared first on Codrops

Rough Notation


This is a neat little library. It uses SVG to insert hand-drawn looking annotations to elements (probably text), like underlines and box highlights (there are 6 design options, all configurable). Super clever. Here’s a little demo: CodePen Embed Fallback Aside from it just being cool,...

Global CSS options with custom properties


With a preprocessor, like Sass, building a logical “do this or don’t” setting is fairly straightforward: $option: false; @mixin doThing { @if $option { do-thing: yep; } } .el { @include doThing; } Can we do that in native CSS with custom properties? Mark Otto shows...

A First Look at `aspect-ratio`


Oh hey! A brand new property that affects how a box is sized! That’s a big deal. There are lots of ways already to make an aspect-ratio sized box (and I’d say this custom properties based solution is the best), but none of them are particularly intuitive and certainly not...

Playing With (Fake) Container Queries With watched-box & resizeasaurus


Heydon’s <watched-box> is a damn fantastic tool. It’s a custom element that essentially does container queries by way of class names that get added to the box based on size breakpoints that are calculated with ResizeObserver. It’s like a cleaner version of what Philip...

Fake Code


Here’s a fun little idea from Knut Synstad. You give it the URL of a GitHub Gist and it converts the Gist into grayscale rounded blobs (SVG) that sorta look like code if you squint. Maybe fun for interesting dynamic backgrounds or for whatever you might use code-looking stock art for. It...

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