Cześć!
Dziś nazbierało mi się sporo tekstów, które mogą zainteresować ludzi od WebDeva, ale i inni z pewnością znajdziesz coś dla siebie. Mnie z dzisiejszego wydania najbardziej zauroczyły wizualizacja Machine Learningu oraz przegląd nowości w CSS.
Drobna prywata
Ostatnio opublikowałem swój Mini kurs CURLa. Zdecydowanie przyda Ci się przy debugowaniu aplikacji webowych. Kurs w ramach eksperymentu dostępny jest w modnym w naszym kraju modelu "co łaska, ale nie mniej niż..." i w praktyce możesz zapłacić za niego ile chcesz, ale cena minimalna to 7zł (aby nie dopłacać do VAT, PIT i pośredników płatności).
https://wiedza.mrugalski.pl/product/mini-kurs-curl/
P.S. jeśli czytasz tego maila na telefonie i chciałbyś otworzyć go sobie w przeglądarce, to na końcu tej wiadomości, pod ikonkami social mediów jest link do wersji webowej (i zawsze już tam będzie doklejany).
Zapraszam do lektury :)
◢ #unknownews ◣
Wizualne wprowadzenie do Machine Learningu - jak to działa?
http://www.r2d3.us/visual-intro-to-machine-learning-part-1/
INFO: bardzo ciekawie przedstawione rozwiązanie pewnego problemu (tutaj: klasyfikacja danych) z użyciem machine learningu, z tym że koncepcja ML wprowadzana jest znacznie później. Autor doprowadza czytelnika do niej. Warto oglądać na komputerze. Trzeba tylko czytać i scrollować (aby uruchomić animacje)
Przeglądanie historii przeglądarki użytkownika za pomocą captchy
https://varun.ch/history
INFO: prosty test sprawdzający, ‘czy jesteś człowiekiem?’ może bez problemu zweryfikować, czy odwiedzałeś konkretną stronę WWW, czy nie. Niemożliwe jest wyciągnięcie listy odwiedzonych stron, ale możliwe jest odpytanie o konkretny adres i oczekiwanie odpowiedzi TAK/NIE.
Mapa występowania nazwisk na terenie Polski
https://www.mapanazwisk.eu/
INFO: podajesz nazwisko którego szukasz, a mapa pokazuje, gdzie na terenie naszego kraju możesz znaleźć najwięcej ludzi o takim nazwisku. Przy okazji można też sprawdzić, jak bardzo popularne jest dane nazwisko (sprawdź np. ‘Kowalski’). Zobacz, jak to wygląda w innych krajach.
Zagraj w Half Life w swojej przeglądarce
https://icrazyblaze.github.io/Xash3D-Emscripten/xash.html
INFO: aby zagrać, trzeba ściągnąć sporo megabajtów (33-85, zależnie od ustawień) z plikami pomocniczymi, ale poza tą jedną niedogodnością, to gra działa bardzo płynnie. U mnie z paczką ‘HLDM’ nie chciało się uruchomić (gra zawieszała się na menu), ale już np. z ‘Hazard Course’ poszło bez problemów.
Bugi w Hello World - czyli co można zepsuć w tak prostej aplikacji
https://blog.sunfishcode.online/bugs-in-hello-world/
INFO: nie wszystkie języki programowania poprawnie obsługują kody wyjścia (exit codes) w przypadku problemów z działaniem nawet tak prostych programów
Wykorzystaj tunele oferowane przez Cloudflare do dostępu do swojego serwera lokalnego
https://orth.uk/ssh-over-cloudflare/
INFO: dzięki tunelowi nie tylko możesz wystawiać na świat aplikacje webowe ze swojej sieci lokalnej, ale także dowolne inne aplikacje jak np. serwer SSH
Micropolis (otwartoźródłowa wersja Simcity) w Twojej przeglądarce
https://www.graememcc.co.uk/micropolisJS/
INFO: ktoś przepisał Micropolis na wersję JavaScriptową. Mały powiew nostalgii dla wielbicieli gier z lat 80.
Mity dotyczące technologii blockchain - wywiad z polskim kryptologiem
https://www.internet-czas-dzialac.pl/odcinek-31-blockchain/
INFO: wywiad trwa ponad godzinę, ale możesz go wchłonąć w wersji audio, wideo lub tekstowej (jako streszczenie)
Czyszczenie inputu od użytkownika webaplikacji na poziomie bazy danych
https://sive.rs/clean1
INFO: ciekawe zastosowanie triggerów na bazie danych. W momencie umieszczania danych w tabeli uruchamiana jest funkcja ‘czyszcząca’ te dane i dostosowująca je do naszych potrzeb.
Dlaczego korporacyjne oprogramowanie robione na zamówienie często jest tak ociężałe?
https://www.mailbox.my/blog/posts/why-enterprise-software-is-bloated/
INFO: nie zawsze chodzi tutaj tylko o jakość pisanego kodu. Niekiedy przyczyna jest zupełnie nietechniczna.
Hackerzy, którzy włamali się do firmy Nvidia, mają bardzo niecodzienne żądania…
https://arstechnica.com/information-technology/2022/03/cybercriminals-who-breached-nvidia-issue-one-of-the-most-unusual-demands-ever/
INFO: domagają się wypuszczenia darmowych, otwartoźródłowych sterowników do wszystkich kart graficznych tego producenta. W razie niespełnienia żądania, wszystkie sekrety produkcji chipów Nvidii zostaną opublikowane w Internecie.
Jak przygotować się na kryzys - zarówno ten internetowy, jak i w życiu realnym. (Webinar - niedziala, 13 marca o 20:00)
https://nbzp.cz/kryzys
INFO: webinar jest organizowany przez Niebezpiecznika, a prowadzony przez Michałą Zalewskiego (lcamtufa). Zapisz się nawet jeśli nie masz czasu się pojawić na żywo, ponieważ osoby zapisane dostaną dostęp do nagrania
Jak działa pseudoklasa :where() w CSS i dlaczego jest taka fajna?
https://www.matuzo.at/blog/2022/heres-what-i-didnt-know-about-where/
INFO: pierwszy raz widząc kod z zastosowaniem where() można się lekko zdziwić, ale warto poznać ten mechanizm i konsekwencje jego użycia
Używanie “:latest” w Dockerfile to zło, ale dlaczego?
https://platformers.dev/log/2022-03-02-latest-literally-kills-puppies/
INFO: odpowiednik ‘latest’ istnieje w wielu ekosystemach - npm, terraform, docker. Wszędzie może narobić podobnych problemów. Warto przeczytać, dlaczego warto tego unikać.
Dlaczego w Indiach istnieje banknot o nominale ZERO rupii?
https://karthika2006.wordpress.com/2015/05/13/zero-rupee-note/
INFO: produkcja banknotów bez wartości nie wydaje się mądrym pomysłem. Okazuje się jednak, że jest w tym pewna logika.
Nowe, relatywne jednostki miary w CSS
https://blog.logrocket.com/investigating-new-css-viewport-relative-units/
INFO: do tej pory mieliśmy vw, vh, vmin i vmax. Jeśli nadal się w tym gubisz, to do kolekcji dochodzą jeszcze dwie nowe ;)
Jak działa webowa część Internetu? - proste wyjaśnienia
https://github.com/vasanthk/how-web-works
INFO: odpowiedź na klasyczne pytanie z rozmowy o pracę ‘co się DOKŁADNIE dzieje, gdy wpisuję adres w pasek adresu i naciskam enter?’ została tutaj rozpisana z podziałem na kilka rozdziałów.
Wszystko, co musisz wiedzieć o współczesnym WebDevelopmencie (książka online)
https://github.com/dexteryy/spellbook-of-modern-webdev
INFO: ta publikacja nie uczy programowania, a daje ogólny pogląd na to, co teraz dzieje się w świecie WebDev. Warto rzucić okiem na rozdziały, które brzmią dla Ciebie obco.
Drukarka paragonów wspierająca Ukrainę - projekt online
https://sterowanie24.pl/drukarka
INFO: na Twitchu trwa transmisja z pracy drukarki paragonowej. Za każdym razem, gdy ktoś wpłaca pieniądze na zbiórkę, na drukarce pojawia się jego nick oraz treść komentarza. Cały dochód przeznaczony jest na pomoc dla Ukrainy. Wrzuć tam parę groszy, jeśli możesz.
Sprawdzanie, czy liczba jest liczbą pierwszą za pomocą wyrażenia regularnego
https://www.noulakaz.net/2007/03/18/a-regular-expression-to-check-for-prime-numbers/
INFO: spodziewałem się skrajnie rozbudowanego zapytania, a to, co zobaczyłem, nieźle mnie zaskoczyło. Aby wyrażenie działo, testowaną liczbę musisz zamienić na ciąg jedynek od długości takiej jak liczba (7 = 1111111 itp.) i dopiero na tej wartości uruchomić wyrażenie regularne.
Simpl - najprostsze możliwe implementacje pewnych funkcji w HTML/CSS/JavaScript (przescrolluj stronę do spisu treści)
https://simpl.info
INFO: szukasz informacji, jak użyć ficzera X dostępnego w przeglądarce, ale chcesz otrzymać odpowiedź w 3-4 liniach kodu? Ta strona jest dla Ciebie.
Nowości w CSS jakie przynosi nam obecny rok
https://www.smashingmagazine.com/2022/03/new-css-features-2022/
INFO: kontenery w CSS, has(), ‘else’ dla media query, accent-color, warstwy CSS, subgrid, z 6 funkcji do definicji kolorów w CSS i inne… sporo tego :o
Generator muzyki LoFi - idealny dla ludzi lubiących pracować przy takiej muzyce
https://lofigenerator.com
INFO: generator losowo skleja ścieżki. Jeśli nie podoba Ci się aktualnie wygenerowany ‘utwór’, to po prostu przejdź do następnego. Ścieżki dawniej dało się ściągać (wychodzi coś koło 20 centów za utwór), ale teraz widzę, że opcja jest chwilowo niedostępna.
Aspect-ratio w CSS, czyli jak zachować proporcje przy budowie strony
https://css-irl.info/aspect-ratio-is-great/
INFO: ciekawa metoda na budowę designu i ustalanie rozmiarów poszczególnych obiektów, czy obrazków. Nie wiedziałem, że w CSS można to osiągnąć aż tak łatwo.
Hostowanie statycznych stron internetowych napisanych w Markdown z użyciem serwera Caddy
https://blog.thomaspuppe.de/static-sites-from-markdown-with-caddy-server
INFO: okazuje się, że Caddy całkiem nieźle wspiera markdowna i kilka innych urozmaiceń, które mogą ułatwić nam pracę
Jaki antywirus wybrać dla Windowsa? Windows Defender powinien wystarczyć.
https://0ut3r.space/2022/03/06/windows-defender/
INFO: Defnder jest w pełni OK, o ile trochę mu pomożemy przy użyciu odpowiednich ustawień systemowych.
LINKI TYLKO DLA PATRONÓW
Generator wizualizacji dla plików dźwiękowych
https://uw7.org/un_fe6d141cefbfd
INFO: dodaj okładkę z ruchomym ‘waveformem’ i efektami specjalnymi do np. swojego podcastu, czy utworu nagranego przez Ciebie.
Zasoby dla developerów zmuszonych do tworzenia prostego designu ;)
https://uw7.org/un_e9aa8f02a5e8e
INFO: szablony stron, gotowe style, narzędzia, biblioteki UI, darmowe zdjęcia ze stocka, fonty, ikonki i wiele innych.
Lubisz czytać mój Newsletter? Podziel się nim proszę ze znajomymi ⬇️
➤ Wersja webowa aktualnego wydania
Do zobaczenia za tydzień ?
![]() |
pozdrawiam Jakub 'unknow' Mrugalski |
Jeśli nie chcesz więcej otrzymywać ode mnie wiadomości, zawsze możesz się wypisać.