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 like路57 readsFrontend 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...Discuss路27 readsCSS
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路509 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路41 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路63 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
