Cześć!

Nadszedł piątek, więc czas na nowe zestawienie ciekawych linków z branży IT.

Dzisiaj przesyłam ich odrobinę więcej niż zwykle (+rozszerzona strefa patronów). Zapraszam do lektury :)

 

Przy okazji chciałbym Cię powiadomić o istnieniu trzech newsletterów, które także prowadzę:

 

◢ #unknownews ◣

1) Jak działa Apache Kafka? - wyjaśnienie na poziomie 5-letniego dziecka w formie książeczki z obrazkami :D
https://www.gentlydownthe.stream/
INFO: może i wygląda to zabawnie, ale jeśli nigdy nie miałeś styczności z Kawką lub masz problemy ze zrozumieniem koncepcji, to ta lektura bardzo Ci pomoże (strony można przerzucać kursorami)

2) Historia sieci WEB, jaką znamy - rozwój technologii
https://www.matthewgerstman.com/tech/history-of-the-web/
INFO: na początku był HTML, później JavaScript, doszedł jeszcze CSS, a później... o tym w artykule

3) WayFinder - relaksująca gra przeglądarkowa polegająca na szukaniu elementów na mapie
https://wayfinder.nfb.ca
INFO: znajdź błyszczące, białe elementy (gdy je znajdziesz, to rozpoznasz, o jakie chodzi) i zbuduj z nich wiersze (poezję). Grafika i sterowanie w grze bardzo przypomina mi "Don't starve". Cierpliwości wystarczyło mi na zaliczenie dwóch etapów (czyli znalezienie 12 symboli).

4) Dobre praktyki przy testowaniu kodu JavaScript i NodeJS
https://github.com/goldbergyoni/javascript-testing-best-practices/blob/master/readme-pl.md
INFO: długie, rozbudowane, ale i przydatne zarazem. Warto rzucić okiem jeśli piszesz w JS/Node

5) Wykrywanie problemów z dostępnością stron internetowych z użyciem narzędzi wbudowanych w przeglądarkę
https://christianheilmann.com/2021/06/08/accessibility-issues-you-can-discover-and-fix-using-the-browser-developer-tools/
INFO: sprytne metody na użycie devtoolsów do wykrycia wszelkich nieprawidłowości, które mogą utrudnić odbiór Twojej strony np. osobom niewidomym, czy z zaburzeniami postrzegania kolorów

6) Jak wygląda najczęściej kopiowany kod ze StackOverflow i dlaczego... zawiera on błąd?
https://programming.guide/worlds-most-copied-so-snippet.html
INFO: taka ciekawostka. 7 linijek kodu, które zostało przeklejone do niemal 4 milionów aplikacji Open Source

7) Jak obsługiwać sekrety (dane dostępowe, hasła itp) w aplikacjach działających w terminalu?
https://smallstep.com/blog/command-line-secrets/
INFO: podawanie sekretów jako parametry naraża je na wyciek. To może zmienne środowiskowe? Ciekawa analiza różnych rozwiązań.

8) Prestigemad - skrzyżowanie Jupyter Notebooka z klientem HTTP lub coś jak Postman połączony z notatnikiem
https://prestigemad.com/
INFO: ustaw kursor tekstowy przy czymkolwiek, co nie jest komentarzem i naciśnij CTRL+ENTER (na Macu CMD+Enter) i zobacz, co się stanie. Przydatne do tworzenia interaktywnych dokumentacji. Aplikacja selfhosted.

9) Drobne przecieki związane z wyglądem Windowsa 11
https://www.theverge.com/2021/6/15/22535123/microsoft-windows-11-leak-screenshots-start-menu
INFO: nowe menu start, sporo zaokrągleń w designie. Przyjemnie to wygląda.

10) Nowoczesne alternatywy dla klasycznych komend unixowych
https://github.com/ibraheemdev/modern-unix
INFO: cat z kolorowaniem składni? Przyjaźniejszy zamiennik seda? Łącznie 27 interesujących narzędzi

11) Utrzymywanie stałych proporcji wysokości do szerokości w CSS (tzw. aspect-ratio)
https://ishadeed.com/article/css-aspect-ratio/
INFO: nie wiedziałem, że CSS natywnie obsługuje takie rozwiązanie. Przydatne np. do przycinania obrazków tak, aby pasowały do naszego grida.

12) Jak hackerzy wykorzystali Slacka do włamania się do EA Games
https://www.vice.com/en/article/7kvkqb/how-ea-games-was-hacked-slack
INFO: jestem zaskoczony, że tak prosta metoda na obejście zabezpieczeń multifactor zadziałała w takiej korporacji.

13) Jak i po co przestać się przestymulowywać cyfrowymi bodźcami?
https://quintusertorius.com/letyourmindrest/
INFO: istnieje pewna szansa, że przesadnie stymulujesz swój mózg social mediami, czy muzyką. Jaki to może mieć na Ciebie wpływ?

14) Podłączenie komputera bez karty WiFi do sieci bezprzewodowej z użyciem Raspberry Pi
https://willhaley.com/blog/raspberry-pi-wifi-ethernet-bridge/
INFO: instrukcja wykonania prostego bridga pobierającego net z WiFi i podającego go po kablu np. do starych komputerów.

15) Kopia - nowe, otwartoźródłowe narzędzie do wykonywania kopii bezpieczeństwa plików
https://kopia.io
INFO: korzysta z Twojego (wybranego) storage. Obsługuje deduplikację, kompresję w locie i szyfrowanie danych. Klient działa na Windows/Linux/Mac.

16) LanDrop - narzędzie do szybkiego przesyłania plików między komputerami w sieci LAN
https://landrop.app
INFO: w działaniu przypomina bardzo AirDrop znany z urządzeń Apple, jednak to rozwiązanie jest wieloplatformowe. Działa na Windows/Linux/Mac/Android/iOS

17) Jak dobrze Twoja przeglądarka zabezpiecza Cię przed śledzeniem i identyfikacją przez np. wydawców reklam?
https://firstpartysimulator.org
INFO: wykonaj prosty test i zobacz, które elementy Twojej przeglądarki są unikalne, a które sprawiają, że wtapiasz się w tłum

18) Joplin - wieloplatformowa aplikacja do notatek i list zadań
https://joplinapp.org
INFO: obsługuje synchronizację danych z Dropboxem, OneDrive, NextCloud, czy dowolnym plikowym zasobem sieciowym. Działa na Windows/Linux/Mac

19) Ponad setka animowanych 'loaderów' napisanych w czystym CSS
https://dev.to/afif/still-100-css-loaders-for-your-next-project-57hp
INFO: niekoniecznie musisz je wykorzystywać w celu, w jakim powstały. Mnie ciekawi bardziej to, jak zostały one stworzone (analiza kodu CSS)

20) Zaawansowane użycie metod konsoli w JavaScript - na console.log() świat się nie kończy
https://medium.com/nmc-techblog/advanced-console-log-tips-tricks-fa3762930bca
INFO: przydatne do sprawniejszego debugowania aplikacji. O istnieniu table() i group() nie wiedziałem wcześniej.

21) pyWhat - narzędzie do identyfikacji stringów. Wykrywa, czym jest tekst, który wkleiłeś
https://github.com/bee-san/pyWhat
INFO: wklejasz ciąg znaków i od razu wiesz, że jest to np. hash MD5, albo numer karty kredytowej lub ID filmu na YouTube. Potrafi analizować zawartość plików PCAP (dumpy ze snifferów) i wyciągać z nich cenne informacje.

22) CSSGram - filtry z Instagrama zaimplementowane w czystym CSS
https://github.com/una/CSSgram
INFO: wybierasz filtr z listy, dodajesz jego nazwę jako klasę do obrazka i gotowe.

23) Przegląd TOP15 wartych uwagi bibliotek do Reacta
https://dev.to/coursesity/react-libraries-to-use-in-2021-15-top-picks-37d7
INFO: to subiektywny wybór autora tekst, niebazujący na popularności tych bibliotek

24) Jak zaimplementować na stronie funkcję "skopiuj do schowka"?
https://dev.to/bibekkakati/how-to-implement-copy-to-clipboard-on-a-website-1p0l
INFO: skrajnie proste rozwiązanie bazujące na jednej, niezbyt rozbudowanej instrukcji. Nie każdy jednak wie, że tak to działa.

25) Podstawy operacji na liczbach binarnych - wyjaśnione w bardzo przystępny i szybki sposób
https://dev.to/valeriavg/master-binary-in-five-minutes-2lj5
INFO: najbardziej spodobała mi się metoda ustawiania i odczytywania (sprawdzania) konkretnych bitów w liczbie. Kiedyś miałem to na studiach, ale zupełnie wyleciało mi z głowy

26) Kiedy nowa wersja danego softu będzie dostępna i jakie zmiany wprowadzi?
https://released.info
INFO: strona agregująca daty releasów nowych wersji popularnych technologii.

LINKI TYLKO DLA PATRONÓW

27) Jesteś osobą mocno techniczną i swobodnie piszesz po angielsku? A może by na tym zarobić?
https://uw7.org/un_60cc5f21efc74
INFO: lista 28 firm płacących za techniczne wpisy na ich blogach. Ceny zazwyczaj w przedziale $100 - $500 za tekst

28) Zbiór 160+ dobrych rad i tipsów do pracy z GITem
https://uw7.org/un_60cc5f274a066
INFO: nieważne jak długo pracujesz z gitem, prawdopodobnie znajdziesz tam coś nowego, co może Ci się przydać

29) Potężny zbiór linków do narzędzi dla designerów i ludzi od UX
https://uw7.org/un_60cc5f2c4a56b
INFO: całość podzielona na działy: projektowanie, mockupy, no-code, dostępność i dziesiątki innych

30) Podręcznik przygotowujący do rozmów kwalifikacyjnych z HTML/CSS/JavaScript
https://uw7.org/un_60cc5f317ed0f
INFO: dziesiątki pytań z pełnymi odpowiedziami i opracowaniami. Idealne do nauki przed rozmową o pracę. U góry po prawej możesz wybrać język polski

 

Dołącz do patronów, dzięki którym powstaje to zestawienie :)
https://patronite.pl/unknow

 

Jakub Mrugalski

pozdrawiam

Jakub 'unknow' Mrugalski

https://mrugalski.pl

Facebook Instagram YouTube Twitter Linkedin

Jeśli nie chcesz więcej otrzymywać ode mnie wiadomości, zawsze możesz się wypisać.