md3bmmd3bm.hashnode.dev·Feb 7, 2024Mastering Responsive Typography: Best Practices of the CSS SASS MixinIn today's digital landscape, responsive design has become a fundamental aspect of web development. Ensuring that our websites adapt seamlessly to different screen sizes and devices is crucial for delivering an optimal user experience. One key elemen...DiscussCSS
Dev Raydarayda.hashnode.dev·Dec 1, 2023Design a User Experience for Social Good & Prepare for Jobs Course Journey Week 3This is the third article in the series. If you haven't read them, Here are the First Article and Second Article. In this article, I will talk about the third week of the course. I will create the mockups and the high-fidelity prototype. Designing Mo...DiscussUX Design Google Coursera CourseUX
Dev RaydaforUX Design with Rayuxdesignwithray.hashnode.dev·Nov 2, 2023Design a User Experience for Social Good & Prepare for Jobs Course Journey Week 3This is the third article in the series. If you haven't read them, Here are the First Article and Second Article. In this article, I will talk about the third week of the course. I will create the mockups and the high-fidelity prototype. Designing Mo...DiscussUX Design Google Coursera Course UXdesign
Hari Prasad Designerblog.hariprasd.me·Oct 26, 2023Creating 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...Discuss·6 likes·327 readsBuild with HariprasadReact
Krutik RautforInfinity Linkage.blog.infinitylinkage.com·Sep 25, 2023Typography Insights: Why Left-Aligned Text is BetterHave you ever wondered why some texts just look more appealing and easier to read? 🤔 It's all about alignment! Let's dive into the world of typography and explore why left-aligned text is a game-changer. 💡 🔍 Readability Matters 🔍 Left-aligned tex...Discuss·21 likes·40 readstypography
Kaustubh Shindestackui.hashnode.dev·Sep 7, 2023The Ultimate Cheatsheet to Typography! 😎What are the most difficult things when it comes to building a User interface? Every single developer has their take on this question, Some might tell you that Colors are the toughest thing to decide on. Others might say Box Shadow, but deep down we ...Discuss·60 readstypography
Manoj VRmanojca.hashnode.dev·Sep 5, 2023Typography Matters: A Guide to Choosing Fonts for Your WebsiteTypography is often an overlooked aspect of web design, but it plays a crucial role in shaping the user experience and conveying your brand's personality. The fonts you choose can greatly impact how visitors perceive your website, so it's essential t...Discusstypography
sandeep machirajusandeepmachiraju.hashnode.dev·Aug 31, 20233)Font terminology & Delivery : Fonts for Advanced Web DevPrerequisite : https://sandeepmachiraju.hashnode.dev/2-font-loading-fonts-for-advanced-web-dev Introduction : I hope everyone has read the last 2 articles on font, ( i.e : Understanding Fonts, Font loading) as this post makes you clearly understand w...DiscussFonts for Advanced Web DevWeb Development
Cruipcruip.hashnode.dev·Jul 25, 2023How to Add Custom Fonts in Next.js and Tailwind CSS TemplatesOriginally published at cruip.com -- Since the launch of Cruip, thousands of developers have purchased our templates, and many of them have asked us for assistance to personalize them according to their needs. We love helping our customers achieve th...DiscussTailwind CSS
Alexis Abakasangaalexisabakasanga.hashnode.dev·Jul 12, 2023Day 55: TypographyToday I learned about Typography, groups, and tips for conveying clear messages—also the guidelines for designing for the web, Android, and iOS devices. Typography involves the arrangement and selection of types to make written language legible, read...Discuss60daysUXchallenge