Microsoft Designer

Elevate your graphics effortlessly with this free AI tool.

Design logos, banners, and more for clients or personal projects.

🔗 designer.microsoft.com

19 CSS properties you should master:

🔍 Display
📍 Position
📏 Margin
📌 Padding
🎨 Color
🔤 Font
🌈 Background
🚧 Border
📏 Width and Height
🔲 Flexbox and Grid
📦 Box Model
🔄 Transform
📏 Width and Height
🎭 Opacity
🔒 Overflow
🎚️ Z-Index
📈 Transition
🔄 Animation
🕊️ Opacity

Websites for free HTML templates:

🔹w3layouts .com
🔸nicepage .com
🔹templatemo .com
🔸mashup-template .com
🔹uideck .com
🔸templated .co
🔹html5up .net
🔸onepagelove .com
🔹tooplate .com
🔸free-css .com
🔹splawr .com
🔸W3.CSS templates
🔹html5-templates .com

CSS animation libraries:

🎨 Animista
🎨 Anime. Js
🎨 Animate. css
🎨 Bounce. Js
🎨 CSShake
🎨 Effeckt. css
🎨 GreenSock
🎨 Hover. css
🎨 Magic Animations
🎨 Micron. Js
🎨 Mo. Js
🎨 Move. Js
🎨 Transition. css
🎨 Vivify
🎨 WOW. Js

You will soon see tutorials on these -

• HTML & CSS → Code a personal portfolio site

• JavaScript → Develop a dynamic API-based weather application

• React/Vue or Svelte → Create an interactive to-do list app

• MySQL/Postgres or MongoDB → Design a basic inventory management system

👇 CSS border style names:

There is a method in JavaScript that let's you group by array of objects...

CSS Typewriter effect

Free sites for hosting:

🌐 Netlify
🌟 Vercel
💻 Render
🏢 GitHub Pages
🚀 Surge
🔧 GitLab Pages
🔥 Firebase Hosting
👥 Bitbucket
🤏 Tiiny host
🚀 AWS Amplify
🏰 Neocities
☁️ Cloudflare Pages
🌥️ Gatsby Cloud
📃 Carrd
💾 Freehosting
🌎 InfinityFree
💻 000webhost
🏆 Awardspace

What are Props?

• Short for “properties”.
• Allow data to be passed between components.
• Similar to arguments in a function.

Real Life Example:

• Ordering a custom-made cake.
• Cake details (flavor, icing, etc.) = Props.

Basic Usage: