Madzamadza.hashnode.net·Apr 19, 20228 Creative Text Animations for Your Website's Hero Area 😍🎉Modern web development is about grabbing the visitors' attention. There are several ways of making your website more eye-catching and engaging. One of the most appealing methods is adding animated hero text to your landing page. In this article I ha...94 likes·6.4K readsWeb Development
Klaas Leussinkhnldesign.hashnode.net·Feb 9, 2022FeaturedSetting a flexible baseline grid in CSSFor all things layout, I’m used to working in InDesign, which offers the quite useful (and, on occasion quite frustrating) ‘baseline grid’ which aligns all text/objects to a grid, creating what the cool kids seem to call ‘vertical rhythm’. So, for we...80 likes·1.1K readsCSS
Zean Qinzean.hashnode.net·Sep 22, 2020FeaturedTypography basics and best practices for software developersTypography is about shaping and laying out the texts on your website to create a pleasant user experience. Web design is 95% typography. And it's essential for website developers to know the basics and some common practices. There's a lot more jargon...73 likes·718 readstypography
Manik Agnishmanikagnish.hashnode.net·Apr 13, 2023Instantly improve your web typography skillsChoosing the correct font The most commonly used typefaces on the web are Serif, Sans-Serif, Script and monospaced fonts. Serif: These fonts are used for established or old-school brands like banks or for fashion magazines and jewellery brands. The...29 readstypography
Nirjan Khadkacodingcat.hashnode.net·Mar 24, 2023Step by Step guide to CSS text truncate; shorten text like a proOriginally published on my blog as a guide to css text truncate. What is text truncation? Truncated or shortened text is most common when you're working on a design with equal-height columns. But generally, the text for those columns is dynamic. I ha...CSS
SM Fardous Alam Nahinskillcloud.hashnode.net·Mar 22, 2023What can we do with Adobe illustrator ?Adobe Illustrator is a vector graphics editor that allows you to create and edit graphics, illustrations, and typography for a variety of purposes, including print, web, video, and mobile. Here are some things you can do with Adobe Illustrator: Crea...1 likeAdobe illustrator
Bishal Paudelbishal2023.hashnode.net·Jan 28, 2023All about Typography in CSSCascading Style Sheets (CSS) are the pillars of web development. It helps to style the structure of the HTML documents. In CSS text and font are collectively called typography. There are several properties in response to them and we will be covering ...59 readsHTML5
Fortune Mlilopronounced.hashnode.net·Jan 10, 2023Understanding Typography and How To Choose A FontTypography is an often-overlooked but incredibly important aspect of design. It's the art of arranging type to make written language legible, readable, and visually appealing when displayed. Whether you're designing a poster, a website, or a business...38 readsDesign
Pramith Chathurangapramith.hashnode.net·Nov 27, 2022Resources for Creating WebsitesFonts And Typography Google Fonts Fontsquirrel CSS @font-face generator - Transfonter The best free fonts Images,Videos And Illustrations Unsplash Pexels Coverr Pixaby unDraw DrawKit UI Faces Testing, Optimization And Deployment Google PageSpeed...53 readsWeb Development
Gulshangzamann.hashnode.net·Sep 28, 2022Title-Case Text with CSS text-transformQuick Summary Let's discuss some parts of CSS text-transform text-transform definition from MDN The text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or wi...51 readstext-transform
Donovancreativedonovancreative.hashnode.net·Sep 27, 2022Typography Project Imagining The FuruteArtikel ini berisi uraian tentang Typography Atau Tata Huruf Kesenian Typography Project Imagining The Furute seni cetak atau tata huruf adalah suatu kesenian dan teknik memilih dan menata huruf dengan pengaturan penyebarannya pada ruang yang tersedi...27 readstypography
Christine LuBeanchristinelubean-1663574937238.hashnode.net·Sep 20, 2022What the Font?! My Five Fave Font SitesToday, I’m going to be sharing the sites I use to select fonts for my websites and other projects, as well as one site I use to make sure my font sizes work for responsive designs and accessibility. Font Resources for Your Next Project 1. Fontjoy Fon...fonts
Aman Mandalamanmandal1.hashnode.net·Aug 22, 2022A Complete Guide On CSS Typography And EncodingHave you ever stumbled on a website and asked yourself questions like, Who made this ??? How can I read this ??? Then you proceed to another site, and you are like WOWWW !! This is so cool !!. Now let’s ask ourselves two questions: What made the fir...CSS
