- Web Developer
- Posts
- CSS Transitions & Animations ๐จ, Common Vue.js Pitfalls โ ๏ธ, Open Source UI Templates ๐ฆ, MacOS Selected Tools ๐
CSS Transitions & Animations ๐จ, Common Vue.js Pitfalls โ ๏ธ, Open Source UI Templates ๐ฆ, MacOS Selected Tools ๐
2024-09-25
๐ฆพ Master AI & ChatGPT for FREE in just 3 hours ๐คฏ
1 Million+ people have attended, and are RAVING about this AI Workshop.
Donโt believe us? Attend it for free and see it for yourself.
Highly Recommended: ๐
Join this 3-hour Power-Packed Masterclass worth $399 for absolutely free and learn 20+ AI tools to become 10x better & faster at what you do
๐๏ธ Tomorrow | โฑ๏ธ 10 AM EST
In this Masterclass, youโll learn how to:
๐ Do quick excel analysis & make AI-powered PPTs
๐ Build your own personal AI assistant to save 10+ hours
๐ Become an expert at prompting & learn 20+ AI tools
๐ Research faster & make your life a lot simpler & moreโฆ
Hello and welcome to this issue!
Recently, I've been focused on writing a series of articles on modern CSS, and Iโve made some new discoveries. Here's a preview of the planned content:
Color Properties (color() function, color-mix(), Relative Colors, Interpolation Color Spaces...)
Typography Properties (font-variant, initial-letter, font-palette, hanging-punctuation...)
Interaction Properties (Scroll Snap, overscroll-behavior, scroll-timeline, ViewTransition API...)
Graphics (CSS Shapes, clip-path, CSS Masks, Blend Modes, conic-gradient(),
linear()
Easing Function...)Accessibility (prefers-reduced-motion, color-contrast(),
, prefers-reduced-data...)
Others (CSS Nesting, Cascade Layers, image-set(), Shadow DOM Features, Stepped Value Functions...)
If you're interested in these topics, join my 7-day exclusive membership trial to read the currently available member content and get updates first.
My recent updates:
Articles
Learn how to use new CSS features to easily transition to intrinsic sizing and trigger transitions when an element receives its first style update. This can eliminate the need for JavaScript with just a few lines of CSS.
Leetcode problems shouldnโt be the core of interviews. A better hiring process should focus on evaluating a candidate's past work, conversational intelligence, and compatibility with the team.
This article discusses how to avoid potential mistakes when using the useState
hook in React.
Offers tips to make your web animations look better, from both a user experience and technical perspective.
Covers potential mistakes to avoid in Vue.js, such as overlooking Vue's reactivity system, misusing computed properties, forgetting to clean up component side effects, and more.
Tools
An online site offering themes, templates, and UI kits for nearly all popular frontend stacks. It includes both paid and open-source templates, allowing you to quickly start your next project.
An open-source command-line tool that opens your local terminal window in the browser, allowing users to execute terminal commands through the web. Itโs mainly used for sharing terminals online.
An open-source React video editing component with a powerful API for developers to build video editing applications.
A curated list of macOS-specific shell commands and tools.
Thank you for reading! If you enjoyed it and would like to support my work, consider trying our 7-day free exclusive membership. You'll get unlimited access to personalized content based on your interests and receive a special newsletter every Saturday. Start your free trial now ๐
Reply