soufiane hrittanemoroccan.hashnode.dev·Apr 24, 2024Helpful Front-End Resourcesintroduction Here's a compilation of fantastic resources, primarily centered around front-end web development API RapidAPI - Free Public APIs for Developers any-api - Documentation and Test Consoles for Over 1400 Public APIs public-apis - A collec...Discuss·1 likeFrontend Development
Mainak Mukherjeemainakkaniam.hashnode.dev·Apr 22, 2024Web Design for Beginners: Part 1Software to use for Design We would avoid using Adobe Photoshop and Illustrator since their use case is not exactly web design Sketch and Adobe XD are great options but not available for free Figma is the clear winner here since it is great for be...DiscussDesign
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·348 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·45 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·61 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
