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
CSS Pro Tip 🎨
- Zoom image on hover using one line of CSS
Example
HTML:
CSS:
- Zoom image on hover using one line of CSS
Example
HTML:
<img src = "https://pbs.twimg.com/profile_images/1347536368751177731/Jtb7ZdZj_400x400.jpg" />CSS:
body {
height: 100vh;
display: grid;
justify-content: center;
place-items: center;
margin: 0;
}
img {
border-radius: 50%;
height: 300px;
transition: 1s;
cursor: url("https://img.icons8.com/emoji/48/000000/magnifying-glass-tilted-left-emoji.png"), auto;
}
img:hover {
transform: scale(1.1);
}Bootstrap Cheat Sheet 📃
- An interactive list of Bootstrap 5 classes, variables, and mixins. The only Bootstrap 5 CheatSheet you will ever need.
https://bootstrap-cheatsheet.themeselection.com/
- An interactive list of Bootstrap 5 classes, variables, and mixins. The only Bootstrap 5 CheatSheet you will ever need.
https://bootstrap-cheatsheet.themeselection.com/
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
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
crisp-edges
The image must be scaled with an algorithm that preserves contrast and edges in the image, and which does not smooth colors or introduce blur to the image in the process.
Check the output image carefully
Read more about it here
https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
The image must be scaled with an algorithm that preserves contrast and edges in the image, and which does not smooth colors or introduce blur to the image in the process.
Check the output image carefully
Read more about it here
https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
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 🔥
This media is not supported in your browser
VIEW IN TELEGRAM
Top 3 Ways to Center a DIV with CSS
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 ✌️