Learn CSS
789 subscribers
212 photos
5 videos
32 files
511 links
All info and tutorial of CSS
https://bio.link/learncss
For HTML: @html_web_learn
For CSS: @CSS_web_learn
For JS: @JavaScript_js_learn
For PHP: @learn_php_web
For Programming courses @Programmingworld_dev
For CEH,Cybersec: @CyberPunk_anonymous
Download Telegram
Forwarded from Programming World👨‍💻 (☠️Anonymus Venom☠️)
6 GitHub repositories that can help you as a developer

📌 Art of Command Line

Learning command line interface is always beneficial for developer. In this repo you'll find different section for Linux, windows and MAC commands


https://t.co/uF2RlcUIxb

📌 Front-end Developers Bookmarks

A huge collection of resources for frontend web developers including appearance, architecture, compatibility etc

https://t.co/1G1q7mmC0t

📌 CSS Pro Tip

As the repo name suggests, In this repo you'll find a lot of tips and tricks that can help you to become a CSS pro

https://t.co/5haB2xTWuz

📌 Awesome Interview Questions

In this repo you'll find a huge list of interviews questions divided in the various section in according to the language, frameworks and libraries

https://t.co/iXNMTENv46

📌 30 Seconds of Code

Short JavaScript code snippets for all your development needs

https://t.co/zWcmMtg2xa

📌 Awesome Design Patterns

A curated list of software and architecture related design patterns divided in the various categories. Definitely check it out.

https://t.co/Cg3xHXuTuF


Follow @Programmingworld_dev for more programming stuff
CSS TIP💡

You can create "wavy" line using one line of CSS🌊
CSS "text-align-last" property
The border-image CSS property is used to create an image border around and element 🔲
The "column-count" property specifies the number of columns an element should be divided into
CSS in a nutshell 😅😂
I found an amazing grid cheat sheet website

Check it out


https://t.co/5DI0QR1WnO
Check out these cool websites for icons👇

🔹icons .getbootstrap.com
🔸simpleicons .org
🔹boxicons .com
🔸css .gg
🔹evil-icons .io
🔸feathericons .com
🔹heroicons .dev
🔸teenyicons .com
🔹 iconpark .bytedance.com
CSS Tip🎨

You can pass emoji hex code in list-style-type to create custom list point
Create 2D layout using CSS Grid

Negative numbers references on the borders are for grid-column and grid rows
Forwarded from Learn Html
3 websites I recommend every newbie to master their HTML and CSS skills

1. frontendmentor .io
2. devchallenges .io
3. awwwards .com
CSS positioning cheat sheet
HTML and CSS templates👇🏻

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

The box-reflect property is used to create an image reflection.
Circle

- Pretty simple, we just need to make a square and apply the border-radius 50% in order to give it a circular shape .
Semi-circle

- Create a rectangle
- Apply border radius top left and top right same as height of the rectangle .