CSS keyframe animations are incredibly flexible and powerful, but they’re also a bit weird. In this deep-dive tutorial, we'll learn how CSS keyframes work from the ground up, and see how to use them to build high-quality animations.
In today's GUI challenge I share my thinking on a way to solve split buttons. A staple component for condensed interfaces, it allows a single button to feature secondary actions. Lots of great tips about theming, shadows, color, layouts, interaction UX, and more.
Machine Learning is the process of teaching a computer how to perform a task without explicitly programming it. The process feeds algorithms with large amounts of data to gradually improve predictive performance.
Wish your app could automatically shorten those large, ungainly URLs into something more… uh… gainly? Well, with the Shorten URLs extension, we can take any URL you store in a Firestore collection, send it over to bit.ly, and convert those URLs into something a lot shorter and a lot easier to share with your friends!
There is a newly-dropped Chromium feature to import stylesheets, which turns them into a constructible Stylesheet. Dave shows Chris how it works, the clutch feature being that you have a real JavaScript object of the stylesheet to potentially manipulate before using.
WomenWorldWide.dev is a map of coding and tech groups around the world for all who identify as women.
This map represents just a tiny sliver of the great organizations that share this focus.
If you know of a local group that should be on the map, please submit a pull request, so that we can be sure to add it!
Running the repo locally
If you'd like to submit a pull request, you can run the project locally:
git clone git@github.com:prisma/women-world-wide.git
cd women-world-wide
yarn
yarn develop
Contributions 🤝
We are actively seeking to add additional organizations to the map.
There are three components to each entry:
the country
the city
the organization
When adding a new group, you can add it into an existing city and/or country, or you can add the necessary city and country. You can take any of these steps in the…
{"name": "foo",// your package name"type": "module","source": "src/foo.js",// your source code"exports": {"require": "./dist/foo.cjs",// used for require() in Node 12+"default": "./dist/foo.modern.js"// where to generate the
Zero-config CLI for TypeScript package development
Despite all the recent hype, setting up a new TypeScript (x React) library can be tough. Between Rollup, Jest, tsconfig, Yarn resolutions, ESLint, and getting VSCode to play nicely....there is just a whole lot of stuff to do (and things to screw up). TSDX is a zero-config CLI that helps you develop, test, and publish modern TypeScript packages with ease--so you can focus on your awesome new library and not waste another afternoon on the configuration.
In this Hasty Treat, Scott and Wes talk about the Typescript strict flag — what it does and why you might use it.
Syntax – Sass × Houdini × No JS? × Solid Project × First Dev Job Tips × Bartering × DRM × Dev Laptops × Databases × Frontity
It's another Potluck! In this episode, Scott and Wes answer your questions about Sass, Houdini, JS requirements, tips for your first dev job, dev laptops, databases, Frontity, and more!
Thank you for reading, talk to you next week, and stay safe! 👋
