MariosDev

Joined December 2024

40 stories

Bio

Hi, I’m Marios! I’ve been a developer for over 9 years, crafting cool stuff and solving tricky tech puzzles. I’m a total tech enthusiast and love sharing my thoughts and tips through blogging. Also, in love with my bike!

Stories (40)

Filter by community

Sort by (Optional)

CSS Course 4.2: Applying Background Colors — Setting the Stage for Your Web Designs
Background colors in CSS are like the canvas for your masterpiece. They set the tone for your website, highlight key areas, and guide user attention. Whether you’re adding a splash of color to a button or crafting a stunning hero section, background colors are essential for creating engaging web designs.
By MariosDev8 months ago in 01
Understanding Color in CSS — Make Your Web Designs Pop
Color is one of the most powerful tools in your design arsenal. It grabs attention, sets the mood, and guides users through your website. But with great power comes great responsibility. Misusing color can lead to inaccessible designs, clashing aesthetics, or a website that looks like it’s stuck in the early 2000s.
By MariosDev8 months ago in 01
5.2. Box Sizing: Content-Box vs. Border-Box
Because sometimes, size really does matter (in CSS). If you've ever sized a box in CSS and thought, "Why is this thing so big?!" - welcome to the wild world of box-sizing. It's a subtle little property that makes a big difference in how elements behave on your page.
By MariosDev8 months ago in 01
Using Web Fonts — Typography Without Limits
Typography is the voice of your website. It tells your visitors if you’re sleek and modern, playful and bold, or professional and elegant. But how do you go beyond the basic, overused fonts like Arial, Times New Roman, and Comic Sans? Enter web fonts.
By MariosDev8 months ago in 01
Text Decoration and Transformation — Stylize Your Text Like a Pro
When it comes to text, the devil is in the details. Sure, fonts, sizes, and colors get all the attention, but let’s not forget about the unsung heroes: text decoration and text transformation. These properties give you the power to tweak, enhance, and completely change how your text looks and feels.
By MariosDev8 months ago in 01
Line Height and Letter Spacing — Fine-Tuning Your Text for Maximum Readability
Typography is the soul of web design, and two often-overlooked heroes in text styling are line height and letter spacing. While choosing the right font and size grabs the spotlight, these subtle adjustments determine whether your text feels crammed or breezy, chaotic or elegant.
By MariosDev8 months ago in 01
Text Alignment and Justification — Getting Your Text in Line
When it comes to designing a website, the way you arrange text on a page can make a huge impact on its readability and overall aesthetic. Whether you want your text aligned neatly to the left, centered in the middle, or spread out like a neatly justified paragraph, CSS provides simple ways to control how text is positioned.
By MariosDev8 months ago in 01
Font Size, Weight, and Style — Mastering Typography for a Polished Look
When it comes to web design, typography is more than just picking a nice font. The way you manipulate font size, font weight, and font style can significantly impact your site’s readability, aesthetics, and overall user experience. These properties give you control over how text appears on your website, ensuring that your content is not only readable but visually appealing.
By MariosDev8 months ago in 01
Font Families and Fallbacks — How to Make Your Website Look Great Everywhere
When designing a website, one of the most important aspects of your site’s look is typography. The right font can set the tone, improve readability, and make your content stand out. But here’s the catch: not all devices, operating systems, or browsers have the same fonts installed. That’s where font families and fallbacks come into play.
By MariosDev8 months ago in 01
Mastering Combinators: Child, Descendant, Adjacent, and Sibling
CSS is all about selecting elements and styling them in the right way. But what if you want to be more specific in your selection? Enter combinators — special selectors that let you target elements based on their relationship to other elements. These selectors can make your CSS code cleaner, more efficient, and easier to maintain.
By MariosDev8 months ago in 01
Pseudo-Elements: Adding Content Before or After Elements with ::before and ::after
When it comes to CSS, there's a lot you can do beyond just setting colors, fonts, and spacing. One of the coolest tricks in your styling toolkit is using pseudo-elements - special selectors that allow you to add content or styling without actually modifying your HTML. It's like a magic trick for your website's presentation. Two of the most widely used pseudo-elements are ::before and ::after.
By MariosDev8 months ago in 01
Dynamic Styling with Pseudo-Classes Like :hover and :focus
CSS is all about control. The more control you have over how your elements are styled, the more beautiful and functional your website will become. But did you know that with just a few lines of code, you can make your site feel interactive and alive without ever touching JavaScript? Yes, we’re talking about pseudo-classes!
By MariosDev8 months ago in 01

MariosDev

Bio

Stories .css-1svwz57-Text{display:inline-block;color:var(--text-default-mute);}(40)

Filter by community

CSS Course 4.2: Applying Background Colors — Setting the Stage for Your Web Designs

Understanding Color in CSS — Make Your Web Designs Pop

5.2. Box Sizing: Content-Box vs. Border-Box

Using Web Fonts — Typography Without Limits

Text Decoration and Transformation — Stylize Your Text Like a Pro

Line Height and Letter Spacing — Fine-Tuning Your Text for Maximum Readability

Text Alignment and Justification — Getting Your Text in Line

Font Size, Weight, and Style — Mastering Typography for a Polished Look

Font Families and Fallbacks — How to Make Your Website Look Great Everywhere

Mastering Combinators: Child, Descendant, Adjacent, and Sibling

Pseudo-Elements: Adding Content Before or After Elements with ::before and ::after

Dynamic Styling with Pseudo-Classes Like :hover and :focus

Stories (40)