Forwarded from Learn CSS™
If you know CSS then you can use these amazing generators and save your time
1️⃣ CSS Box Shadow Generator
- Generate CSS3 Box Shadow code for your Div, Frame, Buttons or any other HTML element with Outline, and Inset (inner) type shadow effects
🔗 https://cssboxshadow.com/
2️⃣ Glassmorphism
- Generate glassmorphic design easily
🔗 https://glassgenerator.netlify.app/
3️⃣ Cool Backgrounds
- Explore a beautifully curated selection of cool backgrounds that you can add to your next project
🔗 https://coolbackgrounds.io/
4️⃣ Pixel art
- Create CSS pixel art, export the results to CSS and download them.
🔗 https://www.pixelartcss.com/
5️⃣ SVG waves
- It's not a CSS generator but very handy tool. You can create the layers of waves and simply export either in SVG or PNG
🔗 https://svgwave.in/
1️⃣ CSS Box Shadow Generator
- Generate CSS3 Box Shadow code for your Div, Frame, Buttons or any other HTML element with Outline, and Inset (inner) type shadow effects
🔗 https://cssboxshadow.com/
2️⃣ Glassmorphism
- Generate glassmorphic design easily
🔗 https://glassgenerator.netlify.app/
3️⃣ Cool Backgrounds
- Explore a beautifully curated selection of cool backgrounds that you can add to your next project
🔗 https://coolbackgrounds.io/
4️⃣ Pixel art
- Create CSS pixel art, export the results to CSS and download them.
🔗 https://www.pixelartcss.com/
5️⃣ SVG waves
- It's not a CSS generator but very handy tool. You can create the layers of waves and simply export either in SVG or PNG
🔗 https://svgwave.in/
Forwarded from Programming World👨💻 (☠️Anonymus Venom☠️)
These websites can help you as a developer👇
➣
• Code review as a service by expert engineers
➣
• Search anything here and it will show you the correct roadmap
➣
• Over 4000 Free Cheat Sheet
➣
pullrequest .com• Code review as a service by expert engineers
➣
learn-anything.xyz• Search anything here and it will show you the correct roadmap
➣
cheatography.com• Over 4000 Free Cheat Sheet
Forwarded from Learn Web Development
Are you developer? These 3 websites can help 🚀
➜
Create your own patterns using Font Awesome icons
➜
Enable people to interact with your products using voice and text
➜
Useful tool for visualizing Graphs
➜
patternico .comCreate your own patterns using Font Awesome icons
➜
http://wit.ai/Enable people to interact with your products using voice and text
➜
graphonline .ruUseful tool for visualizing Graphs
Forwarded from Learn CSS™
Beginner's_guide_to_getting_started_with_CSS_art_and_illustration.pdf
2.7 MB
Beginner's guide to getting started with CSS art and illustration
Forwarded from Learn CSS™
Use these CSS button generators and save your time and effort
1️⃣ https://www.bestcssbuttongenerator.com/
- CSS Button Generator is a free online tool that allows you to create cross browser HTML and CSS button styles.
2️⃣ https://css3buttongenerator.com/
- Generate cool button in almost no time
3️⃣ https://www.clickminded.com/button-generator/
- A free online button generator. Design your very own button and download the image or get the CSS code.
4️⃣ https://cssbuttoncreator.com/
- The easiest way to create imageless css buttons.
5️⃣ https://gradientbuttons.colorion.co/
- A huge collection of free pre built gradient color
6️⃣ https://www.cssportal.com/css3-button-generator/
- This generator will help you design and learn how to make CSS3 Buttons.
7️⃣ https://www.cssgenerators.net/
- You don't have to learn any complex CSS rules . Just click and slide to make CSS3 Buttons. Lots of pretty button samples.
1️⃣ https://www.bestcssbuttongenerator.com/
- CSS Button Generator is a free online tool that allows you to create cross browser HTML and CSS button styles.
2️⃣ https://css3buttongenerator.com/
- Generate cool button in almost no time
3️⃣ https://www.clickminded.com/button-generator/
- A free online button generator. Design your very own button and download the image or get the CSS code.
4️⃣ https://cssbuttoncreator.com/
- The easiest way to create imageless css buttons.
5️⃣ https://gradientbuttons.colorion.co/
- A huge collection of free pre built gradient color
6️⃣ https://www.cssportal.com/css3-button-generator/
- This generator will help you design and learn how to make CSS3 Buttons.
7️⃣ https://www.cssgenerators.net/
- You don't have to learn any complex CSS rules . Just click and slide to make CSS3 Buttons. Lots of pretty button samples.
[Free] Harvard University CS50's Web Programming with Python and JavaScript
The course covers:
HTML, CSS
Git
Python
Django
SQL, Models, and Migrations
JavaScript
User Interfaces
Testing, CI/CD
Scalability and Security
Link to enroll:
https://www.edx.org/course/cs50s-web-programming-with-python-and-javascript
The course covers:
HTML, CSS
Git
Python
Django
SQL, Models, and Migrations
JavaScript
User Interfaces
Testing, CI/CD
Scalability and Security
Link to enroll:
https://www.edx.org/course/cs50s-web-programming-with-python-and-javascript
25 best Icons site for your next project👇
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
⪼
icons .getbootstrap.com⪼
simpleicons .org⪼
boxicons .com⪼
css .gg⪼
flaticon⪼
Fontello⪼
The Noun Project⪼
Endless Icons⪼
evil-icons .io⪼
feathericons .com⪼
heroicons .dev⪼
teenyicons .com⪼
iconpark .bytedance.com⪼
Icons8⪼
Captain Icon⪼
Iconmonstr⪼
Linear Icons⪼
Pixeden⪼
Perfect Icons⪼
Font Awesome⪼
Round Icons⪼
Iconfinder⪼
Freeicons⪼
Icon-icons⪼
FindiconsPeriodic table of HTML5
🖇️https://www.calcresult.com/reference/development/HTML5-periodic-table.html
🖇️https://www.calcresult.com/reference/development/HTML5-periodic-table.html
This media is not supported in your browser
VIEW IN TELEGRAM
Responsively - open source Front end tool to go a little beyond browser's devtools responsiveness 🔥
cheatsheets.pdf
11.8 MB
22 cheat sheets in a single PDF.
Table of content
1. Grid cheat sheet
2. Two axes of Flexbox
3. Alignment in layouts
4. Alignment in layouts (older version)
5. Grid overview
6. Flex cheat sheet
7. Display
8. Positioning in CSS
9. CSS selectors
10. animation-timing-function
11. CSS Box-model
12. Z-index
13. Semantic elements
14. Border-style
15. CSS pseudo classes
16. DOM addEventListener method
17. JavaScript Array methods
18. Arrow function
19. DOM
20. Functions
21. Tailwind Flex classes
22. Git workflow
Table of content
1. Grid cheat sheet
2. Two axes of Flexbox
3. Alignment in layouts
4. Alignment in layouts (older version)
5. Grid overview
6. Flex cheat sheet
7. Display
8. Positioning in CSS
9. CSS selectors
10. animation-timing-function
11. CSS Box-model
12. Z-index
13. Semantic elements
14. Border-style
15. CSS pseudo classes
16. DOM addEventListener method
17. JavaScript Array methods
18. Arrow function
19. DOM
20. Functions
21. Tailwind Flex classes
22. Git workflow
Forwarded from All kind of Ebooks ™
https://drive.google.com/drive/u/1/folders/1aXlI-fNsCGmwrFLjSSkHA3FSTClnSSnb
Books of Following Programming Languages ✌️
Books of Following Programming Languages ✌️
✨7 Github Repos That Will Help You Ace Your Next Coding Interview✨
1. Coding Interview University
This is an excellent Github repository for new software engineers or those who are making a career switch from web development to software engineering.
https://github.com/jwasham/coding-interview-university
2. Awesome Interview Questions
It is a curated list of a variety of coding interview questions to test your knowledge. This repository is suitable for almost every role related to the field of software engineering and development.
https://github.com/DopplerHQ/awesome-interview-question
3. The System Design Primer
This repository serves as a fantastic reference to various system design topics.
Even if you are new to system design, this resource covers every principle and topic you need to know from the ground up.
https://github.com/donnemartin/system-design-primer
4. Interview Handbook
If you want to land a job but you are completely new to the entire process, this repository is a perfect place to find practical content that covers everything related to a technical interview.
https://github.com/yangshun/tech-interview-handbook
5. Interview
This repository is very similar to the Awesome Interview Questions repository discussed earlier.
It is essentially a curated list of various lectures, resources, books, and other such material to help you ace your coding interviews.
https://github.com/Olshansk/interview
6. JavaScript Algorithms
As the name suggests, the sole purpose of this repository is to prepare you for coding interviews that require JavaScript.
It contains examples of many popular algorithms and data structures implemented in JavaScript
https://github.com/trekhleb/javascript-algorithms
7. JavaScript Interview Questions & Answers
This Github repository aims to provide a summary of the most common and frequently asked questions.
This repo also contains coding exercises as well as a PDF version.
https://github.com/sudheerj/javascript-interview-questions
1. Coding Interview University
This is an excellent Github repository for new software engineers or those who are making a career switch from web development to software engineering.
https://github.com/jwasham/coding-interview-university
2. Awesome Interview Questions
It is a curated list of a variety of coding interview questions to test your knowledge. This repository is suitable for almost every role related to the field of software engineering and development.
https://github.com/DopplerHQ/awesome-interview-question
3. The System Design Primer
This repository serves as a fantastic reference to various system design topics.
Even if you are new to system design, this resource covers every principle and topic you need to know from the ground up.
https://github.com/donnemartin/system-design-primer
4. Interview Handbook
If you want to land a job but you are completely new to the entire process, this repository is a perfect place to find practical content that covers everything related to a technical interview.
https://github.com/yangshun/tech-interview-handbook
5. Interview
This repository is very similar to the Awesome Interview Questions repository discussed earlier.
It is essentially a curated list of various lectures, resources, books, and other such material to help you ace your coding interviews.
https://github.com/Olshansk/interview
6. JavaScript Algorithms
As the name suggests, the sole purpose of this repository is to prepare you for coding interviews that require JavaScript.
It contains examples of many popular algorithms and data structures implemented in JavaScript
https://github.com/trekhleb/javascript-algorithms
7. JavaScript Interview Questions & Answers
This Github repository aims to provide a summary of the most common and frequently asked questions.
This repo also contains coding exercises as well as a PDF version.
https://github.com/sudheerj/javascript-interview-questions
GitHub
GitHub - jwasham/coding-interview-university: A complete computer science study plan to become a software engineer.
A complete computer science study plan to become a software engineer. - jwasham/coding-interview-university
Top 9 project videos on YouTube every beginner should watch
1️⃣ Chat application using React
https://youtu.be/jcOKU9f86XE
2️⃣ Portfolio using HTML and CSS
https://youtu.be/_xkSvufmjEs
3️⃣ Another portfolio tutorial
https://youtu.be/r_hYR53r61M
4️⃣ Todo list using JavaScript
https://youtu.be/Ttf3CEsEwMQ
5️⃣ COVID-19 tracker
https://youtu.be/khJlrj3Y6Ls
6️⃣ Weather app
https://youtu.be/wPElVpR1rwA
7️⃣ Amazon clone 9 hours long video
https://youtu.be/RDV3Z1KCBvo
8️⃣ JavaScript calculator
https://youtu.be/j59qQ7YWLxw
9️⃣ eCommerce voice recognition
https://youtu.be/4xwruFAvEHA
1️⃣ Chat application using React
https://youtu.be/jcOKU9f86XE
2️⃣ Portfolio using HTML and CSS
https://youtu.be/_xkSvufmjEs
3️⃣ Another portfolio tutorial
https://youtu.be/r_hYR53r61M
4️⃣ Todo list using JavaScript
https://youtu.be/Ttf3CEsEwMQ
5️⃣ COVID-19 tracker
https://youtu.be/khJlrj3Y6Ls
6️⃣ Weather app
https://youtu.be/wPElVpR1rwA
7️⃣ Amazon clone 9 hours long video
https://youtu.be/RDV3Z1KCBvo
8️⃣ JavaScript calculator
https://youtu.be/j59qQ7YWLxw
9️⃣ eCommerce voice recognition
https://youtu.be/4xwruFAvEHA
Forwarded from All kind of Ebooks ™