My handwritten Web Development notes https://abs.twimg.com/emoji/v2/... draggable="false" alt="✍️" title="Schreibende Hand" aria-label="Emoji: Schreibende Hand">

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🧵" title="Thread" aria-label="Emoji: Thread">https://abs.twimg.com/emoji/v2/... draggable="false" alt="👇" title="Rückhand Zeigefinger nach unten" aria-label="Emoji: Rückhand Zeigefinger nach unten">
1. CSS selectors https://abs.twimg.com/emoji/v2/... draggable="false" alt="☑️" title="Kästchen mit Häkchen" aria-label="Emoji: Kästchen mit Häkchen">
2. Some important CSS Pseudo classes https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔯" title="Davidstern mit Punkt in der Mitte" aria-label="Emoji: Davidstern mit Punkt in der Mitte">
3. Box model https://abs.twimg.com/emoji/v2/... draggable="false" alt="◻️" title="Weißes durchschnittliches Quadrat" aria-label="Emoji: Weißes durchschnittliches Quadrat">https://abs.twimg.com/emoji/v2/... draggable="false" alt="▫️" title="Weißes kleines Quadrat" aria-label="Emoji: Weißes kleines Quadrat">https://abs.twimg.com/emoji/v2/... draggable="false" alt="▪️" title="Schwarzes kleines Quadrat" aria-label="Emoji: Schwarzes kleines Quadrat">https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔲" title="Schwarzes Quadrat" aria-label="Emoji: Schwarzes Quadrat">https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔳" title="Weißes Quadrat" aria-label="Emoji: Weißes Quadrat">
3. Box model https://abs.twimg.com/emoji/v2/... draggable=https://abs.twimg.com/emoji/v2/... draggable="false" alt="▫️" title="Weißes kleines Quadrat" aria-label="Emoji: Weißes kleines Quadrat">https://abs.twimg.com/emoji/v2/... draggable="false" alt="▪️" title="Schwarzes kleines Quadrat" aria-label="Emoji: Schwarzes kleines Quadrat">https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔲" title="Schwarzes Quadrat" aria-label="Emoji: Schwarzes Quadrat">https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔳" title="Weißes Quadrat" aria-label="Emoji: Weißes Quadrat">" title="3. Box model https://abs.twimg.com/emoji/v2/... draggable="false" alt="◻️" title="Weißes durchschnittliches Quadrat" aria-label="Emoji: Weißes durchschnittliches Quadrat">https://abs.twimg.com/emoji/v2/... draggable="false" alt="▫️" title="Weißes kleines Quadrat" aria-label="Emoji: Weißes kleines Quadrat">https://abs.twimg.com/emoji/v2/... draggable="false" alt="▪️" title="Schwarzes kleines Quadrat" aria-label="Emoji: Schwarzes kleines Quadrat">https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔲" title="Schwarzes Quadrat" aria-label="Emoji: Schwarzes Quadrat">https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔳" title="Weißes Quadrat" aria-label="Emoji: Weißes Quadrat">" class="img-responsive" style="max-width:100%;"/>
4. Display property https://abs.twimg.com/emoji/v2/... draggable="false" alt="➖" title="Dickes Minuszeichen" aria-label="Emoji: Dickes Minuszeichen">
5. Justify-content and align-content explained https://abs.twimg.com/emoji/v2/... draggable="false" alt="⬅️" title="Pfeil nach links" aria-label="Emoji: Pfeil nach links">https://abs.twimg.com/emoji/v2/... draggable="false" alt="⬇️" title="Pfeil nach unten" aria-label="Emoji: Pfeil nach unten">
6. Align-items and align-self explained https://abs.twimg.com/emoji/v2/... draggable="false" alt="📊" title="Balkendiagramm" aria-label="Emoji: Balkendiagramm">
7. Axes of a layout container https://abs.twimg.com/emoji/v2/... draggable="false" alt="⬆️" title="Pfeil nach oben" aria-label="Emoji: Pfeil nach oben">https://abs.twimg.com/emoji/v2/... draggable="false" alt="➡️" title="Pfeil nach rechts" aria-label="Emoji: Pfeil nach rechts">
8. z-index - stacking order of elements https://abs.twimg.com/emoji/v2/... draggable="false" alt="🏗️" title="Gebäude im Bau" aria-label="Emoji: Gebäude im Bau">
9. Give your element a 3D look wit1h CSS perspective property https://abs.twimg.com/emoji/v2/... draggable="false" alt="👀" title="Augen" aria-label="Emoji: Augen">https://abs.twimg.com/emoji/v2/... draggable="false" alt="🕶️" title="Dunkle Sonnenbrille" aria-label="Emoji: Dunkle Sonnenbrille">
10. Alignment in CSS https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗄️" title="Aktenschrank" aria-label="Emoji: Aktenschrank">
11. Quick start guide to Grid layout https://abs.twimg.com/emoji/v2/... draggable="false" alt="🧮" title="Abacus" aria-label="Emoji: Abacus">
12. Position property CSS https://abs.twimg.com/emoji/v2/... draggable="false" alt="⏹️" title="Quadrat zum Stoppen" aria-label="Emoji: Quadrat zum Stoppen">
13. Grid cheat sheet https://abs.twimg.com/emoji/v2/... draggable="false" alt="📃" title="Seite mit Eselsohr" aria-label="Emoji: Seite mit Eselsohr">
14. Flexbox cheat sheet https://abs.twimg.com/emoji/v2/... draggable="false" alt="📄" title="Seite mit der Schriftseite oben" aria-label="Emoji: Seite mit der Schriftseite oben">
15. animation-timing-function https://abs.twimg.com/emoji/v2/... draggable="false" alt="📉" title="Tabelle mit Abwärtstrend" aria-label="Emoji: Tabelle mit Abwärtstrend">https://abs.twimg.com/emoji/v2/... draggable="false" alt="📈" title="Tabelle mit Aufwärtstrend" aria-label="Emoji: Tabelle mit Aufwärtstrend">
16. Don& #39;t use "solid" border always https://abs.twimg.com/emoji/v2/... draggable="false" alt="🖼️" title="Bilderrahmen mit Bild" aria-label="Emoji: Bilderrahmen mit Bild">
17. Git workflow https://abs.twimg.com/emoji/v2/... draggable="false" alt="🌊" title="Wasserwelle" aria-label="Emoji: Wasserwelle">https://abs.twimg.com/emoji/v2/... draggable="false" alt="📲" title="Mobiltelefon mit nach rechts zeigendem Pfeil auf der linken Seite" aria-label="Emoji: Mobiltelefon mit nach rechts zeigendem Pfeil auf der linken Seite">
18. JavaScript Array methods cheat sheet https://abs.twimg.com/emoji/v2/... draggable="false" alt="Ⓜ️" title="Lateinischer Buchstabe M in Kreis" aria-label="Emoji: Lateinischer Buchstabe M in Kreis">
19. JavaScript Date methods https://abs.twimg.com/emoji/v2/... draggable="false" alt="📅" title="Kalender" aria-label="Emoji: Kalender">https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓️" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt">
20. What is a functions https://abs.twimg.com/emoji/v2/... draggable="false" alt="🧩" title="Puzzle piece" aria-label="Emoji: Puzzle piece">
21. Arrow functions https://abs.twimg.com/emoji/v2/... draggable="false" alt="➡️" title="Pfeil nach rechts" aria-label="Emoji: Pfeil nach rechts">
22. Document Object Model https://abs.twimg.com/emoji/v2/... draggable="false" alt="🌳" title="Laubbaum" aria-label="Emoji: Laubbaum">
23. addEventListener method https://abs.twimg.com/emoji/v2/... draggable="false" alt="🎤" title="Mikrofon" aria-label="Emoji: Mikrofon">
24. Font shorthand property https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔠" title="Eingabe-Symbol für lateinische Großbuchstaben" aria-label="Emoji: Eingabe-Symbol für lateinische Großbuchstaben">
I am super delighted that you all like these notes https://abs.twimg.com/emoji/v2/... draggable="false" alt="😍" title="Lächelndes Gesicht mit herzförmigen Augen" aria-label="Emoji: Lächelndes Gesicht mit herzförmigen Augen">
You can follow @Prathkum.
Tip: mention @twtextapp on a Twitter thread with the keyword “unroll” to get a link to it.

Latest Threads Unrolled:
There are a lot of misconceptions about the Turkish diaspora in Germany. Since i just finished writing an essay about this topic I thought it's time to give other people
Read more
Las mejores calculadoras online en 2020A thread http://totumat.com/2020/11/26/las-mejores-calculadoras-online-en-2020/ Cuando se estudian asignaturas que requieren de cálculos complicados, nada mejor que contar con una buena calculadora.
Read more
Mitigating #ClimateChange is as much about taking up new techs as about leaving others behindMost studies focus on #coal's global downfall but another #energy tech decline is loomingRead my new
Read more