◢ #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