For regular coding tutorials focusing on frontend web development visit pmCodingTutorial's YouTube channel. Don't forget to subscribe. ^_^
Some of the topics covered
- CSS Animations & Transitions
- JavaScript Intersection Observer API
- TailwindCSS tutorials
- much more to follow soon
Below I provide a link to the YouTube and to the written tutorial available on my blog.
- Text Outline Animation Using SVGs & JavaScript Source Code | Tutorial | CodePen
- JavaScript Portfolio Project: Photo Filter App Tutorial Source Code | YouTube | Written Tutorial | CodePen
- trickyJS JavaScript Exercises & Solutions (updated weekly) YouTube Playlist | Take the Quiz
- CSS background cutout animation: YouTube | Written Tutorial
- CSS button hover effect 3: YouTube
- CSS button hover effect 2 using pseudo elements: YouTube
- CSS button hover effect 1 - Transition the CSS outline property: YouTube
- CSS custom checkbox animation: YouTube | Written Tutorial
- How to code an interactive background animation with CSS and JavaScript: YouTube | Written Tutorial
- JavaScript game tutorial for beginners: Code a number memorising game: YouTube
- CSS Input Field animation on focus: add an animated outline with CSS and JavaScript: YouTube
- Tailwind CSS tutorial: How to code a responsive navigation: YouTube
- CSS text animation with variable fonts: YouTube
- TailwindCSS tutorial: YouTube
- SVG animation: animate an SVG icon: YouTube
- Responsive Video Background: YouTube
- CSS Loading Animation: YouTube
- CSS Gradient Border: YouTube
- Animated neon glow with SVG text: YouTube
- How to code an intersection observer - Make text appear on scroll: YouTube
- Transitioning Gradient - CSS hover effect: YouTube
- CSS text animation - animate letters: YouTube
- Interactive CSS background animation: YouTube
- Glassmorphism Tutorial: YouTube