> Traversy Media
> Web Dev Simplified
> FreeCodeCamp
> Kevin Povell
> Coder Coder
> DevEd
> Fireship
> The Net Ninja
> DevTips
> Programming with Mosh
> Amigos Code
> Google Developers
> Treehouse
May 8, 2023 β’ 14 tweets β’ 4 min read
Start bringing your web development skills to life!
10 HTML & CSS project ideas to Level-up your coding:
Before you start building these projects I highly suggest you have some knowledge of HTML & CSS.
Here's a comprehensive guide of absolute minimum CSS you need to know π
β― Freecodecamp
β― Traversy Media
β― Ania KubΓ³w
β― Web Dev Simplified
β― JavaScript Mastery
β― James Q Quick
β― The Net Ninja
β― Developedbyed
β― Programming with Mosh
β― Akshay Saini
β― Clever Programmer
May 6, 2023 β’ 9 tweets β’ 3 min read
How to stay consistent while learning to code
A Thread π§΅π
β Set Clear Goals
Trust me!
β¬ Define what you want to achieve in your journey and break it down into smaller, manageable goals
β¬ This will help you stay focused and motivated.
β¬ It could be learning a specific programming language, or completing a coding project.
Apr 10, 2023 β’ 10 tweets β’ 3 min read
β‘Collection of CSS CheatSheetsβ‘
β€· CSS Flexbox
β€· CSS Grid
β€· CSS Selectors
... And more
A Mega Thread π
β£ CSS Flexbox CheatSheet
Apr 3, 2023 β’ 12 tweets β’ 4 min read
What is Responsive Web Design?
β₯ Why is it Important?
β₯ Basic Principles
β₯ Flexible Images
β₯ Media Queries
A Thread π§΅
Liquid Layout: Historic web Layouts Overview
β₯ If a web page contains text & if we try to resize the browser window, or display the page on a device with a smaller screen the browser will automatically reflow the text to fit the window.
β₯ This is called Liquid or Fluid Layout
Apr 2, 2023 β’ 5 tweets β’ 2 min read
π‘CSS TIP π‘
Do you know you can add a scroll snap to an element in a vertical or horizontal scroll?
Β» Mesh Gradient generates a gradient image with an underlying 2d mesh and lets you edit the vertices & edges of the mesh to get the perfect gradient look.
Β» We can achieve that by layering numerous gradients resulting in muddied colors
Mar 22, 2023 β’ 17 tweets β’ 3 min read
Got your toes wet with HTML but not sure where to start with CSS?
Here's the absolute π πΆπ»πΆπΊππΊ ππ¦π¦ you need to be a frontend developer π
β Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.
β It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build designs without any annoying styles.
Mar 21, 2023 β’ 9 tweets β’ 3 min read
Opportunities to code, compete, and get creative:
It all comes together when you attend a hackathon.
So how do you find the right one?
Here are the top 7 websites to find amazing hackathon opportunities π 1. Major League Hacking [MLH]
β Tip Calculator
β Word Counter
β Day of Week
β Number Guessing Game
β Height Conversion
β Coin Toss
β Rock Paper Scissor Game
β Background Color Changer
β Random Quotes Generator
ββͺ Counter Project
Mar 16, 2023 β’ 11 tweets β’ 4 min read
β‘A Deep-Dive into ππ¦π¦ π¦π²πΉπ²π°ππΌπΏπ + π¨π»πΆππβ‘