Published in Bootcamp·Jan 11, 2021Gradient text in CSSA simple technique for making eye-catching websites — It can be hard to make a website stand out. So here’s a little trick that will improve any landing page or header: Use gradient text. Just make sure to not overuse it. Gradients should never be used for longer text. Instead, use them to make headings or specific words…Web Development4 min readWeb Development4 min read
Dec 29, 2020Ultimate Guide to CSS GradientsGradients are making a comeback, make sure you know how to use them — Gradients are back. They are bold, eye-catching, and playful. When used correctly they can breathe life into a drab and lifeless design. In this article, I’ll show you how to create gradients in CSS, so you can make your websites stand out. What this article is about This article aims to explain both the syntax…Web Development6 min readWeb Development6 min read
Published in The Startup·Dec 21, 2020The Fastest Way to Set CSS BackgroundsReplace 8 properties and 8 lines of CSS with just 1 — Speed is essential in web development. Especially when prototyping. If you’re not a 150WPM typing ninja, adding a background can be time consuming. And let’s be honest… Who wants to type background-*: value; 8 times? That’s a lot of typing, and a lot of space. We can use the…Web Development5 min readWeb Development5 min read
Dec 16, 2020All CSS Background Properties Explained in 5 MinutesQuick, but Complete Introduction to CSS Background Properties — I remember when I first tried setting an image background in CSS. What I thought would be a simple task took me down a rabbit hole of learning 8 different background-* properties. It took me hours to figure out what they all did and how they interacted. Now, I want…Web Development6 min readWeb Development6 min read
Published in The Startup·Nov 10, 2020Full Text Styling With a Single Line of CSSHow to get over your fear of the font shorthand to replace 6 lines of CSS with 1 — Am I the only one who always thought the font shorthand was too confusing to use? Well, I finally decided to start using it. Now I want to share with you what I’ve learned. All the quirks, gotchas and use-cases. It’s a very useful tool, if you’re willing to play…Web Development4 min readWeb Development4 min read
Published in Frontend Weekly·Oct 12, 2020Beautiful Custom List Styles Using Modern CSSLearn to style list markers using the new ::marker pseudo-element — Lists don’t have to be boring. And with the new ::marker pseudo-element, making them interesting doesn't have to be painful either. The browser support for this pseudo-element used to be spotty, but with its addition in Chrome 86, it'll soon be universal. I’m going to show you how to make…Web Development6 min readWeb Development6 min read
Aug 31, 2020The Only CSS Selectors & Pseudo-Classes You NeedOut of all 90+ selectors, you only need to remember these 20 — Don’t memorize all CSS Selectors. Instead, learn just the ones you’ll actually use. When I was first learning CSS, I tried memorizing all selectors and it was a huge waste of time. …CSS5 min readCSS5 min read
Published in Analytics Vidhya·Aug 26, 202020 Best VS Code Extensions for Web Development | Aug, 2020Make your life easier and enjoy programming, with these extensions — VS Code is not perfect. It’s great, but not perfect. There are still many important things missing. Luckily, one of VS Code’s biggest strengths is it’s community, that works tirelessly to contribute the missing bits of functionality themselves. From better git integration, through spell checkers, to integrated SVG editors. …Programming9 min readProgramming9 min read
Aug 5, 202011 Best Free Programming Fonts in 2020Find your new favorite programming font — You stare at your code a lot. You should like what you see. If you’re using the default font in your code editor, you’re missing out. Programming fonts make it easy to distinguish between similiar characters like: o0O and iIlL1 and can include special coding-related ligatures to for example make…Programming5 min readProgramming5 min read
Aug 3, 20204 Ways to Get All Characters in a String in JavaScriptStop using string.split(‘’) — It’s dangerous 💀 — How to get all characters in a string? This question might sound simple at first, but in JavaScript nothing is ever what it seems. …Web Development3 min readWeb Development3 min read
