In this tutorial, you’ll learn how to transform an HTML list into a wall of “sticky notes” that look and work like the following: The effect is built up gradually and works on all the up-to-date browsers like Chrome, Safari, Firefox and Opera. Older browsers simply get some yellow squares. Step 1: The HTML and…Details
Introduction to Web Scraping Businesses need better information to target and reach wider audiences. They get this information by scraping the web for content from social media platforms, eCommerce platforms, video platforms, travel platforms, review and ratings, and more. Web scraping is simply collecting information and data from around the web. It can be done…Details
It seems like every designer has a horror story or two (or seventeen) about getting ripped off by a client who refuses to pay. Once it happens, there’s not too much you can do. It sucks, but it’s the simple truth. If you didn’t get a contract or a clear payment process established in the…Details
Today, we’re bringing you a collection of Photoshop layer styles you can use to transform your ordinary text, shapes, and logos into creative designs. Whether you want to add a modern glitch effect to your poster titles or give a retro look to your logo designs, Photoshop layer styles can help you create beautiful designs…Details
In this episode, we’re talking about Web Performance. What does the performance landscape look like in 2021? I spoke with expert Harry Roberts to find out. Show Notes Harry is running a Web Performance Masterclass workshop with Smashing in May 2021. At the time of publishing, big earlybird discounts are still available. Harry on Twitter…Details
Web designers are constantly bombarded with security advice. We’re informed about best practices, security holes and their requisite patches. It’s enough to make your head spin. Of course, this is all important and well-meaning. Online security is a constantly moving target, where even the biggest players are susceptible. Therefore, it’s up to us to keep…Details
Hi guys. I know this is barely on topic for web development, but I can’t find the beginnings of an answer anywhere. For some reason, on browsers (firefox and chrome), the Courier font is very broken. You can see the missing and substituted characters in the inspector tool, as well as in the squarespace code editor.
I have default fonts installed on macOS Big Sur, and according to the font library, everything is fine. But in browsers, in text that uses the courier font (either by default, or by style), it displays with these issues.
I’m at my wits end. I’m aware I can force font overrides, but switching back and forth every time is the last resort I’ll take if I can’t get this resolved. I’d appreciate any advice.
It’s easy to underestimate the potential of monospaced fonts, labelling them as a simplistic and uninspired. But that’s often far from the case. You might be missing out on an opportunity to add more originality to your work. When used properly, a monospaced font can add more value to your design than many other creative…Details
Website design is such a creative exercise that sometimes it is easy to forget all of the left-brain things that go into a stellar project. A good design uses solid data and analytics to help shape decision making, map user journeys, and include just the right visual elements to make the most of the design…Details