Smooth Scrolling : Navigating the ChallengesIntroduction: Smooth scrolling, the eye-pleasing navigation feature, transforms user experience. However, its implementation is no cakewalk. Let's demystify the complexities and provide a clear guide for achieving seamless scrolling on your website. ...Nov 10, 2023 路 2 min readblog.hariprasd.me
Creating a hover triggered text weight animation in Next Js / React - with source codeWe will be creating a NextJs component that receives a string as a prop & animates it, Code below 馃憞 Note: Use Variable fonts to get seamless animation. Mona Sans is used for this example As a bonus, We will be using Framer motion & Tailwind CSS to t...Oct 26, 2023 路 3 min readblog.hariprasd.me
Design System 101 - Everything about itSo What's a Design System? A design system is a set of guidelines, rules, and assets that define how a brand or organization should be represented visually across all touchpoints. It includes elements such as the brand mission, value propositions, vo...May 7, 2023 路 3 min readblog.hariprasd.me
Design PrinciplesDesign principles are fundamental guidelines that help designers create effective and aesthetically pleasing designs. These principles are essential in ensuring that a design is functional, visually appealing, and communicates the intended message ef...Mar 5, 2023 路 2 min readblog.hariprasd.me
What is Design?Hari Prasad's Definition of Design I've always thought of Design as a form of art. Designing is the process or the act of creating something, that never existed before. Here's what Industry people & authors define Design Steve Jobs says Design is no...Feb 26, 2023 路 1 min readblog.hariprasd.me
