• 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.