- 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