Search

Nalezeno "Not": 4994

Text Wrapping & Inline Pseudo Elements


I love posts like this. It's just about adding a little icon to the end of certain links, but it ends up touching on a million things along the way. I think this is an example of why some people find front-end fun and some people rather dislike it. Things involved: Cool [attribute] selectors that...

Look Ma, No Media Queries! Responsive Layouts Using CSS Grid


Not only has CSS Grid reshaped the way we think and build layouts for the web, but it has also contributed to writing more resilient code, replacing "hacky" techniques we've used before, and in some cases, killing the need to rely on code for specific resolutions and viewports. What's so cool about...

Dealing with overflow and position: sticky;


Any overflow value other than visible and no height is the enemy of child elements with position: sticky;. It's like that element is ready to stick when the parent scrolls, but it never does because the height is unconstrained. Adding a fixed height can solve the issue, but that's not always...

Chris Coyier’s Favorite CodePen Demos IV


Did you know you can triple-heart things on CodePen? We’ve had that little not-so-hidden feature forever. You can click that little heart button on any Pen (or Project, Collection, or Post) on CodePen to show the creator a little love, but you can click it again and again to heart it just that...

Serverless CloudFlare Workers Are Pretty Awesome


Serverless is the new black. I mean everybody I know is moving to the serverless platforms or launching one. OK, maybe not everyone but CloudFlare is definitely moving in this direction with an aud

Colorful Typographic Experiments


There have been some interesting, boundary-pushing typography-related experiments lately. I was trying to think of a joke like "somethings in the descenders" but I just can't find something that will stand on its own leg without being easy to counter. Codrin Pavel created a fascinating multi-color...

IE10-Compatible Grid Auto-Placement with Flexbox


If you work on web applications that support older browsers, and have lusted after CSS Grid from the sidelines like I have, I have some good news: I've discovered a clever CSS-only way to use grid auto-placement in IE10+! Now, it's not actually CSS Grid, but without looking at the code itself,...

The Cloud is Just Someone Else's Computer


When we started Discourse in 2013, our server requirements were high: 1GB RAM modern, fast dual core CPU speedy solid state drive I'm not talking about a cheapo shared cpanel server, either, I mean a dedicated virtual private server with those specifications. We were OK with that, because we were

Use monday.com to manage and share projects all in one place


(This is a sponsored post.) We've talked quite a bit about project management and workflows around here at CSS-Tricks, not because it's the core of what we do as designers and developers, but because we all play a role in it as part of a team and because it impacts the quality of our work at...

The Smart Ways to Correct Mistakes in Git


The world of software development offers an infinite amount of ways to mess up: deleting the wrong things, coding into dead ends, littering commit messages with typos, are a mere few of the plentitude. ​​ ​​Fortunately, however, we have a wonderful safety net under our feet in the form of Git when...

Apple vypouští z prohlížeče Safari funkci „Do Not Track“. Čím ji nahradí?


Příští verze webového prohlížeče Safari nebude disponovat funkcí „Do Not Track“. Apple se rozhodl ji odstranit, protože počet webů, které ji podporovaly, byl velmi nízký. Hodlá proto přijít s vlastním řešením, které by mělo účinněji bránit sledování uživatelů. Podpora funkce „Do Not Track“ již

What Hooks Mean for Vue


Not to be confused with Lifecycle Hooks, Hooks were introduced in React in v16.7.0-alpha, and a proof of concept was released for Vue a few days after. Even though it was proposed by React, it’s actually an important composition mechanism that has benefits across JavaScript framework ecosystems,...

More Like position: tricky;


I rather like position: sticky;. It has practical use cases. I think of things like keeping a table of contents in a sidebar of a long article, but as a fairly simple implementation and without risk of overlapping things in awkward ways. But Elad Shechter is right here: it's not used that much...

Well, Typetura seems fun


I came across this update from Scott Kellum's and Sal Hernandez's project Typetura via my Medium feed this morning, and what a delight?! (Also, wow, I really have been out of the game for a minute.) Typetura.js is a fluid design solution, for any property, based on any input. It’s not for just...

Multiple Background Clip


You know how you can have multiple backgrounds? body { background-image: url(image-one.jpg), url(image-two.jpg); } That's just background-image. You can set their position too, as you might expect. We'll shorthand it: body { background: url(image-one.jpg) no-repeat top right, ...

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