Unknow

DailyNow - Rozszerzenie do Chrome/Firefox pokazujące codziennie garść nowych artykułów dla ludzi z branży Webdev

https://www.dailynow.co

Chcesz umieścić na stronie generator layoutu metodą 'drag & drop’? (nie chodzi o prosty WYSIWYG, a o pełen 'website builder’) - to narzędzie Ci pomoże

https://grapesjs.com

“Chciałbym stworzyć takiego Ubera, ale dla XYZ” - sprawdź, czy Twój pomysł na biznes jest już zajęty

https://andrewchen.co/x-for-y-startup-ideas/

Headroom.js - biblioteka implementująca ukrywanie (animowane) nagłówka na stronie. Pojawia się on tylko gdy jest potrzebny

https://wicky.nillia.ms/headroom.js/

CollapseOS - system operacyjny przygotowany na czasy postapokaliptyczne. Działa na 8 bitowych chipach.

https://collapseos.org

Jak dawniej obsługiwano błędy w JavaScript? - odrobina historii

https://blog.appsignal.com/2019/10/17/javascript-errors-an-exceptional-history.html

Jak zaimplementować na stronie notyfikacje typu Push - bez użycia zewnętrznych dostawców usług

https://itnext.io/an-introduction-to-web-push-notifications-a701783917ce

Rozbudowana kolekcja materiałów (serwisy, newslettery, podcasty, książki i wiele innych) dla developerów i innych ludzi z branży IT

https://pawelcislo.com/recommendations/

Continuous Integration z użyciem narzędzia/serwisu Buddy.works

https://typeofweb.com/continuous-integration-na-github-pages-w-buddy-works/

Jak pracować wydajnie w świecie pełnym rozpraszaczy? Garść porad.

https://www.7pace.com/blog/deep-work-in-the-age-of-distraction

Co to jest ten CORS? - czyli wyjaśnienie przyczyny Twoich problemów w JS przy odpytywaniu innych serwerów

https://dev.to/g33konaut/understanding-cors-aaf

Lista 10 'supermocy’, które daje Ci HTML5, a których prawdopodobnie nie używasz lub nie znasz

https://dev.to/shadowwarior5/10-superpowers-that-html5-gives-you-and-you-are-not-using-4ph1

Do czego służy dns-prefetch na stronach WWW i kiedy przyda Ci się preconnect?

https://www.ctrl.blog/entry/dns-prefetch-preconnect.html

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

Używasz XMLa w swoim projekcie? Jest szansa, że robisz to niepoprawnie (czytaj: niezgodnie z założeniami języka i z zamysłem jego autora)

https://www.devever.net/~hl/xml

Lista 6 często popełnianych błędów przy budowie frontendu

https://dev.to/melnik909/the-6-most-common-mistakes-developers-when-writing-html-and-css-f92

Nie wspominałem o tym, ale dość często (czasami nawet codziennie) publikuję techniczne pogadanki na Instagramie.

➤ Warto rzucić okiem na archiwum (highlights)

Obserwuj mnie

https://sm.mrugalski.pl/instagram/open

Seryjny morderca z USA szyfrował swoje listy w taki sposób, że specjaliści przez 51 lat nie byli w stanie ich zdeszyfrować - czyli historia ZODIAKa

➤ Na czym polegała trudność tego szyfru?

➤ Jakim algorytmem się posłużył i jak go złamano?

Film mojego autorstwa

http://www.youtube.com/watch?v=LQnFDnYH5SM

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

Chrome będzie teraz domyślnie otwierać strony po HTTPS. Zwiększy to bezpieczeństwo, jak i szybkość ładowania stron (nie będzie straty czasu na http->301/302->https).