Niedzielny zrzut linków #6

-
Dzisiaj będą linki o HTML/CSS, z położonym akcentem na CSS Grid.

Courses - code club

Tutoriale do HTML/CSS, a także do innych języków (Pythona, Scratch, Raspberry PI, Sense Hat i Sonic Pi). Tutoriale się wyróżniają tym, że są małe kroki, dużo ilustracji i jakaś "fabuła" (dlatego zwróciły moją uwagę - często tutoriale są nudne jak barszcz, a te się wydają spoko). Poziom wydaje się być raczej podstawowy.

Jeśli natomiast chcecie czegoś bardziej zaawansowanego, to możecie pouczyć się grida. Choćby z tego tutoriala na Youtube:

How to create website layouts using CSS grid

Grid to taka prostokątna niewidzialna "siatka", którą się nakłada na stronę, żeby wyrównać elementy (które potem sobie siedzą w takich niewidzialnych kwadracikach). Znacie tę koncepcję od czasów tabelek. Potem był Bootstrap i jego klasy "row" czy "col-coś-tam". A teraz jest grid w CSS, bez tabelek czy Bootstrapa.

Jeżeli jeszcze macie wątpliwości, że grid jest potrzebny, to obejrzyjcie
na Youtube video pod tytułem:  CSS Grid Changes Everything (About Web Layouts) , na którym pan o nazwisku Morten Rand-Hendriksen entuzjastycznie wyjaśnia znaczenie tego wiekopomnego ficzera.

Oraz zapamiętajcie nazwisko Rachel Andrew, bo to kobieta, która dużo namieszała w temacie.

Zrobiła na przykład stronę pod tytułem "siatka w przykładach":
Grid by example

Poza tym wybadajcie ją na Yotutube:
https://www.youtube.com/results?search_query=Rachel+Andrew%2C+
daje talki i w ogóle ma swój jakiś tam udział w tym, że w ogóle takie coś się pojawiło w CSS.

No a jeśli chcecie natomiast bardziej uporządkowanej wiedzy o CSS Grid to możecie wreszcie poczytać dwie zupełnie różne i niezwiązane (chyba) ze sobą strony o takich samych prawie tytułach:

A Complete Guide to CSS Grid

Strona z Codrops reference. Dużo tekstu, ale również dużo ilustracji.

Oraz:

A Complete Guide to Grid
czyli taka ściągawka z CSS Tricks. Najważniejsze właściwości i ilustracje. Jakbyście zapomnieli, która właściwość do czego służy.








Komentarze

Prześlij komentarz

Popularne posty z tego bloga

Dlaczego nie da się nadgonić frontendu

-
Obraz
Światek JavaScriptu, frontendu to jedno wielkie FOMO. Nie uważasz przez chwilę, to się okazuje, że już są kolejne frameworki do nauczenia, biblioteki do obczajenia, wzorce do zrozumienia. Zeszłoroczne dobre praktyki okazują się już przestarzałe i teraz już należy robić inaczej. Można mieć na to wyjebane i robić swoje. I jest to podejście spokojnego programisty, który gdzieś tam klepie po firmach i ma fokus na dostarczanie tasków na produkcję, a nie na naukę frameworków dla frameworków. I to jest dobre podejście. Do czasu zmiany pracy. Bo wtedy się okazuje, że musisz się praktycznie od nowa uczyć masy rzeczy, frontend już jest inny, nie chcą cię już na rozmowach, bo nie znasz jakiejś tam nowej opcji w libce, która weszła akurat wtedy, jak byłeś zajęty pracą. Więc co robić? Można się uczyć na bieżąco nowości. Skąd jednak wiedzieć, czego się uczyć? Cóż, najświeższa wiedza jest na Twitterze (no dobra, czasem świeższa wiedza jest na Githubie, Discordach itp. no ale na Twitterze ta
Czytaj więcej

Absurdy Rekrutacji 2023

-
Obraz
Oto absurdy rekrutacyjne, których doświadczyłem w tym roku: 7h robienia zadania domowego (trzeba było prostą apkę w Node.js zrobić), potem feedback, który nawet nie był słowny, ale punktowy. Firma oceniała kandydatów wg punktów. U mnie zabrakło im obsługi błędów (ale nie napisali, że to ważne), więc miałem mniej punktów, więc wypad XD Śmieszne to jest, bo pokazuje ogólne myślenie podczas oceniania, czyli "nie zrobiłeś czegoś? Pewnie tego nie umiesz. Mamy kandydatów, którzy to napisali, oni umieją". Zadanie domowe z tworzenia gier w Pixi.js. Nawet to ciekawe na początku było, bo potrzebowałem googlać, jak się robi pewne rzeczy z Pixi.js. Więc sam skorzystałem na tym. Jednak nie kontynuowałem tego zadania, ponieważ po 2 godzinach owszem, ruszyłem temat i może po 4h by mi się udało zrobić "jakoś" to zadanie. Jednak w wymogach było napisane, że wymogiem jest duża jakość kodu i sensowne podzielenie tego wszystkiego na klasy. Myślę, że jakbym chciał to dobrze zapro
Czytaj więcej

Przygody juniora (1)

-
Obraz
Zakodziłem swojego taska. Zakomitowałem i pusznąłem na serwer. Dałem merdż rekłesta. No i czekam. Nie wiedziałem, co ze sobą zrobić, więc wyłączyłem wifi w kompie, żeby włączył się dinozaur. Zacząłem grać. Tak mnie to wciągnęło, że aż pół godziny spędziłem na tym. Nagle stuka mnie w ramię kolega senior. - Czemu nie odpisujesz? Wysłałem ci wiadomość. - A no bo ja, no wiesz, wyłączyłem internet, żeby pograć w dinozaura. - Do tego nie musisz wyłączać internetu. Wystarczy wejść na chrome://dino - rzekł senior i byłem pod wrażeniem jego wiedzy. - O, nie wiedziałem tego! - No to jak masz jakiś problem, to pytaj. - To ty masz jakiś problem, bo przyszedłeś. - A, no tak. No bo dałeś mi tego merdż rekłesta, tak? Ale tam w ogóle nie ma napisanych testów. - A od kiedy muszą być pisane testy? - Od kiedy zmieniliśmy definiszyn ow don. Wcześniej rzeczywiście nie pisaliśmy testów, bo nie było tego w DoD. - A co to są testy i jak się je pisze? - może i głupie pytanie, ale nigdy wcześniej
Czytaj więcej