Web Analysis for learnwithhasan.com

Length: 65 characters

Length: 0 characters

Length: 155 characters

– , the page’s LCP candidate — was held
at opacity 0 through its animation-delay. Chrome does not count a fully
transparent element as painted, so the hero entrance was pushing LCP out by
~1.4s (3.3s -> 1.9s measured with the animation disabled). Sliding without fading
keeps the same entrance feel while the text is painted the whole time. */
@keyframes lwh-rise { from { transform: translateY(18px); } to { transform: translateY(0); } }
.lwh-rise { animation: lwh-rise 0.6s cubic-bezier(0.22, 1, 0.36, 1) both; }
@media (prefers-reduced-motion: reduce) { .lwh-rise { animation: none; } }
.lwh-grid-bg {
background-image: linear-gradient(rgba(26,26,46,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(26,26,46,0.05) 1px, transparent 1px);
background-size: 28px 28px;
}

LearnWithHasan

Courses

Guides

Books

Resources

Newsletter

Tools I use

Web Styles

Web IDE

Prompts Library

Product Ideas

Guides

Boilerplates

Learn Linux

Business Ideas

Self Hosted Apps

VPS Providers

BundleBundle

Business IdeasIdeas

Login

Bundle

Courses

Guides

Books

Resources

Newsletter

Tools I use

Web Styles

Web IDE

Prompts Library

Product Ideas

Guides

Boilerplates

Learn Linux

Business Ideas

Self Hosted Apps

VPS Providers

Business Ideas

Community

Login

document.getElementById(‘mobile-menu-btn’).addEventListener(‘click’, function() {
const menu = document.getElementById(‘mobile-menu’);
const menuIcon = document.getElementById(‘menu-icon’);
const closeIcon = document.getElementById(‘close-icon’);
menu.classList.toggle(‘hidden’);
menuIcon.classList.toggle(‘hidden’);
closeIcon.classList.toggle(‘hidden’);
this.setAttribute(‘aria-expanded’, menu.classList.contains(‘hidden’) ? ‘false’ : ‘true’);
});

function toggleMobileDropdown(button) {
const dropdown = button.closest(‘.mobile-dropdown’);
const menu = dropdown.querySelector(‘.mobile-dropdown-menu’);
const arrow = button.querySelector(‘.dropdown-arrow’);
menu.classList.toggle(‘hidden’);
arrow.classList.toggle(‘rotate-180’);
}

Build With AI · The Smart Way

Build and Ship Real Products With AI — Solo

– Your Path
– Vibe Coding vs Vibe Engineering
– Build Anything with AI
– Build & Ship a Real Product in 12 Days
– Ship in Hours with Boilerplates
– Real Products from Real Builders
– Start Free: Guides, Tools & Resources
– What Students Say
– Learn From Someone Who Ships With AI Daily
– Stop Vibe Coding. Start Vibe Engineering.

– Blind Vibe Coding
– Vibe Engineering
– Web Apps & SaaS
– AI Agents & Automations
– Desktop Apps
– Mobile Apps
– Chrome Extensions
– Interactive Courses
– Build With AI 1.0
– The 12-Day Journey
– What's Inside the Curriculum
– Django Web App
– Desktop App (Electron)
– Mobile App (React Native)
– MCP Server
– SolveTutor
– Motlis.ai
– Toolatu
– Guides
– Three.js Guide
– JS Libraries Guide
– Claude Code Guide
– Resources
– Quick Links
– Hubs
– Courses
– We use cookies

– Foundation
– AI Power
– Users & Money
– Payments
– Launch
– Django Web Framework
– Web Scraping with Failover
– AI Integration (SimplerLLM)
– Structured JSON Responses
– Security Hardening
– Production Deployment
– 100% Risk-Free · 14-Day Money-Back Guarantee
– Essential
– Analytics
– Marketing