Search

Nalezeno "NOT": 4989

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, ...

Slide an Image to Reveal Text with CSS Animations


I want to take a closer look at the CSS animation property and walk through an effect that I used on my own portfolio website: making text appear from behind a moving object. Here’s an isolated example if you’d like to see the final product. Here’s what we're going to work with: See the...

Designing for the web ought to mean making HTML and CSS


David Heinemeier Hansson has written an interesting post about the current state of web design and how designers ought to be able to still work on the code side of things: We build using server-side rendering, Turbolinks, and Stimulus. All tools that are approachable and realistic for designers...

Creating Your Own Gravity and Space Simulator


Space is vast. Space is awesome. Space is difficult to understand — or so people tend to think. But in this tutorial I am going to show you that this is not the case. Quite the contrary; the laws that govern the motion of the stars, planets, asteroids and even entire galaxies are incredibly simple....

Use monday.com to Boost Project Organization and Team Collaboration


(This is a sponsored post.) Front-end development relies on organization and solid communication. Whether you're part of a team that builds large-scale sites or you're flying solo with a handful of quality clients, there are many pieces and steps to get a project from start to finish. And that's...

The Secret Weapon to Learning CSS


For some reason, I’ve lately been thinking a lot about what it takes to break into the web design industry and learn CSS. I reckon it has something to do with Keith Grant’s post earlier this month on a CSS mental model where he talks about a “common core for CSS”: We need common core tricks like...

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