• 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

In partnership with

๐Ÿฆพ 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

or to participate.