Discover and read the best of Twitter Threads about #CSS3

Most recents (12)

From today I'm starting posting contents related to Web Development and Computer Science in general. Hope you'll like it and share it.
#javascript #webdeveloper Image
Global Execution Context
#javascript #webdevelopment Image
Read 54 tweets
Best stock photo free resourcesโšก

A Thread๐Ÿงต โ†“

#100Dev #CSS3 #javascript
๐Ÿ”— Unsplash

The Internet's source of Freely-Usable images. Powered by creators everywhere.

- unsplash. com

{1/7} Image
๐Ÿ”— Pixabay

Over 2.5 million+ High quality stock images, videos & music shared by our talented community.

- pixabay. com

{2/7} Image
Read 9 tweets
Here's a complete roadmap of topics to master VueJS

A Thread ๐Ÿงต

#vue #vuejs #100DaysOfCode #webdevelopment #webdev #programming #coding #javascript #HTML #HTML5 #CSS3 #CSS #programming
1โƒฃ Prerequisite
- #HTML / #CSS Basics
- Basic #Javascript Concepts โœŒ๏ธ
2โƒฃ Vue Basics
- What is Vue
- Component Basics (Template, script, data, methods)
- Handling User Inputs
- Conditionals and Loops
- Computed properties and watchers
- Class Bindings (CSS Classes) ๐Ÿ˜€
Read 11 tweets
โšก How to create a Claymorphism CSS Card, a new CSS Trend in 2022 ๐ŸŒ„๐Ÿ”ฅ๐Ÿ”ฅ

#100DaysOfCode #Developer #design #CSS3
๐Ÿ‘‡ Image
Claymorphism can be
โœ… created using a combination of inner and outer shadows
โœ… create more depth against the background using one large shadow
โœ…two inner shadows giving a 3d effect
๐Ÿ‘‰one corner lighter shadow,
๐Ÿ‘‰diagonally opposite is a darker shadow
๐Ÿ“Œ HTML
โžก Simple and straightforward HTML
โžก Card div holding all the information Image
Read 7 tweets
15/7/2021
๐Ÿ“Œ๐Ÿ“ŒCSS Border Properties๐Ÿ“Œ๐Ÿ“Œ
In this we will discuss:

#100DaysOfCode
#DEVCommunity
1โƒฃ border-collapse: The border-collapse property sets whether table borders should collapse into a single border or be separated as in standard HTML.

Values: separate | collapse
2โƒฃ border-image: The border-image property allows you to specify an image to be used as the border around an element.

Border-image property :
โ–ถ๏ธ border-image-source
โ–ถ๏ธ border-image-slice
โ–ถ๏ธ border-image-width
โ–ถ๏ธ border-image-outset
โ–ถ๏ธ border-image-repeat
Read 10 tweets
14/7/2021
๐Ÿ“Œ๐Ÿ“Œ CSS Background Properties ๐Ÿ“Œ๐Ÿ“Œ
In this ๐Ÿงต we are going to discuss:

โ–ถ๏ธ background-color
โ–ถ๏ธ background-image
โ–ถ๏ธ background-position
โ–ถ๏ธ background-size
โ–ถ๏ธ background-repeat
โ–ถ๏ธ background-origin
โ–ถ๏ธ background-clip
โ–ถ๏ธ background-attachment

#DEVCommunity
#CSS3
1โƒฃ background-color: The background-color property sets the background color of an element.

The background of an element is the total size of the element, including padding and border (but not the margin).
2โƒฃ background-image: The background-image property sets one or more background images for an element.

Values: URL | none | linear-gradient | radial-gradient | repeating-linear-gradient | repeating-radial-gradient
Read 11 tweets
Ultimate List of Free Web Development Resources -

๐Ÿงต MEGA THREAD ๐Ÿงต ๐Ÿ‘‡

#100DaysOfCode #javascript #Python3 #programmer #CSS3 #webdevelopment #html #WomenWhoCode
Topics Covered ๐Ÿ‘‡

๐Ÿ”นOnline Learning Platforms
๐Ÿ”น Free Code Snippets
๐Ÿ”น Documents
๐Ÿ”น Learn By Playing Games
๐Ÿ”น Icons
๐Ÿ”น Illustrations
๐Ÿ”น Free Web Hosting
๐Ÿ”น YouTube Channel

Let's Start ๐Ÿ”ฅ๐Ÿ”ฅ
๐Ÿ”ถ Online Leaning Platforms

๐Ÿ”น Free Code Camp -
freecodecamp.org

๐Ÿ”น Udemy -
udemy.com

๐Ÿ”น Treehouse -
teamtreehouse.com

๐Ÿ”น Udacity -
udacity.com

๐Ÿ”น Cousera -
coursera.org

๐Ÿ”น Sololearn -
sololearn.com
Read 18 tweets
Best CSS Generators For Web Developers ๐Ÿ”ฅ๐Ÿ”ฅ

๐Ÿงต THREAD ๐Ÿงต๐Ÿ‘‡

#100DaysOfCode #Python #javascript #DataScience #CSS3 #Website #WomenWhoCode
๐Ÿ”ถ CSS3 Generator -

CSS3 Generator is a more traditional example of code snippets you might need in everyday situations. The CSS3 Generator webapp has over 10 different code generators .

Visit ๐Ÿ‘‡

css3generator.com
๐Ÿ”ถ ColorZilla Gradients -

It's completely free and has a visual editor like Photoshop to generate the gradient codes.

Visit ๐Ÿ‘‡

colorzilla.com/gradient-editoโ€ฆ
Read 9 tweets
50 Great Websites For Web Developers -

๐Ÿงต BIG THREAD ๐Ÿงต๐Ÿ‘‡

#100DaysOfCode #webdeveloper #webdevelopment #Coding #WomenWhoCode #javascript #css3
1. Hidden Tools -
hiddentools.dev

2. Music For Programming -
musicforprogramming.net

3. Programming Language Convertor -
ide.onelang.io

4. HTTP Cat -
http.cat

5. Iconscout -
iconscout.com
6. CSS Zen Garden -
csszengarden.com

7. A List Apart -
alistapart.com

8. Code Project -
codeproject.com

9. Scotch -
scotch.io

10. TutsPlus -
tutsplus.com
Read 12 tweets
50 Free CSS Resources For Web Developers ( PART - 1 )

๐Ÿ“ข A BIG THREAD ๐Ÿ“ข

#CSS3 #webdevelopers #100DaysOfCode #coding #DEVCommunity #WomenWhoCode #stackoverflow #programmer #Frontend
๐Ÿ”น Colors

1. Color Hunt
colorhunt.co

2. Coolors
coolors.co

3. HTML color codes
htmlcolorcodes.com

4. UI Gradients
uigradients.com
5. Gradient generator
cssgradient.io

6. Encycolorpedia
encycolorpedia.com

7. WebFx
webfx.com/web-design/colโ€ฆ

8. Radial Gradient
css-gradient.com

9. COLORS
clrs.cc

10. Flat UI colors 2
flatuicolors.com
Read 12 tweets
Sorry for the typo in the pic above. Forgot to add comma after a element so it should be like this: ๐Ÿ‘‡๐Ÿ‘‡

header :is(h1, span, a, .btn)
Read 3 tweets
There are multiple games that might help you learn CSS!
Let's discover a few of them:

Thread ๐Ÿงต๐Ÿ‘‡

#100DaysOfCode #CSS3 #CodeNewbies
One of my favourites is Flexbox Froggy! This game learned me how to use flexbox. ๐Ÿธ

flexboxfroggy.com
When I was a kid, I loved all 'defense games'. Try this one and learn flexbox:

flexboxdefense.com
Read 7 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!