Search

Nalezeno "here": 2964

Tips for Writing Animation Code Efficiently


I’ve been coding web animations and helping others do the same for years now. However, I have yet to see a concise list of tips focused on how to efficiently build animations, so here you go! I will be using the GreenSock Animation Platform (GSAP). It provides a simple, readable API and solves...

Getting JavaScript to Talk to CSS and Sass


JavaScript and CSS have lived beside one another for upwards of 20 years. And yet it’s been remarkably tough to share data between them. There have been large attempts, sure. But, I have something simple and intuitive in mind — something not involving a structural change, but rather putting...

Google’s Technical Writing Guide


It’s good! I’ve written up my advice (sprinkled with great advice from others), but this is way more straightforward nuts-and-bolts training on technical writing. It’s structured like an actual course, with exercises along the way. I’m far from an expert here. But between...

typespecimens.io


If you’re looking for a new typeface for that side project of yours then here’s a great website by John D. Jameson that collects a bunch of the latest type specimen websites. Everything is on display here, from the daring and bold, to those that are a bit more professional and reserved. Not only...

An Annotated Docker Config for Front-End Web Development


Andrew Welch sings the praises of using Docker containers for local dev environments: Here are the advan­tages of Dock­er for me: • Each appli­ca­tion has exact­ly the envi­ron­ment it needs to run, includ­ing spe­cif­ic ver­sions of any of the plumb­ing need­ed to get it to work (PHP, MySQL...

Performant Expandable Animations: Building Keyframes on the Fly


Animations have come a long way, continuously providing developers with better tools. CSS Animations, in particular, have defined the ground floor to solve the majority of uses cases. However, there are some animations that require a little bit more work. You probably know that animations should...

Wide Gamut Color in CSS with Display-P3


Here’s something I’d never heard of before: Display-P3 support in CSS Color Module Level 4 spec. This is a new color profile supported by certain displays and it introduces a much wider range of colors that we can choose from. Right now the syntax looks something like this in CSS: header...

4 CSS Grid Properties (and One Value) for Most of Your Layout Needs


CSS Grid provides us with a powerful layout system for websites. The CSS-Tricks guide gives you a comprehensive overview of Grid’s properties with layout examples. What we’re going to do here is a reverse approach to show you the smallest possible set of grid properties you need to know to meet...

How They Fit Together: Transform, Translate, Rotate, Scale, and Offset


Firefox 72 was first out of the gate with "independent transforms." That is, instead of having to combine transforms together, like: .el { transform: rotate(10deg) scale(0.95) translate(10px, 10px); } ...we can do: .el { rotate: 10deg; scale: 0.95; translate: 10px 10px; } That's extremely...

Emergency Website Kit


Here’s an outstanding idea from Max Böck. He’s created a boilerplate project for building websites that fit within a single HTTP request. This is extremely important for websites that contain critical information for public safety. As Max writes: In cases of emergency, many organizations need...

Get Static


In this piece, Eric Meyer argues that performance is more important than ever right now — especially for websites that contain critical information for the public: If you are in charge of a web site that provides even slightly important information, or important services, it’s time to...

4 Virtual Crypto Conferences You Can Attend From Home


The crypto industry has had to quickly adapt to the escalating coronavirus pandemic, with major conferences postponed, canceled or hastily reformatted for the virtual realm. Due to its disproportionately high number of remote workers, though, the industry is more geared up for this new paradigm...

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