Cześć!

Musiałem jeden dzień wstrzymać się z wysyłką newslettera, bo cokolwiek bym wysłał 1 kwietnia, prawdopodobnie zostałoby uznane za żart. Dziś już spokojnie mogę napisać co zechcę.

 

Wspomnę dziś o jednym z moich projektów - serwery VPS dla hobbystów.

Szukasz czegoś do postawienia środowiska developerskiego, a może potrzebujesz taniego serwera na hackathon? Mikrus idealnie się do tego nadaje:

https://mikr.us

 

A teraz czas na linki! :)

 

◢ #unknownews ◣

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 :)

8) 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://www.youtube.com/watch?v=emFMHH2Bfvo
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ś?

 

Dołącz do grona patronów wspierających moje projekty i ten newsletter: 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ć.