HPHari Prasad Designerinblog.hariprasd.me路Nov 10, 2023 路 2 min readSmooth 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. ...00
HPHari Prasad Designerinblog.hariprasd.me路Oct 26, 2023 路 3 min readCreating 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...00
HPHari Prasad Designerinblog.hariprasd.me路May 7, 2023 路 3 min readDesign 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...00
HPHari Prasad Designerinblog.hariprasd.me路Mar 5, 2023 路 2 min readDesign 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...00
HPHari Prasad Designerinblog.hariprasd.me路Feb 26, 2023 路 1 min readWhat 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...00
