◢ #unknownews ◣ Nareszcie…

◢ #unknownews ◣

Nareszcie się udało… zestawienie gotowe na poniedziałek ( ͡º ͜ʖ͡º)

1) Były premier Australii wrzucił na Instagrama zdjęcie swojego biletu lotniczego – co stało się dalej?
https://mango.pdf.zone/finding-former-australian-prime-minister-tony-abbotts-passport-number-on-instagram
INFO: artykuł przedstawia krok po kroku, jak z użyciem tej fotki uzyskano pełne dane paszportu i numer telefonu ofiary

2) Potknięcia w UX w prawdziwych aplikacjach – niektóre są świetne
https://grumpy.website
INFO: ta strona pozwala zrozumieć, jak niewiele potrzeba, aby zdezorientować użytkownika na tyle, aby nie wiedział jak obsługiwać Twoją aplikację 😉

3) Naucz się pracy z GITem, rozwiązując interaktywne, graficzne zadania
https://learngitbranching.js.org
INFO: tutorial online uczy zarówno podstaw (np. commit) jak i rzeczy bardziej zaawansowanych (branche, tagi, rebase itp)

4) Universe in a Nutshell – pierwsza, oficjalna aplikacja mobilna od Kurzgesagt
https://shop-eu.kurzgesagt.org/products/universe-in-a-nutshell-app
INFO: aplikacja pozwala zrozumieć skalę wszechświata Można zoomować od wirusa, przez drapacze chmur, po planety i galaktyki. Aplikacja płatna (~$3)

5) Tabloid – naukowcy byli w szoku, gdy dowiedzieli się, co potrafi zrobić ten język
https://tabloid.vercel.app
INFO: język programowania oparty o clickbaity z tabloidów. Fajne! 😀

6) Luna – nowy projekt Amazona. Coś jak Netflix, ale z grami online
https://www.amazon.com/luna/landing-page
INFO: Za $5,99/msc masz dostęp do (obecnie) kilkunastu gier. Na start, usługa działa tylko w USA, ale ma się to zmienić za jakiś czas.

7) Vizualizator w VS Code – dla usprawnienia debugowania kodu
https://addyosmani.com/blog/visualize-data-structures-vscode/
INFO: Wtyczka, która potrafi robić dynamiczne wykresy na podstawie wartości debugowanych zmiennych. Artykuł zawiera demonstrację przypadków użycia

8) Sprytne metody na implementację lazy-load w przeglądarce
https://web.dev/lazy-loading-images/
INFO: obrazki mogą być osadzane jako obiekty inline, ale także jako tło w CSS. Jak obsłużyć oba te przypadki?

9) Zbuduj własny skracacz adresów URL – nauka programowania
https://dev.to/taslangraham/let-s-create-a-url-shortener-47n3
INFO: projekt może i mało przydatny, ale świetnie nadaje się do zgłębienia zasad działania Vue i Express + podstaw tworzenia API RESTowego

10) Oficjalne CLI (Command Line Interface) od GitHuba jest już dostępne
https://github.blog/2020-09-17-github-cli-1-0-is-now-available/
INFO: tworzenie pull requestów, rozwiązywanie issue, akceptowanie PR i praktycznie wszystko inne da się teraz osiągnąć z terminala

11) Rozwiązywanie problemów z użyciem Stack Overflow – niepokojący antywzorzec
https://riggraz.dev/stack-overflow-antipattern.html
INFO: zabawne przemyślenia autora na temat tego, jak postępują współcześni programiści (googlanie za rozwiązaniem zamiast myślenia nad nim) i co z tym można zrobić

12) Stopniowe ulepszanie stron internetowych z zachowaniem dostępności dla niepełnosprawnych
https://www.matuzo.at/blog/writing-even-more-css-with-accessibility-in-mind-progressive-enhancement/
INFO: Upiększasz element HTML, dodajesz do niego CSSa, JavaScript itp, ale cały czas z myślą o dostępności, bo co jeśli ktoś ma np. wyłączony JS, albo nie widzi Twoich modyfikacji w CSS? Interesujące podejście. Koniecznie rzuć okiem na trzy teksty podlinkowane na początku artykułu.

13) Wysłałeś kiedykolwiek maila na foo@bar.com? Możliwe, że niepokoiłeś tym Pana Foo 😀
https://www.bar.com
INFO: okazuje się, że ktoś te maile jednak czytał w przeszłości, a obecnie przynajmniej je zbiera.

14) Headless Recorder – nagraj swoje poczynania w przeglądarce i wyeksportuj je jako skrypt do Puppetera/Playwright
https://github.com/checkly/headless-recorder
INFO: narzędzie przydatne w szczególności dla testerów aplikacji webowych. Wymaga zainstalowania dodatkowego rozszerzenia w Chrome.

15) CSS Clipping, czyli wycinanie kształtów w CSS – wprowadzenie
https://web.dev/css-clipping/
INFO: ciekawie zaprezentowane podstawowe operacje. Warto rzucić okiem na podlinkowane narzędzie „Clippy” do generowania scieżek do funkcji clipp

16) Kilka porad na temat typografii webowej – zwięzłe przedstawienie tematu
https://dev.to/zeanqin/typography-basics-and-best-practices-for-software-developers-542n
INFO: znałeś jednostkę ‚ch’ w CSS? Wiesz co to jest native font stack, co się na niego składa i dlaczego warto go używać?

17) Webmentions zamiast komentarzy na stronie? – nowy standard rekomendowany przez W3C
https://dev.to/dailydevtips1/goodbye-comments-welcome-webmentions-499g
INFO: technologia bardzo przypomina pingbacki/trackbacki znane z WordPressa

18) DUF – Disk Usage/Free tool, czyli przyjemne narzędzie (CLI) do prezentowania użycia dysku przez pliki i katalogi
https://github.com/muesli/duf
INFO: przyjazny dla użytkownika, kolorowy i czytelny output. Działa na systemach Linux/Unix/Mac.

19) Typescript (nad)użyty do sprawdzania ortografii – zabawny eksperyment
https://github.com/kkuchta/TSpell
INFO: autor używa jednej z właściwości Typescripta do zbudowania skryptu sprawdzającego błędy ortograficzne. Kod wynikowy jest tworzony przez generator i wygląda tragicznie. Dlaczego to zostało stworzone? bo można 😉

20) Microdata – czyli jak lepiej definiować metadane opisujące dokument HTML
https://dev.to/brandvantage/what-is-microdata-5epm
INFO: używając oznaczeń z puli Microdata, ułatwiasz wyszukiwarkom zrozumienie swojej strony i jej efektywniejsze parsowanie

21) Znasz elektryczną ciężarówkę NIKOLA, będącą bezpośrednią konkurencją dla produktu Tesli? – ona prawdopodobnie nie umie jeździć…
https://www.bbc.com/news/technology-54161343
INFO: Producenci Nikoli nagrali film promocyjny swojego samochodu puszczając go na luzie ze stromego zbocza. Wypoziomowali obraz i wmawiali inwestorom, że pojazd jedzie o własnych siłach. Filmy z genialnego pokazu znajdziesz na YT pod hasłem „nikola truck”

22) Jak uzyskać fonty z Maca na Linuksie?
https://aswinmohan.me/posts/better-fonts-on-linux/
INFO: Mac słynie z pięknej typografii i naprawdę dobrze wyglądających fontów. Przy odrobinie kombinowania, można uzyskać ten efekt także i na Linuksie.

== LINKI TYLKO DLA PATRONÓW ==

23) Aplikacja pozwalająca grać w trybie multiplayer na jednym komputerze w dwie osoby (tzw. local multiplayer) w gry, które tego trybu nie posiadają
https://uw7.org/un_5f71d7279c2a6
INFO: aplikacja zezwoli Ci na uruchomienie dwóch kopii jednej gry i skonfigurowania klawiszy dla każdej kopii oddzielnie. Testowane do tej pory na 18 grach (Minecraft, Half Life itp)

24) Tworzysz (lub masz zamiar tworzyć) gry 2D? ten edytor poziomów może Ci się spodobać
https://uw7.org/un_5f71d72e13f44
INFO: to bardzo prosty edytor, skupiający się przede wszystkim na prostocie obsługi i szybkości tworzenia poziomów. Binarka gotowa do ściągnięcia działa na Windows. Na inne systemy trzeba samemu powalczyć z kompilacją.

25) Lista 22 kanałów na YouTube, dzięki którym podniesiesz swojego programistycznego skilla
https://uw7.org/un_5f71d90ae4e94
INFO: większości pozycji z listy nie znałem, może i dla Ciebie będą to nowości

==
Chcesz, aby Twój link pojawił się tutaj?
Po prostu mi go zgłoś. To zupełnie NIC nie kosztuje – dodaję jednak tylko to, co mi przypadnie do gustu.
https://mrugalski.pl/suggest.html

Podobało się? To daj plusa 🙂

************

[Obserwuj mnie na FB] – [Zostań patronem] – [Wersja RSS] – [Subskrybuj przez email] – [Grupa na Telegramie]

Tagi: #ciekawostki #programowanie #webdev #linux #technologia