◢ #unknownews ◣

Planowałem wrzucić zestawienie wczoraj, ale publikowanie czegokolwiek 1 kwietnia nie jest dobrym pomysłem - wszystko zostanie uznane za żart

1. Historia "węża" z Nokii - czyli o tym, jak firma stworzyła podwaliny pod przemysł gier mobilnych
   

https://www.itsnicethat.com/features/taneli-armanto-the-history-of-snake-design-legacies-230221

INFO: trochę historii z końcówki lat 90'. Wiesz, w którym roku powstała koncepcja tej gry? Raczej nie zgadniesz

2. Jak działa UTF-8? Co kryje się pośród ponad 150k znajdujących się tam znaków?
   

https://tonsky.me/blog/emoji/

INFO: mnie najbardziej zaskoczyło łączenie emoji w UTF8. Mężczyzna połączony z samolotem daje pilota, a flaga z czaszką daje flagę piracką itp.

3. Prowadzenie wiralowej strony oczami autora - jak to wygląda? ile można zarobić w kilka dni?
   

https://notfunatparties.substack.com/p/inside-a-viral-website

INFO: mowa o stronie "czy ten statek nadal tamuje ruch". Powstała natychmiast po zatkaniu Kanału Sueskiego.

4. Jak działa font-size w HTML? Nie do końca tak, jak myślisz
   

https://tonsky.me/blog/font-size/

INFO: jeśli ustawisz rozmiar fonta na 32 (bez jednostki), to która część litery będzie miała rozmiar 32 i 'czego 32?'. Zaskakujące

5. Gazeta bazująca na e-ink? Czemu by nie. 32-calowy wyświetlacz sprawdza się świetnie
   

https://gregraiz.com/i-made-an-eink-newspaper/

INFO: Widziałeś kiedyś w knajpach, przychodniach, czy u fryzjera stare wycinki gazet wiszące na ścianach? Ten gość poszedł o krok dalej i sprawił, że zawartość tych gazet dynamicznie się zmienia.

6. Przećwicz na realnych przykładach, wszystkie podatności opisane w OWASP TOP10
   

https://application.security/free/owasp-top-10

INFO: to darmowa platforma, która umożliwi Ci wypróbowanie luk w bezpieczeństwie webowym. Lekcje są interaktywne i prowadzą za rękę przez każdy z ataków. Świetne!

7. Opensourcowy miernik szybkości połączenia z Internetem (download/upload)
   

https://librespeed.org

INFO: nie ma reklam, nie używa flasha/javy, nie korzysta z websocketów itp. Po prostu działa

Dlaczego na wszystkich moich serwerach znajduje się pusty plik o rozmiarze 8GB?

https://brianschrader.com/archive/why-all-my-servers-have-an-8gb-empty-file/

INFO: ciekawe rozwiązanie, które w pewnych sytuacjach może ułatwić nam pracę i/lub skrócić czas awarii (z punktu widzenia niedostępności usług)

9. Jak wpadka w autouzupełnianiu na stronie wygenerowała rachunek na $2023
   

https://timmyomahony.com/blog/substacks-ui-and-1password-just-cost-me-2023-dollars

INFO: uważaj jak nazywasz pola tekstowe - zwłaszcza na stronie płatności.

10. Smartfon obniża Twoją produktywność? Tak, ale nie tylko wtedy, gdy go używasz
    

https://blog.rize.io/blog/phones-and-apps-reduce-your-ability-to-focus-even-when-they-dont-distract-you

INFO: badania z 2014 i 2017 roku potwierdzają, że trzymanie smartfona w zasięgu wzroku (bez używania go) także destruktywnie wpływa na Twoją zdolność skupienia się na pracy/nauce

11. Strona, która zawiera triggery do wszystkich uprawnień w nowoczesnych przeglądarkach
    

https://permission.site

INFO: warto rzucić okiem na plik JS z kodem źródłowym, bo tam znajdziemy przykłady implementacji zapytań o te uprawnienia.

12. Jak poradzić sobie z nakładaniem tekstu na zdjęcie w CSS - można to wykonać estetycznie na 6 sposobów
    

https://ishadeed.com/article/handling-text-over-image-css/

INFO: artykuł zawiera przykładowe rozwiązania i kody źródłowe. Mój ulubieniec, to numer 2.

13. Debugujesz aplikacje w Pythonie wklejając print() w losowe miejsca? Skorzystaj z IceCream
    

https://github.com/gruns/icecream

INFO: to w zasadzie rozbudowana wersja printa, która działa sprawniej i w sprytny i czytelny sposób wypisuje złożone struktury danych i różne rodzaje zmiennych. Na dole strony masz linki do wersji dla Javy, Rubiego, PHP, Go, Node i innych

14. Ultimate Plumber - świetne narzędzie do pracy ze strumieniami na Linuksie
    

https://github.com/akavel/up

INFO: zobacz animację na stronie projektu, a od razu zrozumiesz, jak to działa i co to robi

15. Wyłącz WCAG, włącz myślenie - czyli o dostosowywaniu stron dla osób niepełnosprawnych słów kilka
    

https://informaton.blog/2021/03/11/wyacz-wcag-wacz-myslenie/

INFO: WCAG to to zbiór wytycznych związanych z dostępnością treści na stronach WWW (Web Content Accessibility Guidelines)

16. DNS Peep - narzędzie do podglądania zapytań DNS wysyłanych przez Twój system operacyjny (Linux)
    

https://jvns.ca/blog/2021/03/31/dnspeep-tool/

INFO: uruchamiasz i widzisz spis wszystkich domen, o które pyta OS

17. Grafika SVG wyjaśniona w 100 sekund - z przykładami kodu (film, nieco ponad 100 sekund...)
    

https://is.gd/Kg88WT

INFO: bardzo przyjemne i mocno skondensowane wprowadzenie do formatu plików SVG. Składania poleceń, a nawet wyjaśnienie budowania krzywych

18. Co to są skip-linki i dlaczego powinieneś ich używać jeśli dbasz o dostępność swojej strony?
    

https://www.voorhoede.nl/en/blog/why-skip-links-are-important-for-accessibility/

INFO: zdania na temat używania tego rozwiązania są podzielone. Tutaj autor jest akurat promotorem tej techniki.

19. Próba stworzenia najwolniejszej i najszybszej jednocześnie strony internetowej - czyli oszukiwanie statystyk Lighthouse
    

https://www.tunetheweb.com/blog/making-the-slowest-fast-page/

INFO: Zbudowana strona pomimo tego, że ładuje się ponad 10 sekund, otrzymuje ocenę szybkości 100/100. Autor opisuje, jak działają te testy.

20. Kilka metod na przyspieszenie działania CSS na Twojej stornie, a w konsekwencji też na przyspieszenie strony
    

https://calibreapp.com/blog/css-performance

INFO: jakie osadzanie CSSa blokuje przeglądarkę? dlaczego 'import' nie jest dobrym rozwiązaniem i kilka innych.

21. Mail Studio - aplikacja (Windows/Linux/Mac) do budowy responsywnych szablonów mailowych
    

https://mailstudio.app

INFO: idealne rozwiązanie jeśli masz swój newsletter. Do zastosowań niekomercyjnych jest za darmo.

22. Pro1X - smartfon z Linuksem i pełną klawiaturą QWERTY
    

https://www.dropbox.com/s/r1wb9wzjsj07d4u/Zrzut%20ekranu%202021-04-2%20o%2011.07.06.png?dl=0

INFO: warto rzucić okiem na film prezentujący urządzenie. Telefon jest już dostępny w pre-orderze. Cena niestety jak za iPhone.

23. Szukasz edytora WYSIWYG dla swojej strony? Możesz zbudować własny. Oto frameworki, które Ci pomogą
    

https://dev.to/areknawo/top-js-rich-text-editor-frameworks-for-2021-53n8

INFO: autor wymienia 6 frameworków wraz z ich zaletami i wadami, ale ostatecznie decyduje się na jeden - podany na końcu

24. Buildbase - narzędzie opensource (i selfhosted zarazem) typu low-code do szybkiego stawiania aplikacji wewnętrznych
    

https://www.budibase.com

INFO: na stronie możesz założyć bezpłatne konto w usłudze SaaS. Wersję selfhosted znajdziesz na Githubie (link w stopce)

== LINKI TYLKO DLA PATRONÓW ==

25. Generatory webowe - wybierz kategorie i zbuduj to, czego potrzebujesz
    

https://uw7.org/un_6066fda4d413e

INFO: animacje w CSS, komponenty HTML, metatagi z Open Graph i wiele innych. Tego jest sporo (przeklikaj kategorie)

26. Galeria komponentów webowych - skopiuj gotowe rozwiązanie
    

https://uw7.org/un_6066fdac010fe

INFO: po co się męczyć z projektowaniem akordeonu, ładnie ostylowanego cytatu, czy schludnych przycisków? Skopiuj gotowca.

27. Analiza 100 milionów artykułów udostępnionych w social mediach - jak zbudować wpis idealny?
    

https://uw7.org/un_6066fdb1f3707

INFO: ile słów powinien mieć tytuł? z ilu znaków składają się najchętniej udostępniane teksty? Co się zmieniło w nagłówkach od 2017 roku do dziś?

==

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ę? No to ️️️

Dołącz do sponsorów zestawienia

https://patronite.pl/unknow

◢ #unknownews ◣

Zapraszam do lektury najnowszego zestawienia ciekawych linków z branży IT

1. CoScreen - udostępnianie ekranu dla developerów (pair programming, nauka programowania, team meetingi itp)
   

https://www.coscreen.co

INFO: czym to się różni od Zooma? Każdy uczestnik JEDNOCZEŚNIE może udostępnić okno/okna na wspólnym pulpicie. Można nimi sterować, przełączać się między nimi itp. Zobacz film na stronie głównej (ta animacja ma przycisk 'play'). Za darmo masz limit 60min/spokanie.

2. Po 50 latach złamano słynny, 340-znakowy szyfr Zodiaka - znana jest treść listu nieuchwytnego, seryjnego mordercy z USA
   

https://blog.wolfram.com/2021/03/24/the-solution-of-the-zodiac-killers-340-character-cipher/

INFO: wielu specjalistów po latach badań stwierdziło nawet, że to nie szyfr, a bazgroły i głupi dowcip, aż pewien znudzony człowiek z Australii, korzystając z lockdownu, usiadł i go złamał.

3. GREX - sprytny sposób na tworzenie wyrażeń regularnych (nie musisz znać nawet ich podstaw)
   

https://github.com/pemistahl/grex

INFO: na wejściu do programu lub biblioteki (bo grex ma dwie formy) podajesz wszystkie poprawne dane wejściowe, a aplikacja tworzy Ci wyrażenie, które je obejmuje. Jeśli coś działa niepoprawnie, to po prostu dorzuć więcej danych testowych.

4. Fontemon - pierwsza gra komputerowa napisana jako... font (to klon Pokemona)
   

https://www.coderelay.io/fontemon.html

INFO: instalujesz fonta, ustawiasz go np. w Wordzie i grasz. Jest też wersja webowa. Naciskasz dowolne klawisze, no chyba, że gra prosi o wybór A/B/C. Gdy się pomylisz, backspace pomoże

5. 0 A.D - darmowa, opensourcowa gra RTS z przyjemną grafiką - ściągnij, przetestuj
   

https://play0ad.com/media/screenshots/

INFO: gra działa na Windowsie, Macu i Linuksie. To wersja testowa, więc jeszcze może posiadać pewne bugi.

6. Jak algorytm GTP-3 radzi sobie z generowaniem tekstów na podryw? - powiedzmy, że 'różnie'
   

https://aiweirdness.com/post/646367635078103040/gpt-3-tries-pickup-lines

INFO: autor pokazuje efekty pracy generatora z wykorzystaniem różnych modelów danych. Niektóre są dziwne, inne zabawne

7. Ciekawa analiza bugów w Duke Nukem 3D - jak działają lustra?
   

https://mobile.twitter.com/Foone/status/1372766463556083715

INFO: przeglądnij cały wątek. Eksperymenty realizowane przez autora są świetne (np. co się stanie jeśli użyjesz kodu na przenikanie przez ściany i przejdziesz przez lustro?)

Throttling vs debouncing przy projektowaniu wyszukiwarek czy autouzupełniania - co to jest i które rozwiązanie warto wybrać?

https://dev.to/anuradha9712/debouncing-v-s-throttling-lb2

INFO: użytkownik wpisuje 100 znaków w pole wyszukiwarki z auto-podpowiedziami. Ile requestów otrzyma backend? To zależy do implementacji i o tym jest ten tekst.

9. StackOverflow Teams - od teraz za darmo dla teamów do 50 osób.
   

https://stackoverflow.com/teams/pricing

INFO: zbuduj własne StackOverflow, ale prywatne i dla własnego teamu. Świetne rozwiązanie dla małych teamów.

10. Rzuć pracę, załóż Patreona, bądź Youtuberem i żyj z tego?! - nooo... może się to nie udać
    

https://marker.medium.com/if-you-cant-afford-to-do-it-for-free-don-t-be-a-creator-569488f3ef72

INFO: przeciętny użytkownik Patrona zarabia $12/msc. a YouTube średnio płąci $3.5/1000 wyświetleń filmów. Dopóki nie masz setek tysięcy (albo lepiej kilku milionów) widzów, to raczej nie będzie to Twój sposób na życie.

11. PageXL - narzędzie do szybkiego stawiania prostych stron (landing page)
    

https://pagexl.com/en/

INFO: za darmo można stworzyć do 2 stron. Płatny plan kosztuje €2/msc.

12. Tworzenie złożonych deepfake z jednego obrazu wejściowego - jak bardzo zaawansowana jest obecnie ta technologia?
    

https://is.gd/kJgD7u

INFO: nie wygląda to zbyt dobrze i jak dla mnie, przypomina bardziej postacie z pierwszej wersji Simsów niż fotorealistyczny render, ale od czegoś trzeba zacząć...

13. Potrzebujesz czata na stronie do obsługi swoich klientów? - ciekawa alternatywa dla płatnych rozwiązań. Możesz odpisywać prosto ze Slacka
    

https://papercups.io

INFO: masz dwie opcje: selfhosted (wszystko za darmo i bez limitów) lub wersja SaaS, gdzie za darmo masz 100k/msc wiadomości.

14. SQLite to nie zabawka - to narzędzie posiadające spory potencjał
    

https://antonz.org/sqlite-is-not-a-toy-database/

INFO: autor tekstu przedstawia ciekawe rozwiązania zastosowane w tej bazie. Przydatne. Niektórych sztuczek nie znałem.

15. Stwórz sobie (online, bez instalacji czegokolwiek) własną skórkę do VS Code
    

https://themes.vscode.one

INFO: musisz zalogować się na stronie i w generatorze wybierasz co i jak ma wyglądać, a później tylko ściągasz gotowy theme (jako plik JSON).

16. Jak szybko wypełnić tabele w SQL przykładowymi danymi?
    

https://antonz.org/random-table/

INFO: szybka metoda na generowanie nawet milionów testowych danych za pomocą jednego zapytania SQL

17. Lista 28 polecanych rozszerzeń do VS Code dla Web Developerów
    

https://dev.to/mindninjax/28-vs-code-extensions-every-web-developer-should-know-50gd

INFO: rzuć okiem - być może któregoś z nich nie znasz, a może Ci się przydać.

18. Naucz się czegoś użytecznego w 90 minut - seria webinarów (186 odcinków)
    

https://www.learnwithjason.dev/episodes

INFO: szeroki zakres tematyczny poruszanych zagadnień. Odcinki, które widziałem są na naprawdę dobrym poziomie

19. PyWebIO - prosta biblioteka do tworzenia webowych interfejsów użytkownika
    

https://github.com/wang0618/PyWebIO

INFO: zobacz załączone animacje, aby zrozumieć, jak to działa. Nie wymaga znajomości HTML/CSS/JS.

20. Po 27 latach od premiery PS1, wypuszczono softmoda na tę konsolę (film, 11 minut) - zobacz na filmie o co chodzi
    

https://is.gd/mKg0Xe

INFO: modyfikacja umożliwia manipulowanie zapisanymi stanami gier. Film wyjaśnia jak to dokładnie działa

21. Skrypt Pythona zamieniający notatki w formie tekstowej na wyglądające na pisane odręcznie (tak! w tę stronę)
    

https://pythonawesome.com/converts-text-into-a-pdf-of-handwritten-notes-with-python/

INFO: na wejściu podajesz plik tekstowy i jeden z czterech dostępnych krojów pisma

22. w 2020 roku, prawie 2/3 wszystkich zapytań Google nie kończyło się otworzeniem jakiejkolwiek strony docelowej
    

https://sparktoro.com/blog/in-2020-two-thirds-of-google-searches-ended-without-a-click/

INFO: to pokazuje, że wewnętrzne systemy generowania odpowiedzi jak i wycinki ze stron docelowych w zupełności wystarczają szukającym. Wyjaśniać to także może spadek ruchu z Google na stronach.

23. Szukasz inspiracji dla strony swojego projektu? - zobacz, jak zrobili to inni
    

https://saaspages.xyz/

INFO: przegląd rozwiązań ze znanych startupów i SaaSów. Wybierz kategorię np. cennik, FAQ, blog i zainspiruj się

24. Jedno narzędzie webowe do zarządzania plikami w prawie 100 różnych chmurach
    

https://rethink.software

INFO: obsługuje AWS S3, Backblaze B2, Dropboxa, Google Drive, Mega, Wasabi i wiele innych. Obecnie usługa jest w fazie beta.

== LINKI TYLKO DLA PATRONÓW ==

25. Potrzebujesz generatora statycznych stron lub Headless CMSa? Oto ciekawe zestawienie dostępnych rozwiązań
    

https://uw7.org/un_605ddad97a8c1

INFO: kilkaset rozwiązań do wyboru. Z podziałem na technologie, użyty framework frontendowy, licencje itp.

26. Co najbardziej wpłynęło na poczucie Twojego szczęścia w ubiegłym roku? [dyskusja w komentarzach]
    

https://uw7.org/un_605ddade9571a

INFO: ciekawe inspiracje. Nad czym ludzie pracowali, jakie nawyki wyrobili, jakie książki przeczytali i co ogólnie zmienili w życiu, co sprawiło, że poczuli się szczęśliwsi

27. Naucz się programować w GO - praktyczny podręcznik online
    

https://uw7.org/un_605ddae5030ce

INFO: napisany prostym językiem i zawierający mnóstwo przykładów. Za wersję na czytniki niestety trzeba zapłacić.

--

Czytasz moje zestawienia regularnie? Dołącz do patronów, dzięki którym one powstają: https://patronite.pl/unknow

◢ #unknownews ◣

Nadszedł piątek - czas na nowe zestawienie ciekawych linków z branży IT.

Numer 7 podesłał sponsor, a numeru 9 powinieneś unikać w pracy, ale i tak wiem, że klikniesz

1. Scrollycoding - rewolucyjna metoda na tworzenie blogów programistycznych? (film, 8 minut)
   

https://is.gd/Zsu92C

INFO: kod w artykule rozbudowuje się wraz z czytaniem kolejnych rozdziałów tekstu. Można oznaczać konkretne fragmenty kodu itp.

2. Na jakiej zasadzie działały stare klawiatury ze złączem PS/2 - wyjaśnienie (film, 33 minuty)
   

https://is.gd/P9nHER

INFO: dość długi film, ale autor w naprawdę interesujący sposób wyjaśnia wszystko, a do tego krok po kroku buduje prototyp dekodera do kodów klawiszy

3. Zoom Escaper - niezbędnik pracownika do opuszczania niewygodnych spotkań online
   

https://zoomescaper.com

INFO: generuje sztuczne echo, zakłócenia na linii, płacz dziecka, sąsiada-wiertarkę, czy szczekające psy

4. REST vs GraphQL vs gRPC - proste porównanie na przykładach
   

https://www.danhacks.com/software/grpc-rest-graphql.html

INFO: jeśli zastanawiasz się, którą technologię powinieneś wybrać dla swojego API, to ten artykuł może ułatwić Ci wybór

5. Ciekawe podejście do pisania selektorów w CSS - zdecydowanie skraca zapis
   

https://www.silvestar.codes/articles/you-want-a-single-enabling-selector-not-the-one-that-disables-the-rule-of-the-previous-one/

INFO: metoda polega na selektywnym odblokowywaniu atrybutów, a nie na blokowaniu ich tam, gdzie nie chcemy. Przykład z artykułu pokazuje, o co chodzi.

6. Jak poprawić User Experience (UX) przy projektowaniu zakładki 'ustawienia' w Twojej aplikacji
   

https://www.toptal.com/designers/ux/settings-ux

INFO: garść porad z przykładami zastosowania w znanych aplikacjach

7. Napisz artykuł o elektronice lub programowaniu i wygraj 2000 zł
   

https://bit.ly/30NI3uu

INFO: Mile widziane poradniki m.in. o elektronice, IoT, Arduino, ESP, Raspberry Pi, TensorFlow, RISC-V...

Baserow - opensourcowa alternatywa dla Airtable. Dostępna w wersji selfhosted

https://baserow.io

INFO: jeśli nie znasz Airtable, to jest to baza danych online w stylu arkusza kalkulacyjnego, ale z ogromnymi możliwościami. Za niektóre zaawansowane opcje się tam płaci, a w Baserow wszystko mamy za darmo

9. Czołgi 3D - mocno wciągająca gra online (multiplayer). Mamy piątek... sam rozumiesz
   

https://tanx.io/

INFO: jeśli chcesz grać z kolegami, to po prostu wyślij im swój aktualny adres URL z gry (tam jest ID pokoju). Gra ma dość dziwne sterowanie (sterowanie względem ekranu, a nie pozycji gracza - sam zobaczysz)

10. Jak tworzono sceny walki w pierwszej odsłonie gry Mortal Kombat? (film, 12 minut)
    

https://is.gd/7qnc8U

INFO: najbardziej urzekła mnie realizacja kopniaków w powietrzu i ten piękny, latający Raiden

11. WhatsApp, Signal, Telegram: co to znaczy, że komunikator jest (nie)bezpieczny? (audio/video - około 80 minut)
    

https://www.internet-czas-dzialac.pl/odcinek-11-whatsapp-signal-telegram/

INFO: interesujący odcinek podcastu 'Internet. Czas działać!'. Dobre wyjaśnienie tematów związanych z bezpieczeństwem komunikatorów

12. Używasz gdzieś funkcji "Zaloguj przez GitHuba"? - to lepiej doczytaj, komu i jakie prawa nadałeś
    

https://games.greggman.com/game/github-permission-problem/

INFO: istnieje szansa, że developer aplikacji za pomocą której się logowałeś, ma teraz pełen dostęp do wszystkich Twoich repozytoriów.

13. Wywiad z założycielem serwisu RSYNC.NET (skrajnie tani backup online)
    

https://console.dev/qa/rsync-john-kozubik/

INFO: ciekawe podejście do konfiguracji środowiska (brak firewalla, brak routerów itp) i interesująca historia powstania i rozwoju firmy (w tym smaczki technologiczne wyjaśniające jak to działa)

14. Lista sześciu easter eggów znalezionych na Githubie
    

https://dev.to/github/six-secret-easter-eggs-in-github-2j17

INFO: ukryte wizualizacje 3D, mini-gry, sekretne repozytorium itp

15. Ile cyfr liczby PI używa NASA do swoich obliczeń?
    

https://www.jpl.nasa.gov/edu/news/2016/3/16/how-many-decimals-of-pi-do-we-really-need/

INFO: odpowiedź eksperta mnie zaskoczyła. Spodziewałem się bardziej czegoś jak na obrazku tytułowym

16. SD - sprytny sposób na zarządzanie swoimi skryptami powłoki (Bash/Zsh itp.)
    

https://ianthehenry.com/posts/sd-my-script-directory/

INFO: w praktyce, wrzucasz wszystkie swoje skrypty do specjalnej struktury katalogów i wywołujesz je jednym poleceniem

17. ChartsCSS - framework do tworzenia dobrze wyglądających wykresów, napisany w czystym CSS
    

https://chartscss.org/

INFO: mały, zgrabny, obsługujący 12 różnych metod wizualizacji danych.

18. Dlaczego skompresowane pliki JSON zajmują ponad 20x mniej miejsca na Rasbianie niż na Macu?
    

https://superuser.com/questions/1633073/why-are-tar-xz-files-15x-smaller-when-using-pythons-tar-library-compared-to-mac

INFO: ciekawa analiza tego, dlaczego tak się dzieje. Przyczyna jest zaskakująca.

19. Zanim wdrożysz globalnie w firmie nową bibliotekę JavaScript, odpowiedz na te 12 pytań
    

https://www.freecodecamp.org/news/the-12-things-you-need-to-consider-when-evaluating-any-new-javascript-library-3908c4ed3f49/

INFO: nowe biblioteki JS pojawiają się jak grzyby po deszczu i faktycznie są coraz lepsze, ale to nie oznacza, że możesz ich bezkarnie używać.

20. FocalBoard - alternatywa dla Trello, Notion i Asany. Zupełnie darmowa i selfhosted
    

https://www.focalboard.com

INFO: postawienie personalnej instancji ogranicza się tylko do ściągnięcia gotowej binarki (jest wersja na Windowsa, Linuksa i Maca). Wersja współdzielona/serwerowa wymaga więcej kombinowania, ale jest do tego tutorial

21. Jak przerobić ekran ze starego laptopa w zewnętrzny monitor do komputera
    

https://www.slashdigit.com/convert-old-laptop-screen-external-monitor/

INFO: jeśli w domu zalega Ci zepsuty laptop, ale z działającą matrycą, to możesz jeszcze go do czegoś wykorzystać

22. Uważaj jakich bibliotek JS używasz przy budowie rozszerzeń do Chrome - ban za Lodasha
    

https://roadtoramen.com/Day-435-Google-Took-Down-My-Chrome-Extension-for-Using-Lodash-a3096c51321f42e0a04c77e1a25f484a

INFO: ta popularna biblioteka zawiera w sobie ciągi znaków, które Google interpretuje jak próbę zaciemniania kodu i wyrzuca z marketu rozszerzenia jej używające

23. Tworzysz skrypty powłoki (bash/zsh/sh) wykonujące ważne zadania? Sprawdź je ShellCheckiem
    

https://github.com/koalaman/shellcheck

INFO: to prosty skrypt analizujący źródło Twoich skryptów i wytykający wszelkie potencjalne problemy w kodzie. Świetne.

24. Outrun - uruchamiaj aplikacje Linuksowe lokalnie, wykorzystując moc obliczeniową innego komputera
    

https://github.com/Overv/outrun

INFO: w praktyce możesz np. renderować filmy w chmurze czy wykonywać złożone obliczenia, samemu posiadając kiepskiej jakości sprzęt

25. Security.txt - sugerowany standard informowania ludzi o polityce bezpieczeństwa
    

https://securitytxt.org

INFO: jest to plik tekstowy zawierający informację np. na temat tego, z kim powinien się skontaktować hacker white-hat po znalezieniu buga na stronie

26. Usługa poprawiająca zdjęcia na potrzeby serwisów wymagających wymiarów 16x9 (np. Twitter)
    

https://einaregilsson.com/make-your-photo-16x9/

INFO: to link do artykułu opisującego jak to działa. Link do usługi jest nad drugą fotką. To nie jest resize zdjęć. Przydatne.

== LINKI TYLKO DLA PATRONÓW ==

27. Wielka kolekcja frameworków CSS - wszystkie hostowane na GitHubie i zawierające krótki opis
    

https://uw7.org/un_6054866525848

INFO: uwielbiam zwłaszcza te z kategorii Class-Less. Dodajesz do czystego HTMLa i od razu pisane na szybko narzędzia wyglądają lepiej

28. Pracujesz 8h dziennie na etacie, masz dzieci, sporo czasu marnujesz na dojazdy i chcesz rozwijać swoje projekty po pracy?
    

https://uw7.org/un_6054865fa3ba6

INFO: czytelnicy w komentarzach dzielą się swoimi pomysłami na to, jak to wszystko ogarnąć i jak znaleźć energię na dodatkowe projekty

29. Platforma z blogami programistycznymi (możesz tam także założyć własnego bloga)
    

https://uw7.org/un_6054865a77128

INFO: linkuję do top10, ale sugeruję przejść do przeglądarki tagów. Tam można znaleźć blogi na interesujące nas tematy. Niektóre są świetne

30. Przykład świetnej konfiguracji OBSa do Live codingu na Twitchu
    

https://uw7.org/un_6054865488320

INFO: trzeba przyznać, że efekt końcowy (to, co widzą ludzie) jest świetny. Podobają mi się te przejścia, dodatkowe efekty, cenzura ekranu w locie itp.

==

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 kliknij ️️️

P.S. Jeśli podobają Ci się moje treści, to dołącz do patronów zestawienia: https://patronite.pl/unknow

◢ #unknownews ◣

Sponsor powrócił (chyba mu się spodobało), więc link numer 7 jest od niego.

1. Przystępne wyjaśnienie całej koncepcji CSS Grida z użyciem... jednorożców (tekst + film 50 minut)
   

https://dev.to/joyshaheb/css-grid-cheat-sheet-illustrated-in-2021-1a3

INFO: obrazki z artykułu są świetne, ale jeśli ktoś woli słuchać i oglądać, to warto zapoznać się z filmem na początku tekstu

2. Historia człowieka, który kupił 300 emoji-domen z Kazachstanu i postawił na nich startup z usługą mailową
   

https://tinyprojects.dev/projects/mailoji

INFO: opisany w interesujący sposób eksperyment. Jak szukał domen, dlaczego akurat Kazachstan itp.

3. SOLIDna dawka wiedzy o dobrych praktykach programowania
   

https://devszczepaniak.pl/solid-kiss-i-dry/

INFO: Wpis wyjaśnia na przykładach reguły SOLID, KISS i DRY

4. Czy 1024 bajty kodu są w stanie pokonać Cię w grze w szachy?
   

https://vole.wtf/kilobytes-gambit/

INFO: nawet nie próbuj rozeznać się w kodzie źródłowym jest skrajnie zoptymalizowany i skompresowany

5. Responsively - aplikacja ułatwiająca tworzenie responsywnych stron internetowych
   

https://responsively.app

INFO: najprościej mówiąc, apka uruchamia Twoją stronę w wielu rozdzielczościach ekranu jednocześnie. Bardzo użyteczna jest opcja mirrorowania zachowania (przewijasz wersję na desktopa, a równocześnie scrollują się wszystkie wersje mobilne)

6. Co robić i jak żyć, gdy Google oznaczy Twoją stronę jako niebezpieczną?
   

https://www.uploader.win/blog/

INFO: ciekawa historia właściciela biznesu SaaS, który przypadkowo został zablokowany w ten sposób. Autor wymienia kilka elementów strony, które mogą spowodować, że automat błędnie zaklasyfikuje Cię jako stronę niebezpieczną/zainfekowaną.

7. Allegrohot - wyszukiwarka powraca w nowej, rozbudowanej wersji.
   

https://www.welcomehot.com/allegrohot/

INFO: główne zmiany to dodanie operatorów do wyszukiwania. Przede wszystkim może spodobać Ci się minus służący do wykluczania niechcianych słów oraz cudzysłów do grupowania słów (jak na Google)

Najbardziej zaskakujące rzeczy w protokole HTTP - wydaje Ci się, że go znasz?

https://httptoolkit.tech/blog/http-wtf/

INFO: wiesz, do czego służy "Cache-Control: no-cache"? do wyłączenia cache? Wręcz przeciwnie. Poważna dawka WTF.

9. DOLT - git dla baz danych. Ciekawy i ambitny pomysł.
   

https://github.com/dolthub/dolt

INFO: obsługa narzędzia bardzo przypomina typowego gita. Wykonujesz zmiany na bazie, które w każdej chwili możesz commitować lub rollbackować. Można robić gałęzie, tagi itp.

10. Sterowanie LibreOffice za pomocą poleceń terminala
    

https://opensource.com/article/21/3/libreoffice-command-line

INFO: lista pięciu ciekawych sztuczek zmuszających aplikację do wykonania pewnych zaskakujących akcji. Dwa ostatnie są dla mnie najfajniejsze (konwersja plików w locie i drukowanie prosto z terminala)

11. Wiele mówi się dobrego o Tailwind CSS - warto jednak zastanowić się nad jego wadami
    

https://www.aleksandrhovhannisyan.com/blog/why-i-dont-like-tailwind-css/

INFO: autor wymienia 7 głównych powodów, dlaczego nie lubi tego frameworka

12. ScreenToGif - prosty program (Windows/Mac) do nagrywania ekranu (lub jego wycinków) i zapisywania w formie animacji
    

https://www.screentogif.com

INFO: aplikacja jest zupełnie darmowa i posiada wbudowany edytor. Przydatne gdy tworzymy np. tutorial i chcemy pokazać pewną akcję.

13. FraidyCat - aplikacja do obserwowania wielu social mediów i kanałów komunikacji w jednym miejscu
    

https://fraidyc.at/index.html

INFO: narzędzie może działać jako rozszerzenie do przeglądarki lub samodzielna apka. Tworzy wspólną 'ścianę' dla Youtube, Twittera, blogów itp.

14. Prawdopodobnie nie potrzebujesz tej całej infrastruktury (kubernetes, load balancery itp.) do uruchomienia swojego projektu
    

https://blog.usejournal.com/you-dont-need-all-that-complex-expensive-distracting-infrastructure-a70dbe0dbccb

INFO: warto kliknąć linka do wątku na Twitterze, gdzie 'seryjny przedsiębiorca' zakładający startup za startupem (strony po 50 milionów req/msc) zdradza, jak wygląda jego infrastruktura.

15. Najnowsza aktualizacja smart telewizorów od LG dodaje do nich między innymi... reklamy
    

https://www.theverge.com/tldr/2021/3/10/22323790/lg-oled-tv-commercials-content-store

INFO: małe, wyświetlane w narożniku ekranu, jak i te pełnowymiarowe emitowane podczas przeglądania LG App Store.

16. Ktoś postanowił zrobić programistycznego FizzBuzza, ale w świecie Mario Bross
    

https://computebeauty.com/posts/fbmw/index.html

INFO: ambitny projekt polegający na przerobieniu binarki gry w taki sposób, aby spełniała założenia FizzBuzz (aby zrozumieć, zobacz film i listę wypunktowaną nad nim)

17. Google zapowiedziało, że pozbędzie się ciasteczek, ale co da w zamian? FLoC!
    

https://www.eff.org/deeplinks/2021/03/googles-floc-terrible-idea

INFO: "ujednolicona, ucząca się kohorta" ma umożliwiać śledzenie użytkowników przez reklamodawców, ale w sposób bardziej szanujący prywatność? Autor artykułu ma pewne uwagi co do tego pomysłu.

18. Interesują Cię misje kosmiczne? Poznaj historię człowieka, który nie zezwolił na start Challengera
    

https://text.npr.org/974534021

INFO: wszyscy wiemy, jak skończyła się historia Challengera, więc pan niewiele miał do gadania (dowiedz się, jak do tego doszło)

19. Czy da się wyliczyć taki stan początkowy w 'Game of Life', aby komórki przeobraziły się w Mona Lisę? - da się!
    

https://avinayak.github.io/algorithms/programming/2021/02/19/finding-mona-lisa-in-the-game-of-life.html

INFO: ciekawy i dość złożony algorytmicznie eksperyment. Warto zobaczyć, jak autor podszedł do tematu.

20. Jak osadzać na stronie filmy z Youtube i Vimeo w sposób jak najbardziej dbający o prywatność użytkownika
    

https://www.thomasvantuycom.com/privacy-friendly-video-embeds/

INFO: okazuje się, że z Vimeo nie ma wielkiego problemu, jednak w przypadku filmów z YouTube trzeba trochę pokombinować

21. Jak lepiej debugować JavaScript w przeglądarce - garść porad
    

https://www.sitepoint.com/beyond-console-log-level-up-your-debugging-skills/

INFO: kilka sztuczek z console.log(), zmienne używane w konsoli JS, zbiór ciekawych funkcji. Warto rzucić okiem

22. Narzędzie do backupowania playlist Spotify
    

http://www.spotmybackup.com/

INFO: narzędzie eksportuje playlisty do formatu JSON. Możesz je później odtworzyć lub udostępnić komuś. Przyda się Januszom zmieniającym konto trial co 30 dni

23. Które kraje najlepiej radzą sobie z adopcją IPv6?
    

https://www.akamai.com/uk/en/resources/our-thinking/state-of-the-internet-report/state-of-the-internet-ipv6-adoption-visualization.jsp

INFO: dane procentowe z tej mapy bardzo mnie martwią, zwłaszcza jeśli chodzi o nasz kraj.

24. Zasada działania 21 rodzajów silników przedstawiona na prostych animacjach
    

http://animatedengines.com

INFO: wygląda ciekawie, więc wrzucam

== LINKI TYLKO DLA PATRONÓW ==

25. Atak klonów - czyli otwartoźródłowe projekty layoutów odzwierciedlające te, znane z wielkich marek
    

https://uw7.org/un_604b54cbb271d

INFO: znajdziesz tam gotowe do pobrania layouty zbliżone wyglądem do Amazona, Spotify, Reddita czy nawet StackOverflow

26. Darmowe i otwartoźródłowe odpowiedniki komercyjnego oprogramowania
    

https://uw7.org/un_604b54c137209

INFO: szczególnie cieszy możliwość sortowania po użytej technologii/języku - to ważne, gdy chcemy się np. z daną aplikacją zintegrować.

27. Wszystko, co może Ci być potrzebne na rozmowach kwalifikacyjnych na temat algorytmów i struktur danych
    

https://uw7.org/un_604b54c68b162

INFO: zgrabnie podzielone na rozdziały. Mnóstwo linków zewnętrznych, a do tego obrazki

28. Świetnie wyjaśnione zagadnienie CORS - co to jest, o co w tym chodzi itp.
    

https://uw7.org/un_604b54b8a7183

INFO: wiedza niezbędna dla wszystkich frontend developerów

==

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 kliknij ️️️

◢ #unknownews ◣

Oddaje w wasze ręce najnowsze zestawienie znalezisk technologicznych z ubiegłego tygodnia. Zapraszam do lektury

1. Jak wygląda infrastruktura Internet Archive? Serwery, dyski, sieć itp. (film 27 minut)
   

https://archive.org/details/jonah-edwards-presentation

INFO: najbardziej zaskakująca i przerażająca jest dla mnie szybkość rozrostu tego projektu, co też pokazuje, jak szybko rozszerza się Internet.

2. Lista 25 porad na zwiększenie motywacji i produktywności u ludzi z branży IT
   

https://dev.to/gedalyakrycer/25-ways-i-stay-motivated-productive-2fbm

INFO: każdy człowiek jest inny, ale może przynajmniej kilka z wymienionych porad działających na autora, zadziała także i u Ciebie

3. Narzędzie online do tekstowego tworzenia flowchartów (wykresów)
   

https://flowchart.fun

INFO: wpisujesz tekst, a liczba spacji na początku linijki definiuje poziom zagłębienia obiektu. Fajne!

4. Jak porzucony projekt realizowany po godzinach stał się biznesem przynoszącym 700mln dolarów rocznie
   

https://entrepreneurshandbook.co/a-web-designer-turned-his-side-project-into-a-700m-year-revenue-business-without-vc-money-55cd13ee560

INFO: historia usługi Mailchimp. Ciekawe

5. Częste wpadki w konfiguracji serwera Nginx tworzące luki w bezpieczeńśtwie
   

https://blog.detectify.com/2020/11/10/common-nginx-misconfigurations/

INFO: na końcu artykułu jest link do obrazu dockera z błędnie skonfigurowanym serwerem, na którym można przetestować skutki błędnej konfiguracji

6. Z portalu społecznościowego GAB wyciekło około 70GB danych userów przez dziurę w SQL Injection
   

https://arstechnica.com/gadgets/2021/03/rookie-coding-mistake-prior-to-gab-hack-came-from-sites-cto/

INFO: na szkoleniach które prowadzę (web security) często słyszę od uczestników "SQL Injection wymarło wiele lat temu" - GAB jest innego zdania.

7. Twoja przeglądarka potrafi modyfikować źródła plików CSS na dysku - czyli czym są Workspaces (film ~5 minut)
   

https://christianheilmann.com/2021/03/02/syncing-css-changes-in-browser-developer-tools-with-workspaces/

INFO: bawisz się ustawieniami w inspektorze elementów, a następnie przepisujesz wprowadzone zmiany do pliku CSS? Jest na to lepszy sposób.

Może to już czas na zamianę Google Analytics na jakąś alternatywę?

https://casparwre.de/blog/stop-using-google-analytics/

INFO: autor wyjaśnia, dlaczego szukanie alternatywy dla tego produktu, to dobre posunięcie

9. Zaciekawił Cię dziwny wzór na spadochronie robota Perseverance (misja na Marsa)?
   

https://github.com/tanyafish/parachute/blob/main/The%20Parachute%20Message.pdf

INFO: ciekawe wyjaśnienie skąd wziął się ten wzór i jakie ma ukryte znaczenie

10. Cuboid - zbuduj własny oczyszczacz powietrza z filtrami HEPA
    

https://dynomight.net/better-DIY-air-purifier.html

INFO: jedna z prostszych konstrukcji tego typu (jeszcze prostszy model jest podlinkowany w pierwszym paragrafie)

11. Ghostwriter - prosty, pozwalający się skupić na pisaniu edytor tekstu wspierający Markdown
    

https://wereturtle.github.io/ghostwriter/

INFO: ciekawa jest opcja 'Hemingway Mode', która blokuje klawisze backspace i delete, zmuszając użytkownika do ciągłego pisania, a nie edytowania. Aplikacja działa na Windows/Linux

12. Narzędzie online do scalania PDFów - działa w pełni w przeglądarce (dane nie są wysyłane na serwer)
    

https://localpdf.tech

INFO: wrzucasz np. PDFa mającego 10 stron i takiego mającego ich 30. W efekcie działania programu powstanie 40-stronnicowy PDF

13. Jak w JavaScript obsługiwać duże liczby (powyżej 2^53)? - użyj BigInt
    

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt

INFO: Wszystkie przeglądarki obsługują tą nową funkcję. A to czerwone pole na liście kompatybilności? To jest Internet Explorer, tam się nie zapuszczamy...

14. Wizualizacja satelitów niskoorbitowych
    

https://platform.leolabs.space/visualization

INFO: fajna zabawka dla miłośników kosmicznych technologii

15. Jedyny, słuszny format zapisu daty, czyli ISO 8601
    

https://kirby.kevinson.org/blog/iso-8601-the-better-date-format/

INFO: wyjaśnienie co to jest i dlaczego powinieneś go używać (jeśli programujesz od lat, to prawdopodobnie już to robisz)

16. Jak pisać bardziej zgrabne instrukcje warunkowe w Bashu
    

https://timvisee.com/blog/elegant-bash-conditionals/

INFO: naprawdę fajne metody zapisu warunków z pominięciem IFów. Może to bardzo poprawić czytelność niektórych skryptów

17. Budowa interaktywnej tablicy multimedialnej (multi-touch) z użyciem Wiimote (pilot od Wii)
    

https://bit.ly/3kK2UYE

INFO: do śledzenia ruchu wymagane jest zaopatrzenie się w świecący wskaźnik/długopis, ale i tak wykonanie robi wrażenie

18. Material Icons - fonty webowe z ikonami od Google
    

https://fonts.google.com/icons

INFO: coś jak FontAwesome, ale zupełnie darmowe. Jeśli ktoś boi się śledzenia przez Google, to fonta można używać w wersji self hosted

19. Ciekawe podejście twórcy Minecrafta do kwestii piractwa komputerowego
    

https://torrentfreak.com/piracy-is-theft-ridiculous-lost-sales-they-dont-exist-says-minecraft-creator-110303/

INFO: "jeśli piractwo jest nielegalne, bo tracimy przez nie sprzedaż, to negatywne opinie o produktach także powinny być nielegalne?"

20. Quizy o elektronice i programowaniu. Sprawdź ile wiesz
    

https://forbot.pl/blog/quizy-o-elektronice-i-programowaniu-sprawdz-ile-juz-umiesz-id47457

INFO: Quizy z tematów takich jak podstawy Arduino, historia ważnych wynalazków, czytanie schematów elektronicznych, itp.

21. Problemy z technologiami Open Source
    

https://www.howtogeek.com/287113/the-downsides-of-open-source-software/

INFO: Zbiór przemyśleń na temat projektów opensource. Wyjaśnia między innymi, dlaczego dzisiejszy Open Office stał się LibreOffice, oraz dlaczego umarł CyanogenMod. Artykuł z 2017 roku, ale nadal aktualny

22. Sztuczki w edytorze VIM dla zaawansowanych
    

https://thevaluable.dev/vim-advanced/

INFO: wszędzie pełno jest poradników jak zacząć i jak wyjść z VIMa, a co z power-userami? Oto coś dla nich

23. Wszystko, co powinieneś wiedzieć o cieniach w webdesignie
    

https://css-tricks.com/getting-deep-into-shadows/

INFO: długi i dobrze rozpracowujący temat artykuł.

24. Stylowanie uszkodzonych/usuniętych obrazków z użyciem CSS
    

https://dev.to/sasscrafter/how-to-style-broken-images-with-css-4il2

INFO: hotlinkujesz grafikę z innego serwera, a plik nagle znika. Jak wtedy wygląda Twoja strona? Da się to naprawić.

25. Zwykły PING jest asymetryczny - co to znaczy i jakie to ma konsekwencje dla Ciebie?
    

https://blog.benjojo.co.uk/post/ping-with-loss-latency-split

INFO: pakiety w Internecie nie zawsze są wysyłane i odbierane tą samą drogą, więc ping np. 109s nie mówi nam, ile trwało nadawanie pakietu, a ile jego odbiór. Artykuł ma fajne animacje.

== LINKI TYLKO DLA PATRONÓW ==

26. Ogromna lista ściąg do różnych technologii i języków programowania
    

https://uw7.org/un_6040e3f8c95f1

INFO: skorzystaj ze spisu treści na początku. Kolekcja rozbita jest na dwie podstrony.

27. Ataki na aplikacje oparte na parsowaniu JSONa (security)
    

https://uw7.org/un_6040e3f3268f4

INFO: wiele przykładów na to, jak błędnie zbudowany plik JSON może zostać inaczej zrozumiany przez różne systemy i jakie to może mieć konsekwencje

28. Które z podatności OWASP TOP10 mogą dotyczyć aplikacji pisanych w Angularze?
    

https://uw7.org/un_6040e3ec5b19d

INFO: obszerny i dość szczegółowy artykuł omawiający potencjalne podatności. Zdecydowanie warto rzucić okiem (są obrazki! :D)

==

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 kliknij ️

Możesz także dołączyć do patronów

https://patronite.pl/unknow

◢ #unknownews ◣

Zestawienie ciekawych linków z branży IT na ten tydzień

1. Ogrzewanie domu poprzez... kopanie Ethereum (kryptowaluta)
   

https://blog.haschek.at/2021/how-i-heat-my-home-by-mining.html

INFO: autor do tej pory ogrzewał dom prądem. Koparka pokrywa 50% kosztów ogrzewania domu i zarabia na swoje utrzymanie.

2. Oh My GIT! - 'karcianka' w wersji komputerowej, osadzona w świecie GITa oczywiście
   

https://ohmygit.org

INFO: zobacz film, aby zrozumieć, jak to wygląda. Gra działa na Windowsie, Linuksie i Macu

3. DEV Radio - kalendarz polskich spotkań dla branży IT na Clubhouse
   

https://dev-radio.pl/

INFO: Agregator eventów dla branży IT. Sporo tematów. Od twardych po miękkie, związane z programowaniem, architekturą czy chmurą

4. Jak i dlaczego warto używać GITa, pracując lokalnie i samodzielnie nad projektem?
   

https://mikkel.ca/blog/git-is-my-buddy-effective-solo-developer/

INFO: GIT jest świetnym narzędziem do pracy grupowej, ale może przydać Ci się także gdy pracujesz sam

5. HTMX - a gdyby tak móc programować w czystym HTMLu? Ciekawa koncepcja
   

https://htmx.org

INFO: to biblioteka JavaScript, która rozszerza możliwości HTMLa o gotowe funkcje JS. Można napisać requesty Ajaxa, edytować dane itp. A to wszystko bez ani jednej linijki pisanego JS.

6. To nie branża WEB się zmieniła - to Ty się zmieniłeś
   

https://remysharp.com/2021/02/11/the-web-didnt-change-you-did

INFO: "dawniej to łatwo było tworzyć strony, a teraz próg wejścia jest tak niesamowicie wysoki..." - czyżby? ciekawe przemyślenia

7. Automat do przejmowania serwerów (autoexploiter)
   

https://github.com/liamg/traitor

INFO: wrzucasz na serwer, uruchamiasz jako zwykły user i jeśli system ma jakąkolwiek podatność, to jesteś rootem

Jak zupełnie za darmo zorganizowano konferencję online FOSDEM dla ponad 30 tysięcy osób?

https://matrix.org/blog/2021/02/15/how-we-hosted-fosdem-2021-on-matrix

INFO: wykorzystano do tego sieć "Matrix". Ciekawe rozwiązanie techniczne.

9. Lubisz znaczniki Markdown? To rozszerzenie pozwoli Ci ich używać wszędzie gdzie zechcesz
   

https://markdown-here.com

INFO: dodajesz rozszerzenie do przeglądarki (Chrome/Opera/Safari/Firefox) lub programu pocztowego i możesz np. pisać maile w Markdown, a odbiorca otrzyma je jako pięknie sformatowany HTML

10. Prosta tablica (w stylu kanban) do organizacji tasków. Działa w pełni offline i trzyma dane w local storage
    

https://github.com/apankrat/nullboard

INFO: użyj linka do podglądu wersji DEMO, aby zobaczyć, jak to działa w praktyce

11. "Zaangażowanie użytkowników" to współczesny synonim na "uzależnienie"?
    

https://medium.com/swlh/user-engagement-is-code-for-addiction-a2f50d36d7ac

INFO: artykuł o tym, jak manipulują nami media społecznościowe, abyśmy spędzali w nich jeszcze więcej czasu

12. JetBrains Code With Me - teraz ze wsparciem dla wideo/audio konferencji
    

https://blog.jetbrains.com/blog/2021/02/16/code-with-me-beta-support-for-audio-and-video-calls/

INFO: Dodane niedawno rozwiązanie JetBrains, "Code With Me" pozwalające na wspólne kodowanie w czasie rzeczywistym, testuje właśnie obsługę wbudowanych videokonferencji.

13. Jak poprawnie zbudować formularz na stronie, aby przeglądarka z łatwością sama go uzupełniła?
    

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete

INFO: poprawne nazewnictwo pól, połączone z odpowiednimi typami zawartości pól może bardzo ułatwić życie użytkownikom Twojej aplikacji webowej

14. Prosta biblioteka Pythona do tworzenia atrakcyjnych interfejsów tekstowych
    

https://github.com/willmcgugan/rich

INFO: zobacz na screena, a zrozumiesz o co chodzi

15. Lista alternatywnych powłok Linuksowych - zamienników dla klasycznego Basha, czy ZSH
    

https://github.com/oilshell/oil/wiki/Alternative-Shells

INFO: niektóre z nich są bardziej wymyślne. Warto rzucić okiem np. na Fish Shell, czy Nushell

16. Flameshot - świetne narzędzie do robienia screenshotów z adnotacjami na Linuksie
    

https://github.com/flameshot-org/flameshot/

INFO: zobacz koniecznie animację jak to wyglada. Fajne!

17. Co nas czeka w świecie wolnego oprogramowania jeszcze w tym roku?
    

https://librearts.org/2021/01/foss-in-2021-preview/

INFO: zapowiedzi ciekawych funkcji w znanych aplikacjach

18. Drobne usprawnienia w CSS, które zachowują kompatybilność wsteczną - dobrze wyglądają w starych i nowych przeglądarkach
    

https://ishadeed.com/article/tiny-enhancements-in-css/

INFO: pędząc stale przed siebie z nowinkami technologicznymi w CSS, zapominamy, że nie na każdej przeglądarce działają one tak samo (a nie kiedy nie działają wcale)

19. Czas pożegnać się z formatem JPEG?
    

https://cloudinary.com/blog/time_for_next_gen_codecs_to_dethrone_jpeg

INFO: porównanie nowoczesnych formatów plików graficznych, przy których tradycyjny JPEG wypada raczej kiepsko

20. Mapa wszystkich stacji nadawczych (BTSów) telefonii komórkowej na świecie
    

https://alpercinar.com/open-cell-id/

INFO: mapę można zoomować, a dane na niej prezentowane da się pobrać (tylko to około 40 milionów punktów!)

21. Niesamowite możliwości, jakie daje powłoka ZSH - jak je wykorzystać?
    

https://www.twilio.com/blog/zsh-tricks-to-blow-your-mind

INFO: powłoka ta słynie z ciekawych sztuczek jak i sprytnych dodatków. Na tej stronie znajdziesz 9 mniej znanych trików z jej wykorzysaniem

22. Dlaczego video calle (np. na Zoomie) są takie męczące?
    

https://newatlas.com/telecommunications/zoom-fatigue-video-exhaustion-tips-help-stanford/

INFO: jeśli czujesz się po nich naprawdę zmęczony, to niekoniecznie ze względu na to, że jesteś introwertykiem

23. Strony startupów jak i technologicznych gigantów wyglądają podobnie i mają "te śmieszne, rysowane postacie"?
    

https://eyeondesign.aiga.org/dont-worry-these-gangley-armed-cartoons-are-here-to-protect-you-from-big-tech/

INFO: o co w tym chodzi i skąd się to wzięło? Artykuł z wyjaśnieniem. Przy okazji rzuć okiem, o jakie grafiki chodzi

24. Rok 2021 to początek końca Dockera? - przemyślenia
    

https://webmastah.pl/rok-2021-to-poczatek-konca-dockera/

INFO: Rozbudowana analiza obecnej sytuacji z Dockerem, po tym jak Kubernetes ogłosił, że się z nim żegna.

25. Używasz 'ikonowych fontów' - autor tego artykułu wyjaśni Ci, dlaczego nie powinieneś tego robić
    

https://www.irigoyen.dev/blog/2021/02/17/stop-using-icon-fonts/

INFO: według autora 'icon fonts' to zło i wszyscy powinniśmy przejść na ikony w SVG. Ma na to oczywiście argumenty

== LINKI TYLKO DLA PATRONÓW ==

26. Zaawansowane funkcje GITa, których nie wiedziałeś, że potrzebujesz
    

https://uw7.org/un_6038080c03e12

INFO: garść ciekawych usprawnień zwiększających produktywność

27. Czy ten kod napisał człowiek, czy GPT3?
    

https://uw7.org/un_603807aed93da

INFO: prosty quiz. Rzuć okiem na kod źródłowy i powiedz, czy Twoim zdaniem napisała go sztuczna inteligencja, czy może człowiek

28. Usługi i aplikacje dostępne za darmo dla developerów lub oferujące darmowe, limitowane pakiety (free usage tier)
    

https://uw7.org/un_603807b549e75

INFO: wszystko podzielono na kategorie. Są tam do wyboru SaaSy, IaaSy, PaaSy i wszystko inne, co trudno zaklasyfikować

29. Wszystkie ściągi do testowania security, opublikowane przez OWASPa
    

https://uw7.org/un_603807bc65183

INFO: jak wykonać i załatać XSS, jak testować SQL Injection i wiele innych

==

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 kliknij błyskawicę

Patronem zostaje się tutaj:

https://patronite.pl/unknow

◢ #unknownews ◣

Postanowiłem testowo zacząć wrzucać tutaj moje zestawienia linków technologicznych. Zobaczymy, czy wywołają jakiekolwiek zainteresowanie

Oto zestawienie z ubiegłego tygodnia

1. Lista 20 najczęstszych problemów z zarządzaniem sobą w czasie i metody ich rozwiązania
   

https://dev.to/actitime/20-most-common-time-management-problems-solutions-3abb

INFO: większość z tych problemów może wystąpić u ludzi rozwijających swoje poboczne projekty i biznesy

2. Zagraj w kultowe gry w swojej przeglądarce - nie ma potrzeby instalacji dodatkowego softu (produktywność -1000)
   

https://playclassic.games

INFO: na liście hitów znajdziesz Heroes II, Civilization, Warcraft II, Theme Hospital, Settlers II czy Wormsy

3. A gdyby tak zrobić "apt" (apt instal XYZ), ale dla fontów? - mówisz, masz!
   

https://github.com/alexmyczko/fnt

INFO: narzędzie działa na Linuksie oraz Macu i oferuje dostęp do około 2700 fontów

4. Użycie uczenia maszynowego do wygrania miliona dolarów w konkursie Mountain Dew
   

https://blog.roboflow.com/mountain-dew-contest-computer-vision/

INFO: zadanie polega na podaniu liczby butelek napoju widocznych w reklamie. Zwróć uwagę na screenach, jak trudno przeoczyć te butelki

5. SuperCookie - czyli metoda śledzenia użytkowników na stronach np. przez faviconę
   

https://github.com/jonasstrehle/supercookie

INFO: możesz czyścić cache, usuwać ciastka, otwierać tryb incognito, uruchamiać VPNa, a właściciel strony i tak wie, że to Ty...

6. Czy policjanci z USA puszczają chronioną prawami autorskimi muzykę, aby zabezpieczyć się przed nagrywaniem? - ciekawa teoria
   

https://torrentfreak.com/are-cops-playing-music-while-being-filmed-to-trigger-copyright-filters-210210/

INFO: nagranie zawierające taką muzykę zostanie szybko usunięte z YouTube, Instagrama, Facebooka i wielu sieci społecznościowych

7. Strona będąca nakładką na Allegro, przyspieszająca i ułatwiająca znalezienie przedmiotu, którego szukasz
   

https://www.welcomehot.com/allegrohot/

INFO: wpisujesz frazę, która Cię interesuje i widzisz czytelne zdjęcia towarów, bez zbędnych reklam, promowanych kategorii, automatycznie posortowane tak, aby możliwie dobrze pasowały do szukanej frazy. Testowałem szukając taniej Yerby. Działa OK

8 ) Wszystko, co musisz wiedzieć o tunelach SSH

https://robotmoon.com/ssh-tunnels/

INFO: wiedza niezbędna dla adminów i fanów Linuksa. Bardzo przystępnie wyjaśnione. Są przykłady gotowych poleceń

9. Github1s - chcesz na szybko przeanalizować kod źródłowy z GitHuba, ale w VSCode?
   

https://github1s.com/conwnet/github1s

INFO: zmień domenę GitHub w dowolnym projekcie na Github1s, a repozytorium samo się sklonuje i odpali w VSCode Online

10. Zrób wyjątkowe screenshoty na swoją stronę, czy do prezentacji (3D)
    

https://www.screenstab.com/

INFO: wrzucasz zwykłego screena, a następnie scrollując (np. kółkiem myszki) ustawiasz parametry widoku 3D. Efekty są przyjemne dla oka

11. UrlCast - narzędzie do ujawniania linka o wskazanej porze (skracacz + scheduler)
    

https://urlcast.io/

INFO: aplikacja przygotowuje odliczanie, dzięki czemu możesz rozesłać linka do eventu (np. streama na YT) wszystkim zainteresowanym, ale dopiero o wskazanej porze dowiedzą się oni, jaki jest właściwy URL.

12. O co chodzie w koncepcji mikrofrontendów? Artykuł + film.
    

https://dev.to/alexandrudanpop/microfrontends-explained-22i1

INFO: pomysł podobny z założenia do mikroserwisów i dziedziczący po nich niektóre zalety

13. PenPot - otwartoźródłowy odpowiednik Figmy do prototypowania interfejsów aplikacji
    

https://penpot.app

INFO: umożliwia pracę w teamie i hostowanie na własnym serwerze (selfhosted)

14. Aspect-ratio - nowa właściwość w CSS. Jak działa i jaki problem rozwiązuje?
    

https://web.dev/aspect-ratio/

INFO: jeszcze jest za wcześnie, aby z tego korzystać, ale dobrze wiedzieć, że niebawem będzie to rozwiązanie ogólnodostępne

15. Porównanie 7 szyfrowanych komunikatorów pod względem poziomu bezpieczeństwa i prywatności, jaki oferują
    

https://protonmail.com/blog/whatsapp-alternatives/

INFO: ProtonMail porównał Signal, Telegram, Threema, Wickr Me, Wire, Element oraz Keybase

16. Prosta weryfikacja poprawności formularzy w HTML + CSS
    

https://www.bram.us/2021/01/28/form-validation-you-want-notfocusinvalid-not-invalid/

INFO: do wyświetlania komunikatów z błędami i do oznaczania błędnie wypełnionych pól nie potrzebujesz JavaScript

17. Czytnik ebooków w przeglądarce - wrzucasz książkę i czytasz
    

https://www.loudreader.com

INFO: nie musisz instalować aplikacji do EPUB/Mobi/azw3/PDF, aby móc zapoznać się z dowolnym plikiem z tego formatu

18. Jak poprawnie używać atrybutu tabindex w HTML?
    

https://www.a11yproject.com/posts/2021-01-28-how-to-use-the-tabindex-attribute/

INFO: przegląd mitów związanych z tym atrybutem i przykłady jego poprawnego i błędnego użycia

19. Efekty przejścia w CSS wyjaśnione w interaktywny sposób
    

https://www.joshwcomeau.com/animation/css-transitions/

INFO: dzięki temu poradnikowi zrozumiesz różnice między np. ease-out / ease-in-out.

20. Facebook2rss - jak nazwa wskazuje, narzędzie umożliwiające czytanie FB za pomocą RSSa (profile, grupy, fanpage itp)
    

https://github.com/yshalsager/facebook2rss

INFO: do działania wymagane jest posiadanie konta w tej sieci. Wpisz jakieś fake (nie polecam używania automatyzacji na prywatnym).

21. Podstawy .bashrc, czyli jak zautomatyzować swoją powłokę
    

https://itnext.io/easiest-guide-to-bashrc-7ad0063d37eb

INFO: dodawanie funkcji, obsługa warunkowego wykonania kodu itp. Wiedza przyda się nie tylko przy pracy z bashrc, ale także z samym Bashem

22. Zdjęcie nieba w rozdzielczości około 10 terapixeli. Złożono je z ponad 6 miliardów mniejszych zdjęć
    

https://viewer.legacysurvey.org/

INFO: warto przeczytać FAQ na stronie, które wyjaśnia, o co chodzi, jak to działa i jak zbierano dane

23. Współdzielenie danych między JavaScript i CSS
    

https://christianheilmann.com/2021/02/08/sharing-data-between-css-and-javascript-using-custom-properties/

INFO: bezpośredni odczyt danych z CSS bywa często utrudniony, ale korzystając z 'custom properties' da się to sprytnie osiągnąć

24. Używasz edytora "nano" na Linuksie? On potrafi znacznie więcej niż Ci się wydaje
    

https://www.noa-s.org/nano.html

INFO: wystarczy dopisać kilka dodatkowych przełączników do nanorc (plik konfiguracyjny) i poznać kilka skrótów klawiszowych, aby efektywniej używać nano

25. exeCute - aplikacja do uruchamiania plików EXE (głównie gier) na Linuksie
    

https://gitlab.com/es20490446e/exeCute

INFO: pod spodem ma Wine oraz Dosboxa. To, co ją odróżnia od innych, to automatyczne montowanie np. obrazu CD (niezbędne do grania w niektóre gry)

== LINKI TYLKO DLA PATRONÓW ==

26. Ogromna lista ciekawych AMA (Ask Me Antyhing) z programistami i ludźmi z branży IT (UX, PM, designerzy itp)
    

https://uw7.org/un_602ceb3d728fd

INFO: projekt dopiero startuje, więc niektóre AMA są ubogie, ale można znaleźć kilka super perełek

27. Lista gier uczących programowania - z podziałem na języki
    

https://uw7.org/un_602ceb372c115

INFO: na liście poza topowymi językami jak Python, Java czy Ruby, są także gry uczące programowania ogólnie (co to zmienna, pętla itp)

28. Jak pisać dobre dokumentacje i tutoriale? Poradnik online i ebook zarazem
    

https://uw7.org/un_602ceb2c15b12

INFO: aby pobrać ebooka (Epub/PDF/HTML) kliknij strzałkę w lewym dolnym rogu okna (koło wersji dokumentu)

29. Sto najczęściej zadawanych pytań o JavaSript na rozmowach o pracę (pytania + odpowiedzi)
    

https://uw7.org/un_602ceb2682936

INFO: to jest część pierwsza zestawienia zawierająca pierwsze 21 pytań. Kolejne będą podlinkowane przez autora pod tym samym adresem.

==

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

Lubisz moje zestawienia? Dołącz do patronów:

https://patronite.pl/unknow

P.S. takie zestawienia możesz także otrzymywać na maila: https://unknow.news/

Myślałem, aby wrzucać na Hejto swoje zestawienia newsów, które pojawiają się także w innych sieciach społecznościowych. Niestety ograniczenie 5000 znaków per post jest nie do przeskoczenia

Są jakieś plany rozszerzenia tego limitu?

Przykład takiego zestawienia

https://www.wykop.pl/wpis/55608635/unknownews-dzisiejsze-zestawienie-ma-sponsora-wiec/