Fig-ma (FIG-muh) Figma is a collaborative design tool used by website designers and other creatives. Think of it as a digital whiteboard where multiple people can work on a website’s design simultaneously. Instead of everyone working on separate files, everyone...
Pronunciation: /dɪˈzaɪn ˈtoʊkənz/ Imagine you’re building with LEGOs. Instead of searching for the exact shade of blue for every single brick, you have a named container – let’s call it “SkyBlue” – that holds that specific shade. Every time you...
Flexbox Gap (fleks-boks gap): A relatively new CSS feature that simplifies spacing between items arranged using Flexbox. Imagine you’re arranging building blocks. Flexbox is like the tray you use to hold them. Before Flexbox Gap, if you wanted space between your...
Grid Template (grid tem-plate): A way to arrange items on a webpage in rows and columns. Imagine you’re setting up a classroom. You need to arrange desks neatly so everyone has space and can see the board. A grid template is like a blueprint for arranging items...
Pronunciation: /ˈsɪs ˈɡrɪd ˈɛəriəz/ Imagine you’re building with LEGOs. CSS Grid Areas is like having a big LEGO baseplate and deciding exactly where to put each brick before you start building. Instead of bricks, you have sections of your website (like a...