Skip to content

Instantly share code, notes, and snippets.

View JustMrMendez's full-sized avatar
🏠
Working from home

Mr. Mendez JustMrMendez

🏠
Working from home
View GitHub Profile
@JustMrMendez
JustMrMendez / demo.svelte
Last active July 7, 2024 22:15 — forked from maietta/demo.svelte
Fancy Hero Horizontal Accordion, no JS and no anchor tags
<script lang="ts">
let sections = [
{
title: 'WEBSITES',
content: 'Content for section 1',
color: 'bg-[#85aa74]'
},
{
title: 'WEB HOSTING',
color: 'bg-[#fee6a6]',

Decoding CSS Shorthand Properties – The Shortcut to Efficient Styling

Decoding CSS Shorthand Properties – The Shortcut to Efficient Styling

Hello future web masters! Today, we jump into the fun world of "CSS shorthand properties". Shorthands are like tiny seeds that grow into big, time-saving trees. Let's dive in!

Why Bother?

Let's imagine you cook a big meal. You're chopping all the veggies, marinating the meat, stirring the sauce, and baking the bread. Phew! CSS shorthand is like a magic recipe. It puts all those steps into one quick action. It's your shortcut to designing faster and easier.

Your Shortcut Keys: CSS Shorthand Properties

@JustMrMendez
JustMrMendez / Css-Units.MD
Last active September 9, 2023 05:21
Understand CSS Units or be Doomed  -  A Fun Look into the World of CSS Units

Understand CSS Units or be Doomed  -  A Fun Look into the World of CSS Units

Understand CSS Units or be Doomed — A Fun Look into the World of CSS Units

Hello there, future coders. Let's dive deep into CSS Units, dive, dive! Today, we hit the road to CSS units. No need to roll your eyes. Yes, measurements sound like a less-fun version of Disneyland. But hold on, these units are the secret ingredients to make your website the king of the internet!

Why CSS Units, Though?

Why do we need CSS units? Imagine ordering a custom pair of shoes, but there are no sizes. They make it by looking at a photo of your foot. No, just no! Same goes for webpages. CSS units bring order, structure, and the necessary sizing rules to your projects!

We have two types of CSS units in our toolkit:

#!/bin/bash
# Function to configure Git
configure_git() {
read -p "Enter your first and last name: " name
read -p "Enter your email: " email
git config --global user.name "$name"
git config --global user.email "$email"
}