◢ #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 :slightly_smiling_face:
😎 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 :zap:️:zap:️:zap:️
Dołącz do sponsorów zestawienia :point_down:
https://patronite.pl/unknow
PeBeZawodowiec1piorunów
DMDGInspirator
arcyKosmonauta
Havelock_VetinariFenomen
NinomaeInanisTwórca
lubieplackijohnGruba ryba
MiaMocarz
AdmiralTytan
kawakTwórca
m1chuKompan