If you are not using Raycast on Mac, you should. It is like the spotlight on your Mac, just a hundred times better. I bought my first MacBook about 10 months ago. I have been a lifetime user of Windows. So, for the first nine months, I was pretty unimpressed with the MacOS. Then, I … Read more
Excalidraw is a free online whiteboarding tool that lets you draw and sketch with ease. What sets it apart is the way its diagrams feel almost like they’ve been hand-drawn. Unlike many other tools claiming to support hand-drawn elements, Excalidraw’s drawings come closest to capturing that natural, handwritten vibe. This is one of the reasons … Read more
Lightening or darkening a color is a common use case in UI design. You may want to darken the background color when a user hovers over a button, or you may use a slightly lighter shade of the text color for the background of an alert. In this article, we will start with the usual … Read more
I have a soft spot for hand-drawn illustrations and flowcharts over computer-generated ones. There’s something inviting about hand-drawn designs that impart a human touch, unlike the sterile, precise lines of computer-made diagrams. While tidy flowcharts with perfectly straight lines look organized, they often lack that personal, hand-drawn vibe that connects with people. That’s one reason … Read more
Excalidraw’s main strength lies in its simplicity. It doesn’t overwhelm you with a load of features or options. It’s easy to pick up and get started with, allowing you to create impressive drawings within just a few minutes. However, it’s easy to be fooled by its simplicity and minimalism into thinking it’s lacking in features. … Read more
Using vector programs like Excalidraw can be a bit of a hassle without keyboard shortcuts. Clicking and dragging the mouse to select and draw things can get tiring after a while. What takes the mouse a few seconds to do can be done instantly with a keyboard shortcut. So, it’s a good idea to learn … Read more
Online vector-based drawing programs like Excalidraw give you an infinite canvas to draw on. While it’s great for freehand doodling, it’s not ideal when it comes to drawing things in proportion to each other. For example, you cannot give an aspect ratio to its canvas, which is kind of a bummer if you are doing … Read more
Do you want to learn how to create an FAQ accordion with VueJS? Frequently Asked Questions (FAQ) accordion is a common feature on many websites. Frameworks like Bootstrap implement FAQ accordion but most of them use jQuery. FAQ accordion is a simple enough task that can be implemented well with vanilla JavaScript but creating it … Read more
In this article, you will learn how to create a Chessboard pattern in pure CSS. We will only use HTML and CSS, even for the Chess pieces. We will show you three different approaches to creating a chessboard. Each method has its pluses and minuses, but they all offer something valuable to learn. If you … Read more
Margin in CSS is the blank space outside of an element that separates it from other elements. Margins are different from padding which creates space within the element. In this comprehensive guide, we cover everything – margin declaration syntax, margin shorthand property, negative margins, collapsing margins, the difference between CSS Margin and Padding, and some … Read more