◢ #unknownews ◣
Planowałem wrzucić zestawienie wczoraj, ale publikowanie czegokolwiek 1 kwietnia nie jest dobrym pomysłem - wszystko zostanie uznane za żart
- 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
- Jak działa UTF-8? Co kryje się pośród ponad 150k znajdujących się tam znaków?
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.
- 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.
- 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
- 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.
- 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!
- Opensourcowy miernik szybkości połączenia z Internetem (download/upload)
INFO: nie ma reklam, nie używa flasha/javy, nie korzysta z websocketów itp. Po prostu działa
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)
- 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.
- Smartfon obniża Twoją produktywność? Tak, ale nie tylko wtedy, gdy go używasz
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
- Strona, która zawiera triggery do wszystkich uprawnień w nowoczesnych przeglądarkach
INFO: warto rzucić okiem na plik JS z kodem źródłowym, bo tam znajdziemy przykłady implementacji zapytań o te uprawnienia.
- 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.
- 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
- Ultimate Plumber - świetne narzędzie do pracy ze strumieniami na Linuksie
INFO: zobacz animację na stronie projektu, a od razu zrozumiesz, jak to działa i co to robi
- 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)
- 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
- Grafika SVG wyjaśniona w 100 sekund - z przykładami kodu (film, nieco ponad 100 sekund...)
INFO: bardzo przyjemne i mocno skondensowane wprowadzenie do formatu plików SVG. Składania poleceń, a nawet wyjaśnienie budowania krzywych
- 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.
- 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.
- 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.
- Mail Studio - aplikacja (Windows/Linux/Mac) do budowy responsywnych szablonów mailowych
INFO: idealne rozwiązanie jeśli masz swój newsletter. Do zastosowań niekomercyjnych jest za darmo.
- 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.
- 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
- Buildbase - narzędzie opensource (i selfhosted zarazem) typu low-code do szybkiego stawiania aplikacji wewnętrznych
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 ==
- 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)
- 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.
- 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
