Learn CSS
789 subscribers
212 photos
5 videos
32 files
512 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
CSS Tip🎨

The "image-rendering" CSS property tells the browser how the image should be zoomed-in or zoomed-out.
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
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 🔥
CSS units explained
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
Forwarded from All kind of Ebooks
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
10+ CSS BORDER ANIMATION EXAMPLE

https://bit.ly/3mYvaYL
Pure CSS moon using "box-shadow" property 🌛
I found an interactive Grid cheat sheet 📃

🔗https://yoksel.github.io/grid-cheatsheet/
Create magnifying glass 🔍 using few lines of CSS