◢ #unknownews ◣

Oddaje w wasze ręce najnowsze zestawienie znalezisk technologicznych z ubiegłego tygodnia. Zapraszam do lektury :)

1) Jak wygląda infrastruktura Internet Archive? Serwery, dyski, sieć itp. (film 27 minut)
https://archive.org/details/jonah-edwards-presentation
INFO: najbardziej zaskakująca i przerażająca jest dla mnie szybkość rozrostu tego projektu, co też pokazuje, jak szybko rozszerza się Internet.

2) Lista 25 porad na zwiększenie motywacji i produktywności u ludzi z branży IT
https://dev.to/gedalyakrycer/25-ways-i-stay-motivated-productive-2fbm
INFO: każdy człowiek jest inny, ale może przynajmniej kilka z wymienionych porad działających na autora, zadziała także i u Ciebie

3) Narzędzie online do tekstowego tworzenia flowchartów (wykresów)
https://flowchart.fun
INFO: wpisujesz tekst, a liczba spacji na początku linijki definiuje poziom zagłębienia obiektu. Fajne!

4) Jak porzucony projekt realizowany po godzinach stał się biznesem przynoszącym 700mln dolarów rocznie
https://entrepreneurshandbook.co/a-web-designer-turned-his-side-project-into-a-700m-year-revenue-business-without-vc-money-55cd13ee560
INFO: historia usługi Mailchimp. Ciekawe :)

5) Częste wpadki w konfiguracji serwera Nginx tworzące luki w bezpieczeńśtwie
https://blog.detectify.com/2020/11/10/common-nginx-misconfigurations/
INFO: na końcu artykułu jest link do obrazu dockera z błędnie skonfigurowanym serwerem, na którym można przetestować skutki błędnej konfiguracji

6) Z portalu społecznościowego GAB wyciekło około 70GB danych userów przez dziurę w SQL Injection
https://arstechnica.com/gadgets/2021/03/rookie-coding-mistake-prior-to-gab-hack-came-from-sites-cto/
INFO: na szkoleniach które prowadzę (web security) często słyszę od uczestników "SQL Injection wymarło wiele lat temu" - GAB jest innego zdania.

7) Twoja przeglądarka potrafi modyfikować źródła plików CSS na dysku - czyli czym są Workspaces (film ~5 minut)
https://christianheilmann.com/2021/03/02/syncing-css-changes-in-browser-developer-tools-with-workspaces/
INFO: bawisz się ustawieniami w inspektorze elementów, a następnie przepisujesz wprowadzone zmiany do pliku CSS? Jest na to lepszy sposób.

8) Może to już czas na zamianę Google Analytics na jakąś alternatywę?
https://casparwre.de/blog/stop-using-google-analytics/
INFO: autor wyjaśnia, dlaczego szukanie alternatywy dla tego produktu, to dobre posunięcie

9) Zaciekawił Cię dziwny wzór na spadochronie robota Perseverance (misja na Marsa)?
https://github.com/tanyafish/parachute/blob/main/The%20Parachute%20Message.pdf
INFO: ciekawe wyjaśnienie skąd wziął się ten wzór i jakie ma ukryte znaczenie

10) Cuboid - zbuduj własny oczyszczacz powietrza z filtrami HEPA
https://dynomight.net/better-DIY-air-purifier.html
INFO: jedna z prostszych konstrukcji tego typu (jeszcze prostszy model jest podlinkowany w pierwszym paragrafie)

11) Ghostwriter - prosty, pozwalający się skupić na pisaniu edytor tekstu wspierający Markdown
https://wereturtle.github.io/ghostwriter/
INFO: ciekawa jest opcja 'Hemingway Mode', która blokuje klawisze backspace i delete, zmuszając użytkownika do ciągłego pisania, a nie edytowania. Aplikacja działa na Windows/Linux

12) Narzędzie online do scalania PDFów - działa w pełni w przeglądarce (dane nie są wysyłane na serwer)
https://localpdf.tech
INFO: wrzucasz np. PDFa mającego 10 stron i takiego mającego ich 30. W efekcie działania programu powstanie 40-stronnicowy PDF

13) Jak w JavaScript obsługiwać duże liczby (powyżej 2^53)? - użyj BigInt
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt
INFO: Wszystkie przeglądarki obsługują tę nową funkcję. A to czerwone pole na liście kompatybilności? To jest Internet Explorer, tam się nie zapuszczamy...

14) Wizualizacja satelitów niskoorbitowych
https://platform.leolabs.space/visualization
INFO: fajna zabawka dla miłośników kosmicznych technologii

15) Jedyny, słuszny format zapisu daty, czyli ISO 8601
https://kirby.kevinson.org/blog/iso-8601-the-better-date-format/
INFO: wyjaśnienie co to jest i dlaczego powinieneś go używać (jeśli programujesz od lat, to prawdopodobnie już to robisz)

16) Jak pisać bardziej zgrabne instrukcje warunkowe w Bashu
https://timvisee.com/blog/elegant-bash-conditionals/
INFO: naprawdę fajne metody zapisu warunków z pominięciem IFów. Może to bardzo poprawić czytelność niektórych skryptów

17) Budowa interaktywnej tablicy multimedialnej (multi-touch) z użyciem Wiimote (pilot od Wii)
https://www.youtube.com/watch?v=5s5EvhHy7eQ
INFO: do śledzenia ruchu wymagane jest zaopatrzenie się w świecący wskaźnik/długopis, ale i tak wykonanie robi wrażenie

18) Material Icons - fonty webowe z ikonami od Google
https://fonts.google.com/icons
INFO: coś jak FontAwesome, ale zupełnie darmowe. Jeśli ktoś boi się śledzenia przez Google, to fonta można używać w wersji self hosted

19) Ciekawe podejście twórcy Minecrafta do kwestii piractwa komputerowego
https://torrentfreak.com/piracy-is-theft-ridiculous-lost-sales-they-dont-exist-says-minecraft-creator-110303/
INFO: "jeśli piractwo jest nielegalne, bo tracimy przez nie sprzedaż, to negatywne opinie o produktach także powinny być nielegalne?"

20) Quizy o elektronice i programowaniu. Sprawdź ile wiesz
https://forbot.pl/blog/quizy-o-elektronice-i-programowaniu-sprawdz-ile-juz-umiesz-id47457
INFO: Quizy z tematów takich jak podstawy Arduino, historia ważnych wynalazków, czytanie schematów elektronicznych, itp.

21) Problemy z technologiami Open Source
https://www.howtogeek.com/287113/the-downsides-of-open-source-software/
INFO: Zbiór przemyśleń na temat projektów opensource. Wyjaśnia między innymi, dlaczego dzisiejszy Open Office stał się LibreOffice, oraz dlaczego umarł CyanogenMod. Artykuł z 2017 roku, ale nadal aktualny

22) Sztuczki w edytorze VIM dla zaawansowanych
https://thevaluable.dev/vim-advanced/
INFO: wszędzie pełno jest poradników jak zacząć i jak wyjść z VIMa, a co z power-userami? Oto coś dla nich

23) Wszystko, co powinieneś wiedzieć o cieniach w webdesignie
https://css-tricks.com/getting-deep-into-shadows/
INFO: długi i dobrze rozpracowujący temat artykuł.

24) Stylowanie uszkodzonych/usuniętych obrazków z użyciem CSS
https://dev.to/sasscrafter/how-to-style-broken-images-with-css-4il2
INFO: hotlinkujesz grafikę z innego serwera, a plik nagle znika. Jak wtedy wygląda Twoja strona? Da się to naprawić.

25) Zwykły PING jest asymetryczny - co to znaczy i jakie to ma konsekwencje dla Ciebie?
https://blog.benjojo.co.uk/post/ping-with-loss-latency-split
INFO: pakiety w Internecie nie zawsze są wysyłane i odbierane tą samą drogą, więc ping np. 109s nie mówi nam, ile trwało nadawanie pakietu, a ile jego odbiór. Artykuł ma fajne animacje.

== LINKI TYLKO DLA PATRONÓW ==

26) Ogromna lista ściąg do różnych technologii i języków programowania
https://uw7.org/un_6040e3f8c95f1
INFO: skorzystaj ze spisu treści na początku. Kolekcja rozbita jest na dwie podstrony.

27) Ataki na aplikacje oparte na parsowaniu JSONa (security)
https://uw7.org/un_6040e3f3268f4
INFO: wiele przykładów na to, jak błędnie zbudowany plik JSON może zostać inaczej zrozumiany przez różne systemy i jakie to może mieć konsekwencje

28) Które z podatności OWASP TOP10 mogą dotyczyć aplikacji pisanych w Angularze?
https://uw7.org/un_6040e3ec5b19d
INFO: obszerny i dość szczegółowy artykuł omawiający potencjalne podatności. Zdecydowanie warto rzucić okiem (są obrazki! :D)

==
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ę? To daj plusika.

Czytasz moje zestawienia regularnie? Dołącz do patronów:
https://patronite.pl/unknow

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #programowanie #security #technologia #webdev #ciekawostki pokaż całość

źródło: IMG_2FD566B58DB4-1.jpeg

◢ #unknownews ◣

W ostatniej chwili, ale udało się! Przygotowałem zestawienie na ten tydzień. Zapraszam do lektury

1) Ogrzewanie domu poprzez... kopanie Ethereum (kryptowaluta)
https://blog.haschek.at/2021/how-i-heat-my-home-by-mining.html
INFO: autor do tej pory ogrzewał dom prądem. Koparka pokrywa 50% kosztów ogrzewania domu i zarabia na swoje utrzymanie.

2) Oh My GIT! - 'karcianka' w wersji komputerowej, osadzona w świecie GITa oczywiście ;)
https://ohmygit.org
INFO: zobacz film, aby zrozumieć, jak to wygląda. Gra działa na Windowsie, Linuksie i Macu

3) DEV Radio - kalendarz polskich spotkań dla branży IT na Clubhouse
https://dev-radio.pl/
INFO: Agregator eventów dla branży IT. Sporo tematów. Od twardych po miękkie, związane z programowaniem, architekturą czy chmurą

4) Jak i dlaczego warto używać GITa, pracując lokalnie i samodzielnie nad projektem?
https://mikkel.ca/blog/git-is-my-buddy-effective-solo-developer/
INFO: GIT jest świetnym narzędziem do pracy grupowej, ale może przydać Ci się także gdy pracujesz sam

5) HTMX - a gdyby tak móc programować w czystym HTMLu? Ciekawa koncepcja
https://htmx.org
INFO: to biblioteka JavaScript, która rozszerza możliwości HTMLa o gotowe funkcje JS. Można napisać requesty Ajaxa, edytować dane itp. A to wszystko bez ani jednej linijki pisanego JS.

6) To nie branża WEB się zmieniła - to Ty się zmieniłeś
https://remysharp.com/2021/02/11/the-web-didnt-change-you-did
INFO: "dawniej to łatwo było tworzyć strony, a teraz próg wejścia jest tak niesamowicie wysoki..." - czyżby? ciekawe przemyślenia

7) Automat do przejmowania serwerów (autoexploiter)
https://github.com/liamg/traitor
INFO: wrzucasz na serwer, uruchamiasz jako zwykły user i jeśli system ma jakąkolwiek podatność, to jesteś rootem

8) Jak zupełnie za darmo zorganizowano konferencję online FOSDEM dla ponad 30 tysięcy osób?
https://matrix.org/blog/2021/02/15/how-we-hosted-fosdem-2021-on-matrix
INFO: wykorzystano do tego sieć "Matrix". Ciekawe rozwiązanie techniczne.

9) Lubisz znaczniki Markdown? To rozszerzenie pozwoli Ci ich używać wszędzie gdzie zechcesz
https://markdown-here.com
INFO: dodajesz rozszerzenie do przeglądarki (Chrome/Opera/Safari/Firefox) lub programu pocztowego i możesz np. pisać maile w Markdown, a odbiorca otrzyma je jako pięknie sformatowany HTML

10) Prosta tablica (w stylu kanban) do organizacji tasków. Działa w pełni offline i trzyma dane w local storage
https://github.com/apankrat/nullboard
INFO: użyj linka do podglądu wersji DEMO, aby zobaczyć, jak to działa w praktyce

11) "Zaangażowanie użytkowników" to współczesny synonim na "uzależnienie"?
https://medium.com/swlh/user-engagement-is-code-for-addiction-a2f50d36d7ac
INFO: artykuł o tym, jak manipulują nami media społecznościowe, abyśmy spędzali w nich jeszcze więcej czasu

12) JetBrains Code With Me - teraz ze wsparciem dla wideo/audio konferencji
https://blog.jetbrains.com/blog/2021/02/16/code-with-me-beta-support-for-audio-and-video-calls/
INFO: Dodane niedawno rozwiązanie JetBrains, "Code With Me" pozwalające na wspólne kodowanie w czasie rzeczywistym, testuje właśnie obsługę wbudowanych videokonferencji.

13) Jak poprawnie zbudować formularz na stronie, aby przeglądarka z łatwością sama go uzupełniła?
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
INFO: poprawne nazewnictwo pól, połączone z odpowiednimi typami zawartości pól może bardzo ułatwić życie użytkownikom Twojej aplikacji webowej

14) Prosta biblioteka Pythona do tworzenia atrakcyjnych interfejsów tekstowych
https://github.com/willmcgugan/rich
INFO: zobacz na screena, a zrozumiesz o co chodzi :)

15) Lista alternatywnych powłok Linuksowych - zamienników dla klasycznego Basha, czy ZSH
https://github.com/oilshell/oil/wiki/Alternative-Shells
INFO: niektóre z nich są bardziej wymyślne. Warto rzucić okiem np. na Fish Shell, czy Nushell

16) Flameshot - świetne narzędzie do robienia screenshotów z adnotacjami na Linuksie
https://github.com/flameshot-org/flameshot/
INFO: zobacz koniecznie animację jak to wyglada. Fajne!

17) Co nas czeka w świecie wolnego oprogramowania jeszcze w tym roku?
https://librearts.org/2021/01/foss-in-2021-preview/
INFO: zapowiedzi ciekawych funkcji w znanych aplikacjach

18) Drobne usprawnienia w CSS, które zachowują kompatybilność wsteczną - dobrze wyglądają w starych i nowych przeglądarkach
https://ishadeed.com/article/tiny-enhancements-in-css/
INFO: pędząc stale przed siebie z nowinkami technologicznymi w CSS, zapominamy, że nie na każdej przeglądarce działają one tak samo (a nie kiedy nie działają wcale)

19) Czas pożegnać się z formatem JPEG?
https://cloudinary.com/blog/time_for_next_gen_codecs_to_dethrone_jpeg
INFO: porównanie nowoczesnych formatów plików graficznych, przy których tradycyjny JPEG wypada raczej kiepsko

20) Mapa wszystkich stacji nadawczych (BTSów) telefonii komórkowej na świecie
https://alpercinar.com/open-cell-id/
INFO: mapę można zoomować, a dane na niej prezentowane da się pobrać (tylko to około 40 milionów punktów!)

21) Niesamowite możliwości, jakie daje powłoka ZSH - jak je wykorzystać?
https://www.twilio.com/blog/zsh-tricks-to-blow-your-mind
INFO: powłoka ta słynie z ciekawych sztuczek jak i sprytnych dodatków. Na tej stronie znajdziesz 9 mniej znanych trików z jej wykorzysaniem

22) Dlaczego video calle (np. na Zoomie) są takie męczące?
https://newatlas.com/telecommunications/zoom-fatigue-video-exhaustion-tips-help-stanford/
INFO: jeśli czujesz się po nich naprawdę zmęczony, to niekoniecznie ze względu na to, że jesteś introwertykiem ;)

23) Strony startupów jak i technologicznych gigantów wyglądają podobnie i mają "te śmieszne, rysowane postacie"?
https://eyeondesign.aiga.org/dont-worry-these-gangley-armed-cartoons-are-here-to-protect-you-from-big-tech/
INFO: o co w tym chodzi i skąd się to wzięło? Artykuł z wyjaśnieniem. Przy okazji rzuć okiem, o jakie grafiki chodzi

24) Rok 2021 to początek końca Dockera? - przemyślenia
https://webmastah.pl/rok-2021-to-poczatek-konca-dockera/
INFO: Rozbudowana analiza obecnej sytuacji z Dockerem, po tym jak Kubernetes ogłosił, że się z nim żegna.

25) Używasz 'ikonowych fontów' - autor tego artykułu wyjaśni Ci, dlaczego nie powinieneś tego robić
https://www.irigoyen.dev/blog/2021/02/17/stop-using-icon-fonts/
INFO: według autora 'icon fonts' to zło i wszyscy powinniśmy przejść na ikony w SVG. Ma na to oczywiście argumenty

== LINKI TYLKO DLA PATRONÓW ==

26) Zaawansowane funkcje GITa, których nie wiedziałeś, że potrzebujesz ;)
https://uw7.org/un_6038080c03e12
INFO: garść ciekawych usprawnień zwiększających produktywność

27) Czy ten kod napisał człowiek, czy GPT3?
https://uw7.org/un_603807aed93da
INFO: prosty quiz. Rzuć okiem na kod źródłowy i powiedz, czy Twoim zdaniem napisała go sztuczna inteligencja, czy może człowiek

28) Usługi i aplikacje dostępne za darmo dla developerów lub oferujące darmowe, limitowane pakiety (free usage tier)
https://uw7.org/un_603807b549e75
INFO: wszystko podzielono na kategorie. Są tam do wyboru SaaSy, IaaSy, PaaSy i wszystko inne, co trudno zaklasyfikować

29) Wszystkie ściągi do testowania security, opublikowane przez OWASPa
https://uw7.org/un_603807bc65183
INFO: jak wykonać i załatać XSS, jak testować SQL Injection i wiele innych

==
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ę? Dołącz do patronów:
https://patronite.pl/unknow

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #technologia #ciekawostki #git #linux #programowanie #webdev #frontend pokaż całość

źródło: IMG_EE364BE425D2-1.jpeg

◢ #unknownews ◣

Dzisiejsze zestawienie ma sponsora, wiec link numer 7 pochodzi właśnie od niego - fajne narzędzie.

1) Lista 20 najczęstszych problemów z zarządzaniem sobą w czasie i metody ich rozwiązania
https://dev.to/actitime/20-most-common-time-management-problems-solutions-3abb
INFO: większość z tych problemów może wystąpić u ludzi rozwijających swoje poboczne projekty i biznesy

2) Zagraj w kultowe gry w swojej przeglądarce - nie ma potrzeby instalacji dodatkowego softu (produktywność -1000)
https://playclassic.games
INFO: na liście hitów znajdziesz Heroes II, Civilization, Warcraft II, Theme Hospital, Settlers II czy Wormsy

3) A gdyby tak zrobić "apt" (apt instal XYZ), ale dla fontów? - mówisz, masz!
https://github.com/alexmyczko/fnt
INFO: narzędzie działa na Linuksie oraz Macu i oferuje dostęp do około 2700 fontów

4) Użycie uczenia maszynowego do wygrania miliona dolarów w konkursie Mountain Dew
https://blog.roboflow.com/mountain-dew-contest-computer-vision/
INFO: zadanie polega na podaniu liczby butelek napoju widocznych w reklamie. Zwróć uwagę na screenach, jak trudno przeoczyć te butelki

5) SuperCookie - czyli metoda śledzenia użytkowników na stronach np. przez faviconę
https://github.com/jonasstrehle/supercookie
INFO: możesz czyścić cache, usuwać ciastka, otwierać tryb incognito, uruchamiać VPNa, a właściciel strony i tak wie, że to Ty...

6) Czy policjanci z USA puszczają chronioną prawami autorskimi muzykę, aby zabezpieczyć się przed nagrywaniem? - ciekawa teoria
https://torrentfreak.com/are-cops-playing-music-while-being-filmed-to-trigger-copyright-filters-210210/
INFO: nagranie zawierające taką muzykę zostanie szybko usunięte z YouTube, Instagrama, Facebooka i wielu sieci społecznościowych

7) Strona będąca nakładką na Allegro, przyspieszająca i ułatwiająca znalezienie przedmiotu, którego szukasz
https://www.welcomehot.com/allegrohot/
INFO: wpisujesz frazę, która Cię interesuje i widzisz czytelne zdjęcia towarów, bez zbędnych reklam, promowanych kategorii, automatycznie posortowane tak, aby możliwie dobrze pasowały do szukanej frazy. Testowałem szukając taniej Yerby. Działa OK ;)

8) Wszystko, co musisz wiedzieć o tunelach SSH
https://robotmoon.com/ssh-tunnels/
INFO: wiedza niezbędna dla adminów i fanów Linuksa. Bardzo przystępnie wyjaśnione. Są przykłady gotowych poleceń

9) Github1s - chcesz na szybko przeanalizować kod źródłowy z GitHuba, ale w VSCode?
https://github1s.com/conwnet/github1s
INFO: zmień domenę GitHub w dowolnym projekcie na Github1s, a repozytorium samo się sklonuje i odpali w VSCode Online

10) Zrób wyjątkowe screenshoty na swoją stronę, czy do prezentacji (3D)
https://www.screenstab.com/
INFO: wrzucasz zwykłego screena, a następnie scrollując (np. kółkiem myszki) ustawiasz parametry widoku 3D. Efekty są przyjemne dla oka ;)

11) UrlCast - narzędzie do ujawniania linka o wskazanej porze (skracacz + scheduler)
https://urlcast.io/
INFO: aplikacja przygotowuje odliczanie, dzięki czemu możesz rozesłać linka do eventu (np. streama na YT) wszystkim zainteresowanym, ale dopiero o wskazanej porze dowiedzą się oni, jaki jest właściwy URL.

12) O co chodzie w koncepcji mikrofrontendów? Artykuł + film.
https://dev.to/alexandrudanpop/microfrontends-explained-22i1
INFO: pomysł podobny z założenia do mikroserwisów i dziedziczący po nich niektóre zalety

13) PenPot - otwartoźródłowy odpowiednik Figmy do prototypowania interfejsów aplikacji
https://penpot.app
INFO: umożliwia pracę w teamie i hostowanie na własnym serwerze (selfhosted)

14) Aspect-ratio - nowa właściwość w CSS. Jak działa i jaki problem rozwiązuje?
https://web.dev/aspect-ratio/
INFO: jeszcze jest za wcześnie, aby z tego korzystać, ale dobrze wiedzieć, że niebawem będzie to rozwiązanie ogólnodostępne

15) Porównanie 7 szyfrowanych komunikatorów pod względem poziomu bezpieczeństwa i prywatności, jaki oferują
https://protonmail.com/blog/whatsapp-alternatives/
INFO: ProtonMail porównał Signal, Telegram, Threema, Wickr Me, Wire, Element oraz Keybase

16) Prosta weryfikacja poprawności formularzy w HTML + CSS
https://www.bram.us/2021/01/28/form-validation-you-want-notfocusinvalid-not-invalid/
INFO: do wyświetlania komunikatów z błędami i do oznaczania błędnie wypełnionych pól nie potrzebujesz JavaScript

17) Czytnik ebooków w przeglądarce - wrzucasz książkę i czytasz
https://www.loudreader.com
INFO: nie musisz instalować aplikacji do EPUB/Mobi/azw3/PDF, aby móc zapoznać się z dowolnym plikiem z tego formatu

18) Jak poprawnie używać atrybutu tabindex w HTML?
https://www.a11yproject.com/posts/2021-01-28-how-to-use-the-tabindex-attribute/
INFO: przegląd mitów związanych z tym atrybutem i przykłady jego poprawnego i błędnego użycia

19) Efekty przejścia w CSS wyjaśnione w interaktywny sposób
https://www.joshwcomeau.com/animation/css-transitions/
INFO: dzięki temu poradnikowi zrozumiesz różnice między np. ease-out / ease-in-out.

20) Facebook2rss - jak nazwa wskazuje, narzędzie umożliwiające czytanie FB za pomocą RSSa (profile, grupy, fanpage itp)
https://github.com/yshalsager/facebook2rss
INFO: do działania wymagane jest posiadanie konta w tej sieci. Wpisz jakieś fake (nie polecam używania automatyzacji na prywatnym).

21) Podstawy .bashrc, czyli jak zautomatyzować swoją powłokę
https://itnext.io/easiest-guide-to-bashrc-7ad0063d37eb
INFO: dodawanie funkcji, obsługa warunkowego wykonania kodu itp. Wiedza przyda się nie tylko przy pracy z bashrc, ale także z samym Bashem

22) Zdjęcie nieba w rozdzielczości około 10 terapixeli. Złożono je z ponad 6 miliardów mniejszych zdjęć
https://viewer.legacysurvey.org/
INFO: warto przeczytać FAQ na stronie, które wyjaśnia, o co chodzi, jak to działa i jak zbierano dane

23) Współdzielenie danych między JavaScript i CSS
https://christianheilmann.com/2021/02/08/sharing-data-between-css-and-javascript-using-custom-properties/
INFO: bezpośredni odczyt danych z CSS bywa często utrudniony, ale korzystając z 'custom properties' da się to sprytnie osiągnąć

24) Używasz edytora "nano" na Linuksie? On potrafi znacznie więcej niż Ci się wydaje
https://www.noa-s.org/nano.html
INFO: wystarczy dopisać kilka dodatkowych przełączników do nanorc (plik konfiguracyjny) i poznać kilka skrótów klawiszowych, aby efektywniej używać nano

25) exeCute - aplikacja do uruchamiania plików EXE (głównie gier) na Linuksie
https://gitlab.com/es20490446e/exeCute
INFO: pod spodem ma Wine oraz Dosboxa. To, co ją odróżnia od innych, to automatyczne montowanie np. obrazu CD (niezbędne do grania w niektóre gry)

== LINKI TYLKO DLA PATRONÓW ==

26) Ogromna lista ciekawych AMA (Ask Me Antyhing) z programistami i ludźmi z branży IT (UX, PM, designerzy itp)
https://uw7.org/un_602ceb3d728fd
INFO: projekt dopiero startuje, więc niektóre AMA są ubogie, ale można znaleźć kilka super perełek :)

27) Lista gier uczących programowania - z podziałem na języki
https://uw7.org/un_602ceb372c115
INFO: na liście poza topowymi językami jak Python, Java czy Ruby, są także gry uczące programowania ogólnie (co to zmienna, pętla itp)

28) Jak pisać dobre dokumentacje i tutoriale? Poradnik online i ebook zarazem
https://uw7.org/un_602ceb2c15b12
INFO: aby pobrać ebooka (Epub/PDF/HTML) kliknij strzałkę w lewym dolnym rogu okna (koło wersji dokumentu)

29) Sto najczęściej zadawanych pytań o JavaSript na rozmowach o pracę (pytania + odpowiedzi)
https://uw7.org/un_602ceb2682936
INFO: to jest część pierwsza zestawienia zawierająca pierwsze 21 pytań. Kolejne będą podlinkowane przez autora pod tym samym adresem.

==
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

Lubisz moje zestawienia? Dołącz do patronów:
https://patronite.pl/unknow

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

tagi: #technologia #ciekawostki #webdev #programowanie #devops #frontend #backend pokaż całość

źródło: IMG_5C7BED6685AC-1.jpeg

◢ #unknownews ◣

Oto i jest - nowe zestawienie :)

1) Zagraj w Sokobana (przesuwanie skrzynek) w świecie nietrzymającym zasad klasycznej geometrii (trudne i wciąga!)
https://sokyokuban.com
INFO: chodzenie po liniach prostych może powodować obrót, a kształty figur mogą się zmieniać. Po zaliczeniu każdego poziomu trzeba samemu kliknąć kolejną gwiazdkę na dole

2) Czy jesteś w stanie odróżnić fake newsa od prawdziwego? Zagraj w grę.
https://fakey.osome.iu.edu
INFO: możesz pominąć instrukcję i grać anonimowo, bez konta na FB/Twitterze. Jeśli myślisz, że dany post jest OK, to klikasz Like lub Share. Jeśli myślisz, że to fake news, klikasz 'Fact-check'. Na górnym pasku masz swoją skuteczność w odszukiwaniu fejków.

3) Przenośne oczyszczacze powietrza z marketów vs domowej roboty oczyszczacz
https://www.cbc.ca/news/business/portable-air-purifier-tests-marketplace-1.5900782
INFO: w teście udział wzięło 5 modeli oczyszczaczy, a ich konkurentem była domowej roboty konstrukcja z filtrem HEPA. Jak poszło projektowi DIY?

4) Lista wpadek znanych firm przy pracy z Kubernetes
https://k8s.af
INFO: wszystkie świetnie opisane, zarówno pod względem przyczyny wpadki, jak i jej rozwiązania

5) Wyjaśnienie kluczowych pojęć i procesów związanych z UX
https://uxdesign.cc/a-comprehensive-list-of-ux-design-methods-deliverables-2021-2feb3e70e168
INFO: wiesz, czym się różni 'service blueprint' od 'journey mapy' albo 'analizy ekosystemu'?

6) WTF Python - czyli zwiększ rozumienie tego języka, analizując nietypowe fragmenty kodu
https://github.com/satwikkansal/wtfpython
INFO: jest to zbiór kodów źródłowych, które dają niespodziewany wynik działania lub zupełnie nie działają, a na pierwszy rzut oka powinny

7) Synology wprowadza vendor locking w swoich NASach z serii enterprise
https://www.servethehome.com/synology-launches-enterprise-hard-drive-line-and-nases/
INFO: w skrócie chodzi o to, że do najwyższej półki urządzeń wsadzisz tylko dyski sprzedawane przez Synology (inne nie zadziałają)

8) Jak dodać do swojego smartfona z Androidem diodę powiadomień (jak za dawnych lat w telefonach)?
https://www.instalki.pl/aktualnosci/software/46308-notifybuddy-aplikacja-dioda-powiadomien.html
INFO: okazuje się, że istnieje do tego aplikacja, która wykorzystuje prostą sztuczkę. Fajne!

9) Wywiad z pierwszym pracownikiem Reddita - jak wyglądała praca w tym serwisie u początków jego rozwoju?
https://blog.ycombinator.com/chris-slowe-interview/
INFO: "Employee #1" to seria wywiadów przeprowadzana przez YCombinator z pierwszymi pracownikami znanych firm

10) Chciałbyś udzielać się w projektach OpenSource i jeszcze na tym zarobić? To serwis dla Ciebie
https://rysolv.com/issues
INFO: to lista bugów w aplikacjach, za poprawienie których wyznaczono nagrodę (przeważnie od $9 do $100). Znajdziesz tam także trochę darmowych bugów dla nabrania doświadczenia

11) Jak dobrać kolor fonta i tła, aby sprostać ograniczeniom postrzegania Twoich czytelników?
https://whocanuse.com/
INFO: analiza kolorów widzianych przez ludzi z 12 różnymi zaburzeniami wzroku.

12) FFScreenCast - proste, wieloplatformowe (Win/Lin/Mac) narzędzie do nagrywania obrazu z pulpitu i webcamery
https://github.com/cytopia/ffscreencast
INFO: obsługa odbywa się za pomocą linii poleceń, ale jest dość prosta

13) Blog z papierowymi modelami starych komputerów
http://rockybergen.com/papercraft
INFO: jeśli masz kolorową drukarkę, klej i nożyczki, to masz także zabawę na kolejne godziny. Zbuduj sobie Amigę 500 albo Apple II

14) Podrain - aplikacja webowa (selfhosted) do słuchania podcastów.
https://github.com/podrain/podrain
INFO: Włącz sobie demo, aby zobaczyć, jak to działa. Zaciąga podcasty z iTunes i potrafi je trzymać w cache do słuchania offline.

15) Używasz narzędzia JQ do operowania na plikach JSON? Interaktywne JQ (iJQ) może Ci się spodobać
https://sr.ht/~gpanders/ijq/
INFO: rzuć okiem na osadzony na stronie film, aby zrozumieć jak to działa

16) Firefox Relay - usługa anonimowych adresów mailowych od Mozilli
https://relay.firefox.com/?ref=link
INFO: instalujesz rozszerzenie w przeglądarce i za każdym razem gdy jesteś pytany o maila, przeglądarka wkleja Ci anonimowego i losowego maila-przekierowanie, który przesyła wiadomości do Ciebie

17) Szukasz alternatywnej przeglądarki WWW? Świat nie kończy się na Brave
https://tilde.club/~acz/shadow_wiki/browsers.xhtml
INFO: lista kilkudziesięciu mniej i bardziej niszowych projektów wraz z (subiektywną) oceną poziomu zagrożenia dla prywatności

18) Kolekcja ponad 109 tysięcy ikon na wolnej licencji, zdatnych do użycia we własnym projekcie
https://iconduck.com
INFO: ikony nadają się do użycia komercyjnego

19) Optymalizator plików JPG - skrajnie prosty i działający w pełni po stronie użytkownika
https://jpeg.rocks
INFO: żadne dane nie są wysyłane na serwer. Wszystko odbywa się w Twojej przeglądarce. Efektem działania narzędzia jest zmniejszenie rozmiaru grafiki przeważnie o 40-80%

20) BotSlayer - narzędzie do wykrywania botów dezinformacyjnych (np. rządowych trolli) na Twitterze
http://osome.iuni.iu.edu/tools/botslayer/
INFO: aby pobrać soft, trzeba tylko wypełnić krótkie podanie w Google Forms. Narzędzie działa na Windowsie i Linuksie. Jest także dostępne jako obraz dockera.

21) Analizator pochodzenia informacji na Twitterze - kto rozsiał plotkę? od kogo to się zaczęło?
https://hoaxy.osome.iu.edu/
INFO: zaloguj się przez Twittera i spróbuj np. namierzyć powiązanie Billa Gatesa z tematem szczepionek (po angielsku). Okaże się, że że jest jedno, ciekawe źródło tych rewelacji

22) Ciekawa koncepcja komunikatora bazującego na poczcie e-mail
https://delta.chat/pl/
INFO: brak własnego serwera dla komunikatora połączony z możliwością rozmawiania z ludźmi bez komunikatora (bo to w końcu email...) sprawia, że pomysł wygląda ciekawie

23) Marzy Ci się Linux na Twoim smartfonie? Zobacz jak wyglądają postępy wdrażania systemu na platformy mobilne
https://datahorde.org/?p=1980
INFO: powiedzmy, że jest to rynek rozwijający się i jeśli nie jesteś posiadaczem jednego ze smartfonów wspieranych przez postmarketOS lub Ubuntu Touch to możesz mieć problem

24) Lista wszystkich domen i subdomen używanych przez duże firmy (FB, Apple, Amazon itp) - na wypadek, gdybyś chciał je zablokować
https://github.com/jmdugan/blocklists/tree/master/corporations
INFO: przydatna kompilacja dla ludzi dbających o swoją prywatność. Lista domen jest także dostępna w formie pliku do Adblocka (*.easylist)

25) AudiBlogs - rozszerzenie do Chrome zmieniające dowolny artykuł w podcast (wersję audio)
https://audiblogs.com/
INFO: tak zbudowany podcast można wysłać na telefon lub słuchać w przeglądarce. Zbudowanie pliku dźwiękowego zajmuje około 1 minuty. Ma wsparcie dla języka polskiego

== LINKI TYLKO DLA PATRONÓW ==

26) Wszystko, co powinieneś wiedzieć o webscrapingu z użyciem Pythona
https://uw7.org/un_60265361babdc
INFO: przykłady z użyciem BeautifulSoup, PySpider, Selenium, Scrapy itp.

27) Uczysz się języka Rust? Oto dostępny online, darmowy i niezwykle rozbudowany podręcznik
https://uw7.org/un_6026537037c54
INFO: nie nadaje się do nauki od zera, a działa bardziej jak książka kucharska z przepisami na rozwiązanie konkretnych problemów

28) Lista (kilka tysięcy sztuk) blogów dla developerów z podziałem na technologię czy stack technologiczny
https://uw7.org/un_60265376b6f8c
INFO: jeśli nie widzisz na liście po prawej tematu, którego szukasz, to lista wszystkich zagadnień jest na samym dole strony.

==
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

Lubisz moje zestawienia? Zostań patronem
https://patronite.pl/unknow

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

tagi: #technologia #ciekawostki #webdev #programowanie #devops pokaż całość

źródło: IMG_262F725DF56A-1.jpeg

◢ #unknownews ◣

W tym tygodniu, link numer 4 jest sponsorowany przez firmę @Forbot

1) Jak w banalny sposób ogarnąć ciągła komunikację klient-server, ale bez websocketów?
https://jvns.ca/blog/2021/01/12/day-36--server-sent-events-are-cool--and-a-fun-bug/
INFO: przyznam, że nie znałem tej metody, a wygląda naprawdę prosto.

2) Uważaj jeśli chcesz 'wyciec' spotkanie/szkolenie na Zoomie - metody zabezpieczeń
https://theintercept.com/2021/01/18/leak-zoom-meeting/
INFO: krótko mówiąc, możliwe jest stwierdzenie, kto takie nagranie przygotował i udostępnił. Na końcu tekstu są porady jak utrudnić identyfikację

3) Metody na ominięcie cenzury internetu, czyli jak dostać się na zablokowane strony internetowe
https://avlab.pl/i2p-tor-freenet-zeronet-na-wypadek-cenzury-co-musisz-wiedziec-o-prawdziwie-wolnym-internecie/
INFO: garść prostych porad. Nigdy nie wiadomo, kiedy te porady mogą być nam potrzebne, więc warto poznać je zawczasu.

4) KONKURS: Napisz artykuł o elektronice, podziel się wiedzą i wygraj 2000 zł
https://bit.ly/2YXa4yV
INFO: Mile widziane artykuły o elektronice, Arduino, Raspberry Pi oraz o takich temat jak np.: Grafana, TensorFlow, RISC-V, bezpieczeństwo IoT i wiele, wiele innych.

5) Symulator ruchu drogowego, uwzględniający wiele parametrów, znaków drogowych, sygnalizację itp
https://traffic-simulation.de
INFO: pobaw się parametrami tak, aby spowodować/rozładować korek. Elementy na środku planszy można umieszczać na drodze.

6) Deskreen - aplikacja zmieniająca dowolne urządzenia (telefon, tablet itp) w Twój drugi monitor
https://deskreen.com
INFO: jest zupełnie darmowa. Obsługuje wiele monitorów i działa na Windowsie, Linuksie i Macu. Potrafi nawet transmitować obraz po WiFi

7) Zmień swoje Raspberry Pi w centrum muzyki - zupełnie za darmo
https://volumio.org
INFO: darmowa, opensourcowa aplikacja dość mocno przypominająca Spotify, ale korzystająca z Twojej biblioteki muzycznej

8) Tymczasowe numery SMSowe, kontrolowane z terminala (CLI) i zupełnie darmowe
https://github.com/sdushantha/tmpsms
INFO: przy rejestracji do niektórych usług trzeba podać "swój" numer telefonu. Oto generator "Twoich" numerów.

9) Jak bezpiecznie przesłać hasło w aplikacji webowej, nawet w przypadku braku SSLa?
https://owlspace.xyz/cybersec/steam-login/
INFO: artykuł zawiera analizę tego, jak radzi sobie z tym Steam. Ciekawe rozwiązanie.

10) Tworzenie ilustracji złożonych z jednego DIVa + CSS
https://www.albertwalicki.com/fall-in-love-with-single-div-images
INFO: bardzo ciekawe wyjaśnienie, jak to działa, jak się do tego zabrać i jak zorganizować swoją pracę nad kodem.

11) Bug w YouTube umożliwiał podglądanie prywatnych filmów - bez dźwięku, klatka po klatce
https://bugs.xdavidhu.me/google/2021/01/11/stealing-your-private-videos-one-frame-at-a-time/
INFO: opis interesującej luki w API serwisu i sposobu jej użycia i odkrycia

12) NovelWriter - narzędzie do tworzenia książek w Markdown
https://novelwriter.io
INFO: działa na Windowsie i Linuksie. Aplikacja jest darmowa

13) Używasz Adblocka/uBlocka/AdGuarda? Dodaj do listy blokad domeny podawane przez CERT
http://hole.cert.pl/domains/domains_adblock.txt
INFO: to domeny wyłudzające dane osobowe, podszywające się po znane strony WWW i rozsiewające malware. Wklej tego urla jako nową listę filtrów

14) Świetnie opisany bug w YouTube pozwalający przeglądnąć cudzą historię uploadowanych i lajkowanych filmów
https://bugs.xdavidhu.me/google/2021/01/18/the-embedded-youtube-player-told-me-what-you-were-watching-and-more/
INFO: błąd został usunięty pod koniec 2019 roku, ale jego opracowanie jest wartościowe, więc wrzucam

15) EXA - alternatywa dla klasycznego 'ls' znanego z Linuksa. Potrafi współpracować z GITem
https://the.exa.website
INFO: działa na Linuksie i Macu. Nie tylko ładnie wyświetla output, ale także pokazuje np. które pliki nie zostały wrzucone do repozytorium

16) JingOS - dystrybucja Linuksa naśladująca wyglądem i zachowaniem iPada
https://en.jingos.com
INFO: wygląda całkiem przyjemnie. Używanie tego na desktopie może nie mieć sensu, ale jako "Linux na tablet" zapowiada się ciekawie.

17) FontJoy - czy te fonty pasują do siebie? Narzędzie online
https://fontjoy.com
INFO: font dla tytułu artykułu, podtytułu i treści. Jak je dobrać? To narzędzie pozwoli Ci stwierdzić, jak trzy wybrane przez Ciebie fonty współgrają ze sobą.

18) Czytałeś kiedyś politykę prywatności i regulamin jakiegokolwiek serwisu, w którym masz konto?
https://tosdr.org/en/frontpage
INFO: ta usługa skraca polityki serwisów do kilku podpunktów, robiąc z tego "TL;DR". Fajne!

19) Ciekawa historia o tym jak dzieci pomogły znaleźć dość poważnego buga w wygaszaczu ekranu (Linux)
https://github.com/linuxmint/cinnamon-screensaver/issues/354
INFO: okazuje się, że wygaszacz nie wytrzyma naporu znaków wprowadzanych chaotycznie z wielu urządzeń jednocześnie

20) SSR - Server Side Rendering od podstaw
https://dev.to/alexsergey/server-side-rendering-from-zero-to-hero-2610
INFO: autor przekształca typową aplikację Reacta do formatu SSR

21) Ticker - terminalowe narzędzie śledzące na żywo sytuację na giełdzie
https://github.com/achannarasappa/ticker
INFO: narzędzie pozwoli Ci na żywo obserwować jak topnieje Twój majątek zainwestowany w akcje GME ;)

22) To, że mam pionowy ekran, nie oznacza, że oglądam stronę na smartfonie!
https://shkspr.mobi/blog/2021/02/just-because-i-have-a-vertical-screen-doesnt-mean-im-on-a-phone/
INFO: niekiedy twórcy stron na podstawie proporcji ekranu ustalają, czy wyświetlić wersję mobilną, czy desktopową. A co z ludźmi z pionowo ustawionym monitorem?

23) Mastodon - co to właściwie za komunikator i na czym polega 'fediwersum' (fediverse)?
https://blog.joinmastodon.org/pl/2018/08/przewodnik-po-mastodonie/
INFO: bardzo fajne wprowadzenie do tematu.

24) Currying w JavaScript - czyli jak nie powielać zbytecznie kodu i sprytnie używać już napisanych funkcji
https://dev.to/anuradha9712/currying-in-javascript-3l1j
INFO: artykuł tłumaczy w skrajnie prosty sposób, jak to działa i do czego może nam się przydać

25) Historia najsłynniejszego routera Linksys w historii - WRT54G (jest szansa, że miałeś w domu taki)
https://tedium.co/2021/01/13/linksys-wrt54g-router-history/
INFO: nie był za tani, nie oferował super parametrów, a jednak skradł serca użytkowników, bo miał w sobie... :)

26) Wielkie porównanie szyfrowanych komunikatorów - który wybrać
https://www.securemessagingapps.com
INFO: wygląda na to, że mamy przynajmniej dwóch konkurentów, którzy bardzo poważnie (i podobnie zarazem) podeszli do tematu bezpieczeństwa.

27) Generator miniatur z artykułów - do użycia na potrzeby social mediów.
https://thumbnail.ai
INFO: nawet jeśli Twój tekst nie posiada grafik, to ten generator zrobi dla niego schludną miniaturę do osadzenia np. na FB.

== LINKI TYLKO DLA PATRONÓW ==

28) Ogromne opracowanie tematów związanych z wydajnością frontendu + checklista w PDF
https://uw7.org/un_601cdfc5060b8
INFO: sama checklista jest umieszczona na końcu tekstu w sekcji z plikami do pobrania

29) Lista gier online hostowanych na GitHubie (gry przeglądarkowe, w które możesz zagrać)
https://uw7.org/un_601cdfcb5f45e
INFO: nie chodzi o hostowanie kodu źródłowego (to oczywiście też), ale o hostowanie całej gry na Github Pages

30) Kolekcja stron 'demo' z licznymi podatnościami w bezpieczeństwie - czyli zobacz, co można źle zaimplementować
https://uw7.org/un_601cdfd0f3a63
INFO: błędne implementacje JWT, CSP, CORS itp - łącznie 21 kategorii

31) Materiały dla ludzi zajmujących się cybersecurity - zarówno zawodowo, jak i hobbystycznie
https://uw7.org/un_601cdfd81f450
INFO: świetne opracowanie, podzielone na dziesiątki rozdziałów z licznymi linkami. Sprawdź np. dział "Phishing" z poradami testów phishingowych.

==
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ę? To daj plusa.

Jeśli czytasz moje zestawienia regularnie, to może warto zostać patronem?
https://patronite.pl/unknow

Patroni otrzymują dostęp do wszystkich (także i przeszłych) linków z zestawień:
https://mrugalski.pl/linki.php

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #technologia #programowanie #linux #devops #ciekawostki #internet #webdev pokaż całość

źródło: IMG_A4C5BEC10281-1.jpeg

◢ #unknownews ◣

Czas na kolejny przegląd ciekawych linków z branży IT. Dzisiaj link numer 4 pochodzi od sponsora, ale jest na tyle ciekawy, że sam się zapisałem :)

1) Dark Patterns - rozwiązania utrudniające wykonanie pewnych akcji na stronie, a dające benefity ($$$) ich twórcom
https://darkpatterns.org
INFO: ciekawy przegląd wprowadzających w błąd lub utrudniających życie rozwiązań. Na początek zobacz film, a później kliknij "Types of Dark Pattern"

2) Podstawy ditheringu - czyli jak uzyskać paletę kolorów gdy... masz do dyspozycji jeden kolor
https://surma.dev/things/ditherpunk/
INFO: była to technika często stosowana w starych grach, działających w trybie 16 kolorów. Jeśli nie interesuje Cię matematyka, to przynajmniej zobacz fotki ;)

3) DALL-E - projekt od OpenAI do tworzenia obrazów na podstawie opisu. Mówisz co chcesz, a on to utworzy.
https://openai.com/blog/dall-e/
INFO: rozwiązanie bazuje na GPT-3. Kliknij "Edit prompt" pod przykładowym obrazkiem i pozmieniaj parametry. Nazwa pochodzi od połączenia Salvatora Dali z robotem Wall-E

4) Seria darmowych webinarów na temat Dockera i Kubernetes - codziennie o 20:00 przez 7 dni. Wymagana rejestracja
https://wkontenerach.pl
INFO: warto się zarejestrować, bo jeśli nie będzie Cię na spotkaniach na żywo, to mailem dostaniesz linka do powtórek

5) Text-to-speech z użyciem głosów postaci z kreskówek i seriali
https://15.ai
INFO: baza głosów jest skromna i większości niestety nie znam, ale jakość generowanego głosu robi wrażenie!

6) Krótki quiz na temat błędnych założeń związanych z UX
https://10ideesrecuesenuxdesign.castoretpollux.com/en/
INFO: to nie tylko pytania, ale też wyjaśnienia, dlaczego taka odpowiedź jest akurat prawidłowa. Warte przemyślenia.

7) Szczepionka na Covid jest OpenSource, a jej źródła można znaleźć w Internecie - oto analiza tych źródeł
https://berthub.eu/articles/posts/reverse-engineering-source-code-of-the-biontech-pfizer-vaccine/
INFO: autor rozpisał całą sekwencję - co oznacza, jak działa i dlaczego akurat tak. Dość nerdowski tekst ;)

8) TabFS - podmontuj swoje taby z przeglądarki jako filesystem na Linuksie/Macu
https://omar.website/tabfs/
INFO: Wszystkie zakładki widoczne są jako pliki i katalogi. Dzięki temu można parsować zawartość odwiedzanych stron, a usunięcie któregoś katalogu z dysku, automatycznie zamyka wskazanego taba w Chrome/Firefox.

9) Przegląd interfejsów użytkownika ze znanych filmów i seriali
https://www.saji8k.com/kit-fui/
INFO: sporo zdjęć i filmów przedstawiających, jak twórcy przeróżnych produkcji wyobrażali sobie jak powinien wyglądać UI

10) ComicSans Mono - to nie żart, to nowa, ulepszona wersja tego wspaniałego fonta!
https://dtinth.github.io/comic-mono-font/
INFO: autor usunął największą bolączkę fonta i nadał mu stałą szerokość znaku. Sprawiło to, że... nadaje się ona do programowania (cała podlinkowana strona jest w niej stworzona)

11) Konsola od KFC - nikt do końca nie jest przekonany, czy to aby na pewno żart (jeśli to żart, to trwa już odrobinę za długo)
https://landing.coolermaster.com/kfconsole/
INFO: konsola to w zasadzie mocno tuningowany PC przystosowany do VR z wbudowanym... podgrzewaczem do kurczaków.

12) Jak działa historia operacji w Google Docs? Reverse Engineering projektu
http://features.jsomers.net/how-i-reverse-engineered-google-docs/
INFO: dość wnikliwa analiza tego, jak to się dzieje, że możemy przeglądać historię zmian od wielu userów i odtwarzać ją na timeline

13) TiddlyWiki - prywatna Wiki do prowadzenia notatek w sposób nieliniowy. Działa na każdym systemie (i to offline!) i wymaga jedynie przeglądarki
https://tiddlywiki.com
INFO: aplikacja napisana jest w HTML+CSS+JS. Warto przeczytać (w 'Getting Started') jak sprawić, aby wpisywane w niej dane nam nie przepadły

14) Projektowanie komponentów webowych (wizualnie) nie jest takie proste jak się wydaje - przykład
https://ishadeed.com/article/building-real-life-components/
INFO: autor pokazuje z jak wieloma problemami spotkamy się przy projektowaniu np. dymka z powiadomieniem z messengera

15) Jak sprytnie radzić sobie z elementami o nieznanej długości w CSS
https://ishadeed.com/article/css-short-long-content/
INFO: nie wiadomo jak długi tekst wpisze użytkownik, ile linii tekstu on zajmie, a jednak musimy go jakoś wyświetlić. Oto kilka rozwiązań tego problemu.

16) Lista 10 najpopularniejszych bibliotek pythona z 2020 roku
https://tryolabs.com/blog/2020/12/21/top-10-python-libraries-of-2020/
INFO: na liście są jedynie aktywne projekty, których development rozpoczął się w 2020 roku i które jednocześnie są warte polecenia

17) Napisz program, który ma ZERO linii kodu (przynajmniej według softu liczącego te linie)
https://codegolf.stackexchange.com/questions/215705/hello-world-in-zero-lines-of-code
INFO: ciekawa zabawa. Warto przeglądnąć nadesłane rozwiązania i postarać się zrozumieć, dlaczego liczone są jako zero linii.

18) Prosty monitoring stron WWW napisany w Bashu
https://raymii.org/s/software/Bash_HTTP_Monitoring_Dashboard.html
INFO: sprawdza, czy strona działa i trzyma historię wszystkich awarii. Wyniki działania prezentuje w formie webowej (gotowy dashboard).

19) Dlaczego timer na iPhone pokazuje fałszywy czas, a jednocześnie działa poprawnie? Taka ciekawostka
https://lukashermann.dev/writing/why-the-iphone-timer-displays-fake-time/
INFO: ciekawe wyjaśnienie zastosowanego rozwiązania. Ponoć zastosowano to, aby 'łatwiej było ludziom odczytać pozostały czas'

20) Zegarek stworzony w czystym CSS - bez JS i prawie bez HTMLa (użyty jest tylko tag osadzający CSS)
https://www.quaxio.com/pure_css_digital_clock.html
INFO: traktuj źródło tego CSSa jako pewnego rodzaju inspirację, jak można zautomatyzować w CSS pewne akcje i jak uzależnić je od godziny

21) Twoja firma myśli o zaczęciu pracy z JIRA? Oto 30 argumentów, aby im to wybić z głowy
https://whyjirasucks.com
INFO: niektóre z argumentów posiadają screenshoty z wyjaśnieniem, o co chodzi. Trzeba kliknąć tytuł, aby je zobaczyć

22) Jak zbudować własne CA (Certificate Authority) do podpisywania certyfikatów z użyciem Raspberry Pi + YubiKey
https://smallstep.com/blog/build-a-tiny-ca-with-raspberry-pi-yubikey/
INFO: rozwiązanie dla pasjonatów Linuksa. Nawet jeśli tego nie zbudujesz, z tutoriala i tak nauczysz się kilku użytecznych rzeczy

23) Jak osiągnąć "efekt confetti" w programowaniu? Bardzo fajne wyjaśnienie jak to zrobić 'matematycznie'
https://varun.ca/confetti/
INFO: to efekt, w którym obiekt na początku zostaje szybko wystrzelony, a później powoli opada w losowy sposób. Nie tak prosto osiągnąć naturalny wygląd tego efektu

24) Generator patternów graficznych - trudno to opisać, ale po kliknięciu 'shuffle' wszystko staje się jasne
https://doodad.dev/pattern-generator/
INFO: wygenerowane wzory można pobrać jako PNG/SVG/CSS. Baza startowych patternów jest dość rozbudowana + mam y 5 możliwych transformacji

== LINKI TYLKO DLA PATRONÓW ==

25) Uproszczenie developerskiego workflow z użyciem programu Make - czyli jak automatyzować akcje w terminalu
https://uw7.org/un_600802b6613f8
INFO: autor pokazuje przykładowe Makefile do obsługi projektu w Pythonie, Dockerów oraz Kubernetes

26) Uwierzytelnianie i autoryzacja wyjaśnione raz, a dobrze - do tego z użyciem kolorowych dinozaurów ;)
https://uw7.org/un_600802bc55a70
INFO: zdecydowanie warto podążyć za linkami podanymi na końcu tekstu. Uzupełnią one Twoją wiedzę.

27) Postaw własny, domowy serwer multimediów (pełen poradnik)
https://uw7.org/un_600802c2b4001
INFO: wszystko bazuje na Linux+ZFS. Autor dorzuca do serwera Plexa, NextClouda, WireGuarda itp.

28) Tworzenie botów do gier na Androidzie, bazując na sztucznej inteligencji (film)
https://uw7.org/un_600802c8cc7d0
INFO: autor pokazuje koncepcje przechodzenia pewnej gry zręcznościowej z użyciem OpenCV

==
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ę? To daj plusa.

Czytasz te zestawienia regularnie i doceniasz moją pracę? Dołącz do patronów:
https://patronite.pl/unknow

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #technologia #komputery #informatyka #ciekawostki #webdev #programowanie #linux pokaż całość

źródło: IMG_1B12F01980EF-1.jpeg

◢ #unknownews ◣

Rzutem na taśmę, ale się udało - jest zestawienie w tym tygodniu!

1) Naucz się X robiąc Y - zbiór ciekawych tutoriali
https://aquadzn.github.io/learn-x-by-doing-y/
INFO: baza jest dość spora (83 strony), więc skorzystaj z wyszukiwarki i wpisz tam np. 'raspberry' czy 'led'

2) Co najbardziej spowalnia Internet? Autorzy tekstu przeanalizowali proces renderowania miliona stron WWW
https://itnext.io/we-rendered-a-million-web-pages-to-find-out-what-makes-the-web-slow-72bbba9ade96?gi=bfb044180b2c
INFO: wygląda na to, że dwie dobrze znane wszystkim firmy za tym stoją ;)

3) Symulator roku 2020 - całkiem popularna ostatnio platformówka ;)
https://2020game.io
INFO: trochę z przymrużeniem oka, ale świetnie podsumowuje, co działo się w ubiegłym roku w USA

4) Bezpieczeństwo haseł online - co będzie jeszcze lepsze od menadżera haseł?
https://kaizoku.dev/double-blind-passwords-aka-horcruxing
INFO: okazuje się, że przechowywanie haseł w menadżerze posiada pewne wady (ale autor i ja mówimy: UŻYWAJ menadżerów i 2FA!), które można samodzielnie usunąć

5) Dollar Street - ciekawy projekt prezentujący, w jakich warunkach żyją ludzie na świecie w zależności od dochodów
https://www.gapminder.org/dollar-street
INFO: pobaw się suwakiem dochodów i przeglądaj różne kategorie zdjęć. Niektóre zdjęcia dają do myślenia. Nie ma jeszcze Polski - może ktoś chciałby się dodać?

6) Podstawowe koncepcje używane w NginX - niezbędne do rozpoczęcia z nim pracy
https://dev.to/aemiej/nginx-concepts-i-wish-i-knew-years-ago-23o0
INFO: co to jest server, root, proxy, reverse-proxy, load balancing itp (wszytkie te pojęcia w odniesieniu do nginx oczywiście)

7) Badaczom udało się załamać zabezpieczenie klucza U2F Google Titan
https://nakedsecurity.sophos.com/2021/01/11/google-titan-security-keys-hacked-by-french-researchers/
INFO: artykuł mówi jak do tego doszło i wyjaśnia, że raczej nie powinieneś się tym przejmować [użycie ataku w realnej sytuacji jest mało prawdopodobne]

8) Historia ratowania serwera po bardzo szerokim "rm -rf" (usunięto /etc, /lib, /dev itp), ale... serwer działał
https://www.ee.ryerson.ca/~elf/hack/recovery.html
INFO: tekst nie tylko opowiada ciekawą historię (z 1996r), ale przede wszystkim uczy, co można zrobić w takiej sytuacji. Pomysłowe.

9) Telegram wprowadził czaty głosowe i zrobił to w wyjątkowo fajny sposób
https://telegram.org/blog/voice-chats/pl?ln=a
INFO: przeczytaj, czym to się różni od typowych konferencji. Wprowadzony "Voice Chat Overlay" jest świetny, ale niestety przeznaczony tylko dla Androida :(

10) Otwartoźródłowe oprogramowanie skoncentrowane na prywatności
https://opensourcestash.com
INFO: dobra lista alternatyw dla ludzi, którzy nie chcą dzielić się informacjami o sobie z dużymi korporacjami

11) Blob Opera - wygeneruj arię operową z użyciem uczenia maszynowego od Google (uwaga: pochłaniacz czasu+++)
https://artsandculture.google.com/experiment/blob-opera/AAHWrq360NcGbw?cp=e30
INFO: każdego gniotka konfigurujesz ciągnąc myszką pionowo i poziomo. Na koniec włącz tryb świąteczny (choinka na dole) i wybierz jakiś znany utwór ;)

12) Jak wiele współcześnie potrafi protokół HTTP? Ciekawy pokaz możliwości
https://dev.to/nwtgck/the-power-of-pure-http-screen-share-real-time-messaging-ssh-and-vnc-5ghc
INFO: udostępnianie ekranu, SSH, strumieniowe przesyłanie wideo i dźwięków, transfer plików p2p i wiele innych, a to wszystko za pośrednictwem HTTP

13) GitHub na swoim blogu wyjaśnia podstawowe koncepcje GITa i robi to zadziwiająco przystępnie
https://github.blog/2020-12-17-commits-are-snapshots-not-diffs/
INFO: nie ma tutaj głębokiego wchodzenia we wnętrzności GITa i jego algorytmów. Sporo wiedzy dla początkujących.

14) Optymalizacja rozmiaru dockera z 1.43GB do... 22MB
https://medium.com/javascript-in-plain-english/how-i-reduced-docker-image-size-from-1-43-gb-to-22-4-mb-84058d70574b
INFO: ciekawy przykład na to, jak dwie proste sztuczki pozwalają tworzyć mniejsze obrazy

15) Jaki jest najszybszy sposób na przerzucenie 100k malutkich plików między serwerami?
https://bash-prompt.net/guides/bash-rsync-speedup/
INFO: autor testuje kilka rozwiązań: scp, rsync oraz tar+ssh - które wypada najlepiej?

16) Jak zbudować 'wykrywacz meteorów' z użyciem Raspberry Pi + małej kamery
https://www.skyatnightmagazine.com/advice/diy/raspberry-pi-meteor-detector/
INFO: urządzenie dzięki dołączonemu oprogramowaniu wyłapuje na niebie wszystko, co wygląda jak meteor, robi temu zdjęcia i wysyła je do Global Meteor Network

17) Jak pracować z JSONami w terminalu, czyli krótki przewodnik po JQ
https://sequoia.makes.software/parsing-json-at-the-cli-a-practical-introduction-to-jq-and-more/
INFO: to narzędzie bardzo przydaje mi się przy pracy z różnymi API, które jako output zwracają JSONa

18) Internet Archive pracuje nad nowym interfejsem do przeglądania swojego księgozbioru - fajne!
https://blog.openlibrary.org/2020/12/16/introducing-the-open-library-explorer/
INFO: kliknij załączony film. Akcja zaczyna się w okolicach 21:22. To rozwiązanie ma przypominać przeglądanie prawdziwej, fizycznej biblioteki.

19) Dlaczego YAML nie lubi Norwegii? ;)
https://hitchdev.com/strictyaml/why/implicit-typing-removed/
INFO: wpisanie dwuznakowego kodu tego kraju do Yamla może być zinterpretowane w dość nietypowy sposób

20) Convos - persystentny, webowy klient IRC działający na Twoim serwerze
https://serhack.me/articles/convos-web-client-persistent-irc/
INFO: "Kto jeszcze używa IRC?! :o" - odpowiedzią na to pytanie niech będzie komiks od XKCD załączony do tekstu ;)

21) Skrajnie prosta ściąga z flexboxa (CSS) wyjaśniająca wszystko na kotach i pieskach
https://dev.to/joyshaheb/flexbox-cheat-sheets-in-2021-css-2021-3edl
INFO: tam są koty i pieski. Muszę coś więcej pisać, abyś kliknął linka?

22) Proste narzędzie do ustalania priorytetów zadań
https://prioritize.songthamtung.com
INFO: nadaje się bardziej do planowania tego, co masz dzisiaj do zrobienia, bo dane nie są nigdzie zapisywane. Po prawej u góry możesz zmienić opisy pól.

23) Nie przepadasz za produktami od FB? Oto lista alternatyw dbających o prywatność
https://nomorefacebook.xyz/
INFO: niekoniecznie musisz się przesiadać na któreś z rozwiązań, ale warto wiedzieć, że takie rozwiązania istnieją i co oferują

24) Snap Camera - wirtualna webkamera działająca na Windowsie i Macu. Umożliwia używanie filtrów ze Snapchata
https://snapcamera.snapchat.com/
INFO: ja niczego nie sugeruję, ale filtr 'too many meetings' bardzo może Ci się pzydać w trakcie nudnych spotkań...

== LINKI TYLKO DLA PATRONÓW ==

25) Interesuje Cię hacking i tematyka security? Zacznij od łamania zabezpieczeń na TryHackMe (solucja krok po kroku)
https://uw7.org/un_600196371c430
INFO: autor pokazuje, w jaki sposób można przejąć jedną i przykładowych maszyn w serwisie. Jeśli zamiast czytać, wolisz oglądać, to w tekście jest też nagranie wszystkich kroków.

26) Pełen wideo kurs Vue.JS dla początkujących (nauka od zera)
https://uw7.org/un_6001963d041d5
INFO: łącznie 12 filmów na około 5-6h nauki.

27) Dokładnie 327 pytań rekrutacyjnych na stanowisko React Developera
https://uw7.org/un_600196452d439
INFO: wszystkie oczywiście opracowane z odpowiedziami

28) Lista kilkudziesięciu odznak i certyfikatów z IT, które możesz zdobyć zaliczając darmowe kursy
https://uw7.org/un_6001964a2c77c
INFO: może to wzbogacić Twoje CV. Są szkolenia z Security, Frontendu, Backendu, Big Data, Machine Learningu itp. Na przerobienie każdego potrzebujesz od 3 do 300 godzin (to raczej poważne tematy)

==
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ę? To daj plusa :)
Czytasz moje zestawienia regularnie? Zostań patronem: https://patronite.pl/unknow

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #programowanie #frontend #security #internet #linux #serwery #ciekawostki #technologia #webdev pokaż całość

źródło: IMG_E16633E36C60-1.jpeg

◢ #unknownews ◣

Witam w nowym roku. Nadal żyję i mam się dobrze, więc wrzucam najnowsze zestawinie newsów ;)
Zachęcam do zapoznania się z linkiem numer 7, bo on jako jedyny ma ograniczoną datę ważności (działa tylko dziś do północy).

1) Stan Internetu na rok 2020 - analiza we współpracy z Web Archive
https://almanac.httparchive.org/en/2020/
INFO: kliknij "Start exploring" i zanurz się w potoku cyferek i statystyk ;)

2) Uzależnienie od smartfona - najczęstsze (nienarkotyczne) uzależnienie ludzkości. Jak je wykryć i z nim walczyć?
https://cognitiontoday.com/phone-addiction-coping-solutions-research-statistics/
INFO: to uzależnienie wydaje się być niegroźne, ale odpowiada za wiele problemów psychicznych. Warto poczytać.

3) Zagraj w hity z PSX w swojej przeglądarce i do tego w trybie multiplayer (można grać ze znajomymi - załóż własny pokój)
https://psxparty.kosmi.io
INFO: nie musisz niczego instalować, ani się rejestrować. Wchodzisz i grasz, a Twoja dzisiejsza produktywność po prostu znika...

4) Statystyki szczepień na COVIDa - mapa i możliwie świeże liczby
https://covid-19-vaccine.live/
INFO: zobacz, gdzie już szczepią się ludzie i jaki procent obywateli został już zaszczepiony

5) Poświęć 2 minuty na wypełnienie ankiety, dzięki której lepiej dostosuję te zestawienia do Twoich potrzeb
https://forms.gle/T1aL4mKpoSBime1W9
INFO: ankieta ma tylko 2 obowiązkowe pytania + pole na komentarz, więc nie zajmie Ci wiele czasu :)

6) Mały startup, czy wielka korporacja? - momentami granice w branży IT się zacierają
https://scattered-thoughts.net/writing/small-tech/
INFO: czy wiesz, że najczęściej używany software, dostępny w każdym telefonie, komputerze PC, Mac, w niemal każdym języku programowanie... jest budowany przez 'malutki startup' złożony z 5 osób?

7) Trwa największa, doroczna wyprzedaż ebooków na Ebookpoint - ponad 36 tysięcy tytułów jest przecenionych o 40-90%.
https://ebookpoint.pl/pagec/3976o/4/promocja/10039
INFO: zachęcam do kliknięcia po lewej działu 'informatyka'. Akcja kończy się dziś o północy.

8) Układ okresowy technologii webowych - ciekawy przegląd tego, co aktualnie potrafią przeglądarki
http://wwwperiodictable.surge.sh
INFO: to, co mnie martwi w tym układzie, to spora ilość niebieskiego koloru, oznaczającego technologię wspieraną (obecnie) TYLKO przez Chrome

9) Pytania (12 sztuk) rekrutacyjne z GITa - przygotuj się do rozmowy o pracę
https://devszczepaniak.pl/web-developer-pytania-rekrutacyjne-git/
INFO: warto rzucić okiem na pozostałe wpisy z pytaniami rekrutacyjnymi z innych technologii (podlinkowane na początku wpisu)

10) O co chodzi z tajemniczym "błędem 40ms" na Netflixie i jak go rozwiązano?
https://netflixtechblog.com/life-of-a-netflix-partner-engineer-the-case-of-extra-40-ms-b4c2dd278513
INFO: telewizory z Androidem (do wersji Marshmallow) sporadycznie przycinały odtwarzanie filmów z Netflixa. Artykuł bardzo dogłębnie wyjaśnia skąd wziął się ten problem

11) Najprostszy sposób na responsywny layout w CSS bez użycia frameworków
https://dev.to/blossom/build-responsive-websites-without-a-framework-47e6
INFO: w skrócie, jest to bazowanie na procentach, jednostkach EM oraz REM (wiesz czym się różnią?) oraz media queries

12) Odczytywanie tekstu wpisywanego na klawiaturze za pomocą... mikrofonu
https://github.com/ggerganov/kbd-audio/discussions/31
INFO: okazuje się, że mapowanie dźwięków klawiatury na ich klawiszowe odpowiedniki wcale nie jest takie trudne (z użyciem AI oczywiście)

13) Jak działa cyfrowe i internetowe wideo? Wyjaśnienie dla ciekawskich i geeków
https://howvideo.works
INFO: czym się różni mp4 od WebM? co odróżnia DASH od ABS? Bardzo przystępne wyjaśnienie (z obrazkami! :D)

14) Konfiguracja WSL2+Docker+XDebug+PHPStorm na Windows 10
https://blog.superstorm.pl/phpstorm-xdebug-2-3-wsl2-docker/
INFO: tutorial wyjaśnia, jak postawić kompletne środowisko do developmentu i debugowania aplikacji w PHP

15) DOM (Document Object Model) wyjaśniony od podstaw
https://dev.to/joshcarvel/properly-understanding-the-dom-2cg0
INFO: wyjaśnienie jak to działa, dlaczego akurat tak i czemu ma to służyć?

16) IMAP API - aplikacja, która wystawi Ci dowolną skrzynkę z dostępem przez IMAP za pomocą prostego API RESTowego
https://github.com/andris9/imapapi
INFO: nada się np. do napisania softu cyklicznie sprawdzającego i reagującego na maile. Dobre do automatyzacji zadań w Internecie.

17) Kiedyś instrukcja "if...then...else" nie istniała. Jak została wynaleziona?
https://github.com/ericfischer/if-then-else/blob/master/if-then-else.md
INFO: przegląd rozwiązań zastępujących tę powszechną konstrukcję. Spora dawka historii i starych fotek.

18) Garść dobrych porad użytecznych przy budowie Dockerfile
https://github.com/hexops/dockerfile
INFO: szczególnie spodobał mi się trick z jednoczesnym użyciem ENTRYPOINT oraz CMD. Wiesz czym jest TINI?

19) Czy można nauczyć się podstaw języka Rust w 30 minut? Autor tego poradnika twierdzi, że tak
https://fasterthanli.me/articles/a-half-hour-to-learn-rust
INFO: bardzo skoncentrowany na przykładach kodu tutorial przeznaczony dla programistów znających przynajmniej jeden inny język programowania.

20) CMDer - rozbudowany emulator terminala na Windows. Nie wymaga instalacji (samodzielny plik wykonywalny)
https://cmder.net
INFO: warto ściągnąć wersję rozszerzoną z wbudowanym klientem GITa

21) Jak używać kluczy YubiKey podczas logowania do serwerów via SSH?
https://bash-prompt.net/guides/bash-ssh-yubikey/
INFO: prawdopodobnie najprostszy tutorial tego typu jaki widziałem. w skrajnej wersji można go streścić w 3-4 komendach

22) SlowBug - rozszerzenie do VSCode uruchamiające Twój kod w zwolnionym tempie, pozwalając Ci wychwycić ewentualne bugi
https://marketplace.visualstudio.com/items?itemName=srimukh.slowbug
INFO: to debugger przechodzący po kodzie linijka po linijce z ustaloną przez Ciebie prędkością.

23) Kolega zapomniał wylogować się idąc na kawę? Wchodzisz na tę stronę i uruchamiasz fullscreen
https://updatefaker.com/windows10/index.html
INFO: to oczywiście tylko żart, ale wywołuje przerażenie u wszystkich użytkowników... także tych używających Maca ;)

24) Planujesz się przesiąść z obecnego Maca na M1 z procesorem ARM? co przestanie Ci działać?
https://www.imobie.com/m1-app-checker/
INFO: aplikacja skanuje system w poszukiwaniu zainstalowanych aplikacji i sprawdza, które z nich nie będą działać na M1

== LINKI TYLKO DLA PATRONÓW ==

25) Ogromny zbiór kodów źródłowych malware - z podziałem na systemy operacyjne i języki programowania
https://uw7.org/un_5ff31b817eec4
INFO: wejście na stronę jest w 100% bezpieczne. Jeśli niczego nie skompilujesz i nie uruchomisz, to samo Cię nie zarazi. To tylko pliki źródłowe.

26) Jak postawić Pi-Hole (blokadę reklam) na Windows 10 z użyciem Dockera
https://uw7.org/un_5ff31b89afee6
INFO: tutorial wyjaśniający cały proces krok po kroku. Ten sam poradnik możesz zastosować na Macu (o ile masz tam dockera)

27) Wszystko, co musisz wiedzieć o używaniu NPM jako web developer
https://uw7.org/un_5ff31b9ce11db
INFO: zarządzanie środowiskami dev/prod, konfigurowanie zależności w projekcie, wymuszanie konkretnej (lub 'nie mniejszej niż') wersji bibliotek itp

28) Historia menadżera zadań z Windowsa - opowiedziana przez jego twórcę
https://uw7.org/un_5ff31ba1e414e
INFO: ciekawie opowiedziana historia w zasadzie dwóch projektów: wspomnianego menadżera oraz "zip folderów"

==
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 Ci się to, co robię? Możesz dołączyć do moich patronów.
https://patronite.pl/unknow

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

pokaż spoiler link numer 7 w wersji bez refa, z dedykacją dla moderacji: https://ebookpoint.pl/promocja/10039


Tagi: #programowanie #ciekawostki #webdev #informatyka #technologia pokaż całość

źródło: IMG_E31D9AFFF404-1.jpeg

◢ #unknownews ◣

Dziś, podobnie jak tydzień temu, patronat nad zestawieniem objęła firma ForBot. Link numer 4 jest więc sponsorowany. Warto jednak na niego rzucić okiem, bo przygotowane przez firmę zestawy dla elektroników wyglądają naprawdę fajnie, a ich ceny zaczynają się już od kilkudziesięciu złotych.

1) Co robią okulary z "filtrem niebieskiego światła" i czy naprawdę ich potrzebujesz?
https://slate.com/technology/2020/11/blue-light-glasses-eyes-hurt.html
INFO: okulary tego typu stały się szczególnie popularne wśród osób pracujących przy komputerze - czy słusznie?

2) Schemat Ponziego (piramida finansowa) w świecie IT
https://callmenish.com/how-to-run-a-tech-ponzi-scheme/
INFO: ciekawa i zabawna obserwacja tego, jak ludzie działają online, namawiając innych na powielanie swoich własnych błędów.

3) Wczytywanie zewnętrznych skryptów JS i wpływ tego procesu na wydajność strony
https://www.youtube.com/watch?v=tr6aHw8I32M
INFO: ciekawe eksperymenty przeprowadzone z użyciem serwisu spowalniającego ładowania JSów

4) Kup (sobie) ciekawy prezent! Lista 10 zestawów do nauki elektroniki
https://bit.ly/3mslVxT
INFO: Zamawiasz zestaw elementów i uczysz się z kursu online. Elektronika, lutowanie, Arduino, a może Raspberry Pi? Na liście jest coś dla uczniów, studentów i dorosłych. Dostawa możliwa jeszcze przed Świętami.

5) Windows 10 będzie w stanie uruchamiać aplikacje z Androida? - na to wygląda
https://www.bleepingcomputer.com/news/microsoft/microsoft-is-working-on-an-android-subsystem-for-windows-10/
INFO: mamy już WSL (Windows Subsystem for Linux), a szykuje nam się WSA (Windows Subsystem for Android), czyli zwirtualizowane środowisko do uruchamiania Androidowych aplikacji

6) O co chodzi z 'shebang' (#!) na początku skryptów powłoki?
https://dev.to/meleu/what-the-shebang-really-does-and-why-it-s-so-important-in-your-shell-scripts-2755
INFO: dobre wyjaśnienie zasady działania tego operatora i przykłady na jego kreatywne użycie

7) Nadpisałem plik w Linuksie komendą 'mv' - jak go odzyskać?
https://behind.pretix.eu/2020/11/28/undelete-flv-file/
INFO: bardzo fajne case study takiej operacji. Wyjaśnione krok po kroku jak i dlaczego to działa.

8) Ogromny zbiór darmowych książek do nauki Pythona
https://www.pythonkitchen.com/legally-free-python-books-list/
INFO: większość z nich niestety trzeba czytać w wersji online, ale przy niektórych dostępne są także 'ściągalne wersje'.

9) A gdyby tak skrzyżować VSCode z Tinderem? [zobacz film - ostatni link na stronie]
https://4programmers.net/Mikroblogi/View/88791
INFO: przeglądasz kody źródłowe programistów/programistek ze swojej okolicy i na ich podstawie stwierdzasz, czy chcesz poznać tę osobę :D

10) Nauka nowoczesnego JavaScriptu - zbiór lekcji i materiałów do nauki
https://javascript.info
INFO: kurs podzielono na dwie części. Pierwsza mówi ogólnie o JS, a druga o JS w kontekście przeglądarek WWW

11) Coraz więcej "dużych" gier działa płynnie na Linuksie dzięki Protonowi - zobacz listę wspieranych tytułów
https://www.protondb.com
INFO: tak, Cyberpunk 2077 także na tym chodzi (z oceną 'silver'). Spis tytułów zobaczysz w dziale 'explore'. Zobacz jaką ocenę ma Wiedźmin 3 ;)

12) Jak zbudować bota do Telegrama w Pythonie przy użyciu serverlessowej bazy danych?
https://dev.to/lordghostx/building-a-telegram-bot-with-python-and-fauna-494i
INFO: podczas tworzenia bota można nauczyć się pracy z bazą 'Fauna' + poznać zasadę działania botów na Telegramie

13) Chcesz być profesjonalnym 'software engineerem'? Oto lista zagadnień do opanowania + linki do materiałów
https://github.com/jwasham/coding-interview-university
INFO: potężna porcja wiedzy przygotowana przez człowieka, który starał się o pracę w Amazonie (tak, dostał się)

14) Podstawianie zmiennych w bashu - wszystko, co powinieneś o tym wiedzieć
https://www.cyberciti.biz/tips/bash-shell-parameter-substitution-2.html
INFO: ten artykuł to czyste złoto dla osób piszących skrypty w bashu. Manipulowanie stringami bez użycia grepa, seda i AWKa robi wrażenie.

15) Narzędzie do odtwarzania tekstów ukrytych w zapikselowanych grafikach
https://pythonawesome.com/a-tool-for-recovering-passwords-from-pixelized-screenshots/
INFO: jeśli ktoś użył niezbyt wymyślnego filtra blokowego, to od ręki możesz cofnąć efekty jego działania

16) Kompletna maszyna stanowa zaimplementowana w HTML+CSS - czyli w CSS też można programować ;)
https://css-tricks.com/a-complete-state-machine-made-with-html-checkboxes-and-css/
INFO: mało użyteczny twór, ale bardzo rozszerzający wiedzę o tym, jak działa CSS i co można w nim zbudować

17) Używaj console.log() jak profesjonalista - garść użytecznych sztuczek
https://denic.hashnode.dev/use-consolelog-like-a-pro
INFO: grupowanie komunikatów, asercje, widok obiektu w formie drzewa, generowanie stack trace i inne - umiesz to zrobić w konsoli?

18) Firefox 83 wprowadza tryb "HTTPS-only" - przydatna zmiana
https://blog.mozilla.org/security/2020/11/17/firefox-83-introduces-https-only-mode/
INFO: po aktywacji tego trybu, przeglądarka domyślnie będzie łączyć się protokołem HTTPS, a gdy jej się to nie uda, zapyta użytkownika o możliwość nawiązania transmisji bez szyfrowania

19) "curl adres | sh" - jedna z bardziej niebezpiecznych technik uruchamiania skryptów z netu. Jak ją wykryć?
https://www.idontplaydarts.com/2016/04/detecting-curl-pipe-bash-server-side/
INFO: artykuł wyjaśnia jak (po stronie serwera) wykryć, czy ktoś podpiął strumień do basha i co fajnego można z tym zrobić.

20) Dlaczego hostowanie fontów od Google na własnym hostingu, nagle zaczęło mieć większy sens?
https://dev.to/zwacky/time-to-say-goodbye-to-google-fonts-16dd
INFO: przeglądarki wprowadzają cache partitioning, więc strony nie będą już współdzielić pamięci podręcznej

21) Rozwiązania webowe sprawiające, że czytelnicy na stronie będą zachowywać się lepiej i bardziej 'cywilizowanie'
https://www.prosocialdesign.org
INFO: przykłady rozwiązań są na końcu strony. Tam są dwie zakładki: tested oraz untested (łatwo przeoczyć to drugie)

22) Radicle - zdecentralizowana, oparta o sieć P2P alternatywa dla GitHuba
https://radicle.xyz
INFO: nie do końca rozumiem koncepcję tego, dlaczego akurat powinienem tego używać, ale pomysł jest interesujący. Obecnie klient dostępny jest na platformy Linux i Mac.

23) Praca z socketami (połączeniami internetowymi) w Bashu i ZSH
https://who23.github.io/2020/12/03/sockets-in-your-shell.html
INFO: oba przykłady bazują na natywnych rozwiązaniach dostępnych w bashu (/dev/tcp/) oraz ZSH (ztcp)

24) Prosty trik na sprawienie, aby strony podręcznika MAN były kolorowe
https://blog.yossarian.net/2018/01/22/Reading-Manpages-Like-a-Pro
INFO: zobacz na stronie przykład jak to wygląda. Znacznie przyjemniej się czyta zwłaszcza parametry do komend :)

25) Pobierz transkrypcję dowolnego (anglojęzycznego!) filmu z YouTube - po prostu wklej linka do niego
https://hierogly.ph
INFO: YouTube od bardzo dawna przygotowuje wersje tekstowe dla każdego anglojęzycznego filmu. Ta strona pozwala je pobrać.

26) Jak ukryć swój adres mailowy w publicznych commitach na GitHubie?
https://dev.to/codewithfahad/github-tip-of-the-day-keep-your-commit-email-address-private-2eo2
INFO: każdy commit podpisany jest Twoim mailem, co sprawia, że Twój adres jest praktycznie publiczny. Da się temu jednak zaradzić.

27) MapBox - tańsza alternatywa dla Google Maps do integracji z własną stroną WWW
https://dev.to/niharikak101/integrating-mapbox-with-next-js-the-cheaper-alternative-to-google-maps-g39
INFO: tutaj przykład integracji z Next.JS. Rozwiązanie bazuje na OpenMaps.

28) Polotno Studio - alternatywa dla Canvy. Bez opłat, bez limitów i bez logowania
https://studio.polotno.dev
INFO: niestety, w przeciwieństwie do Canvy, nie mamy dostępu do dziesiątek tysięcy gotowych szablonów, ale i tak narzędzie jest fajne :)

29) Gra w stylu "Escape Room" zbudowana na GitLab pages (w pełni frontendowa)
https://eloeffler.gitlab.io/eloeffler/proto-vcser/
INFO: sporo klikania, sporo główkowania. Raczej trudna (a momentami niedopracowana), a zabawę bardzo utrudnia rozpoznawanie wielkości liter w hasłach i bliżej nieokreślony format stosowanych dat.

30) Cloudflare zaprezentował swój hosting dla statycznych stron WWW - "Cloudflare Pages"
https://blog.cloudflare.com/cloudflare-pages/
INFO: to rozwiązanie w połączeniu z oferowanymi przez nich 'workerami' sprawia, że powstałą z tego naprawdę interesująca platforma do hostowania aplikacji

31) Internet Archive postanowiło zarchiwizować najlepsze (ręcznie wybrane) animacje flasha i wrzucić je do swojego muzeum
https://blog.archive.org/2020/11/19/flash-animations-live-forever-at-the-internet-archive/
INFO: do przeglądania zbiorów muzeum nie potrzebujesz flasha. Wszystko uruchamiane jest na emulatorze.

32) Zapisz się na newsletter, aby otrzymywać te zestawienia na maila, a nie musieć śledzić Facebooka, Wykopu czy RSS itp.
https://unknow.news/
INFO: newsletter to fajna sprawa - nie przeoczysz żadnego z zestawień. Zapisz się, jeśli jeszcze Cię tam nie ma

==
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ę? To daj plusa :)

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #programowanie #webdev #linux #ciekawostki #naukaprogramowania #technologia #internet pokaż całość

źródło: IMG_2913494A9491-1.jpeg

◢ #unknownews ◣

Znalazł się sponsor dla tego wydania zestawienia, więc wszystkie linki są dostępne bez ograniczeń. Sponsorem jest firma @Forbot, a link na czwartej pozycji jest sponsorowany. Zachęcam do rzucenia okiem na podlinkowany kurs, bo wygląda świetnie (jest zupełnie darmowy).

1) Ogromny spis technologii, narzędzi i rozwiązań używanych przez firmy/startupy z HackerNews
https://github.com/cjbarber/ToolsOfTheTrade
INFO: sporo narzędzi jest płatnych, ale muszę przyznać, że to repozytorium to niezła skarbnica tooli, o istnieniu których mogłeś nie wiedzieć :)

2) Lista publicznie dostępnych API - wiele dostępnych zupełnie bez autoryzacji i kompatybilnych z JS (CORS)
https://github.com/public-apis/public-apis
INFO: mogą przydać Ci się do Twojego przyszłego projektu. Może któreś z nich Cię zainspiruje?

3) Masz ochotę pobawić się w bugbounty? Oto zestaw materiałów dla początkujących
https://github.com/nahamsec/Resources-for-Beginner-Bug-Bounty-Hunters
INFO: bugbounty to szukanie bugów (najczęściej security) w cudzych projektach za pieniądze. To repozytorium tłumaczy, jak się do tego przygotować i jakich narzędzi potrzebujesz

4) Szukasz hobby? Zacznij bawić się elektroniką – rezystory, tranzystory i kondensatory w praktyce
https://bit.ly/2VHEX8y
INFO: Polski kurs elektroniki (materiały dla początkujących). Treść dostępna jest za darmo (jako kurs online). Możesz zamówić kuferek z elementami, aby samodzielnie wykonać wszystkie ćwiczenia.

5) Stare i nowe metody na radzenie sobie z elementami o różnej / nieprzewidywalnej wysokości w CSS
https://www.hsablonniere.com/prevent-layout-shifts-with-css-grid-stacks--qcj5jo/
INFO: artykuł przedstawia metody na radzenie sobie z tzw. 'layout shift'. Jedno z rozwiązań bazuje na gridach w CSS.

6) Podręcznik dla wybierających się na techniczną rozmowę kwalifikacyjną
https://yangshun.github.io/tech-interview-handbook/
INFO: sporo wiedzy podanej w przystępnej formie. Szczególnie użyteczne dla początkujących, szukających swojej pierwszej pracy

7) Dekoder stereogramów - dla tych, którzy nie umieją spoglądać na te obrazki ;)
http://magiceye.ecksdee.co.uk
INFO: znasz zadania w stylu "gdy długo popatrzysz na ten obrazek, to zobaczysz pewien napis". Nigdy nie zobaczyłeś? Użyj tego narzędzia

8) Synchronizacja danych między tabami w przeglądarce z użyciem service workerów
https://dev.to/jhamadhav/syncing-tabs-via-service-worker-ep7
INFO: stosunkowo prosty tutorial opisujący metodę na realizację prostej synchronizacji liczników między stronami

9) Duża (40 pozycji) lista strategii marketingowych - zdatne do użycia np. dla firm SaaS
https://bazawiedzy.socialtigers.pl/articles/strategia-marketingowa-lista-modeli
INFO: jeśli prowadzisz własną firmę, czy zakładasz startup, to ta wiedza może Ci się przydać

10) Jak tworzyć kod, w którym zakocha się osoba robiąca code review? ;)
https://mtlynch.io/code-review-love/
INFO: kilkanaście sensownych porad na temat przygotowania kodu do CR i polepszenia komunikacji w ramach review

11) Używanie systemowych fontów w CSS jest bardziej złożone niż się wydaje
https://blog.jim-nielsen.com/2020/system-fonts-on-the-web/
INFO: piękny cytat: "the reason they called it font-family in CSS was because its like many families - dysfunctional" :D

12) Location Guard - rozszerzenie do Chrome, dbające o naszą prywatność poprzez wysyłanie fałszywej lokalizacji komputera
https://chrome.google.com/webstore/detail/location-guard/cfohepagpmnodfdmjliccbbigdkfcgia/
INFO: jeśli jakaś strona stara się pobrać Twoją lokalizacją przez API w JavaScript, to za pomocą tego rozszerzenia ustawisz sobie własną, alternatywną lokalizację

13) RGA - narzędzie w stylu grepa, ale pozwalające przeszukiwać dokumenty typu PDF, DOC, DOCX, ZIP itp.
https://phiresky.github.io/blog/2019/rga--ripgrep-for-zip-targz-docx-odt-epub-jpg/
INFO: wyobraź sobie, że masz folder z plikami PDF i możesz uruchomić na nich grepa, ale w odpowiedzi nie dostajesz tylko nazwy pliku, który zawiera dane słowo, ale też numer strony, na której ono występuje. Tak działa to narzędzie.

14) GPT3 odpowiada na pytanie dotyczące życia, wszechświata, i całej reszty.
https://muellerberndt.medium.com/i-asked-gpt-3-for-the-question-to-42-i-didnt-like-its-answer-and-neither-will-you-33f425a4d60f
INFO: przyznam, że poziom odpowiedzi momentami mnie przeraża, zwłaszcza gdy przypominam sobie, że te teksty generowane są automatycznie

15) Ile rocznie zarabiają muzycy streamujący swoje utwory na Spotify, Apple Music czy Deezer? Mało.
https://www.nme.com/news/music/82-per-cent-of-musicians-earn-less-than-200-a-year-from-streaming-2833510
INFO: kwota jest zaskakująco niska (przynajmniej dla około 80% twórców). Co ciekawe, z ankiety przeprowadzonej wśród fanów, 77% z nich wierzy, że artyści zarabiają tam krocie.

16) Ta strona została stworzona w... JSONie - koniecznie zobacz źródło
https://webdatarender.com
INFO: próba (udana) stworzenia strony łatwej do parsowanie przez zewnętrzne mechanizmy jak i atrakcyjnej wizualnie. Ciekawy pomysł.

17) Zbuduj własny system detekcji intruzów w domu w oparciu o Raspberry Pi i czujnik ruchu
https://opensource.com/article/20/11/motion-detection-raspberry-pi
INFO: modem LTE wymieniony w planach jest oczywiście opcjonalny (o ile malinka jest w zasięgu WiFi). Odliczając koszty modemu, musisz jedynie kupić czujnik za około 8zł.

18) Dobre praktyki przy używaniu JWT (JSON Web Token)
https://dev.to/deleteman123/jwt-authentication-best-practices-3lf9
INFO: artykuł zawiera wyjaśnienie co to jest JWT i jak poprawnie zaimplementować jego obsługę we własnej aplikacji

19) Czy i jak Twoja przeglądarka chroni Cię przed śledzeniem - ile informacji o sobie ujawniasz?
https://coveryourtracks.eff.org
INFO: prosty test online. Uruchom go, a następnie zobacz, co wie o Tobie np. sieć reklamowa. Na stronie znajdziesz także porady jak poprawić swoje wyniki.

20) Jak zbudować paletę kolorów dla swojej strony? - teoria
https://refactoringui.com/previews/building-your-color-palette/
INFO: autor nie mówi nic o klasycznym podejściu opartym o tzw. triady, czwórki itp. Zaprezentowane jest tutaj inne podejście do tematu.

21) Przyspieszanie startu Basha - dla linuksowych geeków
https://work.lisk.in/2020/11/20/even-faster-bash-startup.html
INFO: tutaj nie chodzi o realne przyspieszenie (różnica wynosi 125ms), a o zrozumienie jak działa bash oraz co i dlaczego ładuje on na starcie

22) Co jest nie tak z Bitbucketem? - lista przewinień
https://nosleepjavascript.com/bitbucket-sucks/
INFO: autor wypisał wszystko to, co najbardziej go denerwuje w Bitbuckecie. Są obrazki ;)

23) Po co kupować pendrive z szyfrowaniem? Nie lepiej i taniej samemu sobie zaszyfrować? No niezupełnie...
https://security.stackexchange.com/questions/241202/what-is-the-benefit-of-having-fips-hardware-level-encryption-on-a-drive-when-you
INFO: świetne wyjaśnienie różnic między rozwiązaniem 'domowym', a profesjonalnym (warto przeczytać najwyżej oceniane komentarze)

24) Może wcale nie potrzebujesz machine learningu? Jak zastąpić proste AI prostym algorytmem
https://nullprogram.com/blog/2020/11/24/
INFO: autor implementuje wyścigi samochodowe z samojezdnymi pojazdami, nie używając przy tym uczenia maszynowego, a posługując się zwykłą matematyką

25) Firma Apple zaprezentowała nowe AirPods Max - bezprzewodowe słuchawki, ale już nie dokanałowe
https://www.apple.com/newsroom/2020/12/apple-introduces-airpods-max-the-magic-of-airpods-in-a-stunning-over-ear-design/
INFO: ten projekt mocno mnie zaskoczył. Ciekawostką jest fakt, że słuchawki wyposażone są w tzw. 'digital crown' znany z Apple Watcha.

26) Galeria i wyszukiwarka fontów dla programistów
https://devfonts.gafi.dev
INFO: wybierz fonta, który najlepiej będzie pasował do Twojego IDE czy terminala.

27) Dobre praktyki dla programistów Node.JS
https://github.com/goldbergyoni/nodebestpractices
INFO: długi spis dobrych porad, podzielonych na 8 kategorii. Warto rzucić okiem.

28) "Tęsknie za biurem" - czyli generator biurowego szumu dla ludzi pracujących z domu
https://imisstheoffice.eu
INFO: ustal liczbę kolegów w biurze (prawy dolny róg) i załóż słuchawki (trzeba ustawić je dość głośno). Można także klikać w przedmioty na mapie.

==
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ę? To daj plusa :)

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #technologia #webdev #linux #devops #programowanie #ciekawostki pokaż całość

źródło: IMG_6D09E96363D2-1.jpeg

◢ #unknownews ◣

Zapraszam do lektury najnowszego zestawienia subiektywnie najciekawszych znalezisk z branży IT z ubiegłego tygodnia.

1) Responsywne obrazki na stronach internetowych - czyli jak dogodzić każdej przeglądarce w każdej rozdzielczości
https://imagekit.io/responsive-images/
INFO: temat nie jest tak prosty jak mogłoby się wydawać i zwykłe osadzenie obrazka może teraz zająć 5-6 linii kodu.

2) Amazon (AWS) udostępnił instancje EC2 z systemem operacyjnym Maca. Można na nim uruchomić np. zdalnie Xcode
https://aws.amazon.com/blogs/aws/new-use-mac-instances-to-build-test-macos-ios-ipados-tvos-and-watchos-apps/
INFO: oznacza to tyle, że nie musisz już kupować produktów Apple, aby pisać soft na iPhone, iPada, Apple Watcha itp.

3) Programista zatrudnił copywritera do poprawiania swoich tekstów - zaowocowało to zwiększeniem zasięgów około 450x
https://mtlynch.io/editor/
INFO: jeśli piszesz teksty po angielsku, to bardzo zachęcam do rzucenia okiem na uwagi (pliki PDF w połowie tekstu), jakie dostał programista po korekcie. Bardzo trafne i użyteczne.

4) Ugliest App - ekstremalnie brzydka (wg twórców) platforma do tworzenia aplikacji webowych 'na szybko'
https://ugliest.app/
INFO: Warto wczytać się w helpa (malutki link 'Docs' przy edycji strony). Platforma hostuje statyczne strony, ale... z dostępem Read/Write do bazy danych, logowaniem itp. Bardzo ciekawe rozwiązanie.

5) Biohacking dla programistów - ciekawa rozmowa w formie podcastu (czas: 83min)
https://www.youtube.com/watch?v=oniTgsotlZ8
INFO: rozmowa na temat 'optymalizacji życia' z mocnym naciskiem na życie developerów. Jest trochę o suplementacji, optymalizacji snu, redukcji stresu itp.

6) WSL, Python i Docker razem – jak zacząć programować pod Windows?
https://www.devpanda.eu/2020/10/wsl-python-i-docker-razem-jak-zaczac-programowac-pod-windows/
INFO: jak to wszystko skonfigurować na Windows 10, opisane krok po kroku + konfiguracja VSCode do tego

7) Zbuduj swoje Spotify - zdecentralizowana aplikacja do hostowania i słuchania muzyki (self-hosted)
https://funkwhale.audio/
INFO: rozwiązanie jest otwartoźródłowe, darmowe i możesz je postawić na swoim serwerze. Dobrze nadaje się także do hostowania własnego podcastu.

8) Devtoolsy w Chrome zyskały "CSS overview" - co to jest i jak tego użyć?
https://christianheilmann.com/2020/11/12/quick-hack-how-to-make-the-new-css-overview-feature-of-chromium-devtools-shareable/
INFO: funkcja jest eksperymentalna, więc najpierw trzeba ją sobie aktywować. Generuje to statystyki z naszych CSSów. Rzuć okiem na załączony film.

9) Dziwne i egzotyczne dystrybucje Linuksa - krótki przegląd (numer jeden jest bardzo nietypowy)
https://fosspost.org/interesting-linux-distributions/
INFO: od dziś, będąc pytany o polecaną dystrybucję Linuksa zaczniesz polecać "Redstar OS" ;)

10) Szybki przegląd operatorów JS-owych - jest szansa, że niektórych nie znasz
https://www.joshwcomeau.com/operator-lookup/
INFO: wiesz co robi "??=", "&&=" lub "%="?

11) KDE sprzymierza się z Pinephone, szykuje się kolejny GNU\Linux-owy telefon
https://kde.org/announcements/pinephone-plasma-mobile-edition/
INFO: na stronie podano parametry telefonu. Warto także rzucić okiem jak interfejs systemu wygląda w praktyce.

12) NNN - nadal używasz Midnight Commandera w terminalu? Może czas na alternatywę? (Linux)
https://github.com/jarun/nnn
INFO: nie ma sensu czytać opisu na GitHubie. Po prostu uruchom film z prezentacją ;)

13) Migracja z AWS na własne maszyny - czy to się naprawdę opłaca? czy/ile można zaoszczędzić?
https://www.servethehome.com/falling-from-the-sky-2020-self-hosting-still-pays/
INFO: możesz przeczytać wszystkie wyliczenia (są ciekawe) lub zobaczyć osadzoną w artykule wersję filmową

14) Jak odróżnić AI od BS?
https://thenextweb.com/neural/2020/11/16/how-to-tell-the-difference-between-ai-and-bs/
INFO: Jeśli masz problem ze zrozumieniem tekstu, to podpowiem, że BS to skrót od... Bull Shit :D

15) Skuteczniejsze od "git-blame" rozwiązanie pozwalające na znalezienie osoby, która zepsuła kod
https://tekin.co.uk/2020/11/patterns-for-searching-git-revision-histories
INFO: artykuł wyjaśnia jak to zrobić z użyciem natywnych opcji w GIT i dlaczego git-blame nie zawsze jest super

16) Ile danych i w jakim celu wysyła Android do Google podczas korzystania z internetu mobilnego?
https://www.theregister.com/2020/11/14/google_android_data_allowance/
INFO: jest kolejny pozew w sprawie Google. Androidy raportują różne fajne dane, nawet gdy ich nie dotykamy.

17) Spotify - jak co roku - opublikowało analizę dla każdego konta jak i analizę trendów muzycznych na świecie
https://2020.byspotify.com/pl
INFO: aby zobaczyć swoją analizę, musisz wejść na tego linka ze smartfona z zainstalowaną aplikacją Spotify. Statystyki ze świata można oglądać na komputerze.

18) AWS Lambda obsługuje teraz... obrazy kontenerów dockerowych
https://aws.amazon.com/blogs/aws/new-for-aws-lambda-container-image-support/
INFO: do tej pory na Lambdę można było wrzucać tylko surowy kod, a teraz można sobie na niej zrobić deploy całego contenera.

19) Preceduralnie wygenerowane hexagonalne logotypy do Twojego następnego projektu - kliknij sobie jeden
https://dosycorp.gitlab.io/dosylogo/
INFO: okazuje się, że hexagony całkiem ładnie pasują do loga/logotypu i to w każdej wersji ;)

20) Przyspieszanie połączeń SSH do często używanych hostów
https://bash-prompt.net/guides/ssh-keep-socket/
INFO: przydaje się jeśli np. kilka razy na godzinę robisz commita na zdalną maszynę (oszczędzisz 2+ sekundy na każdej operacji)

21) Open Container Intiative - czyli dlaczego obrazy dockerowe są kompatybilne z Kubernetes?
https://szkoladockera.pl/open-container-initiative-oci-standard-docker-image-i-kontenerow/
INFO: Kompatybilność obrazów Dockerowych. Czy obraz zbudowany w wersji Dockera 17.03 będzie działać poprawnie na Dockerze 19.03?

22) Kolejne radio online, które puszcza muzykę ponoć dostosowaną do kreatywnej pracy
https://www.supercreative.design/radio
INFO: muzyka nie w moim stylu, ale może Tobie przypadnie do gustu

23) Lista 10 powodów, dla których powinieneś zacząć używać frameworka Svelte
https://dev.to/mhatvan/10-reasons-why-i-recommend-svelte-to-every-new-web-developer-nh3
INFO: ja wiem, że ten framework ma równie dużo hejterów co produkty Apple, ale przynajmniej wysłuchaj argumentów

== LINKI TYLKO DLA PATRONÓW ==

24) Umiejętności, które zawsze przydadzą się developerom (poza programowaniem oczywiście)
https://uw7.org/un_5fc792da6ee58
INFO: niektóre umiejętności miękkie to taka trochę oczywistość, ale odwołania do technologii są ciekawe

25) Wielka lista dostępnych online i za darmo, książek i materiałów dla programistów
https://uw7.org/un_5fc792d50d196
INFO: nie wszystkie książki da się pobrać. Niektóre wymagają czytania w wersji online.

26) Container Queries w CSS nie są jeszcze dostępne, ale dzięki temu hackowi jesteśmy o krok bliżej
https://uw7.org/un_5fc792cf51c87
INFO: fani CSS wiedzą, że propozycje Container Queries istnieją już od lat i sprawa nie posuwa się naprzód. Można sobie jednak z tym poradzić.

27) Narzędzie online do powiększania grafik/zdjęć za pomocą AI (powiększa je 4x)
https://uw7.org/un_5fc792ca3f051
INFO: 3 pierwsze zdjęcia są darmowe, później 20 centów za fotkę (jak zapłacisz za paczkę z góry, to wychodzi 9 centów/obraz). Mają wygodne API

28) Spraw, aby Twoje strona internetowa wyglądała i działała jak natywna aplikacja na iPhone (film, 15 minut)
https://uw7.org/un_5fc792c586787
INFO: efekt końcowy robi faktycznie wrażenie natywnej aplikacji :)

==
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ę? To daj plusa :)

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #technologia #linux #aws #ciekawostki #webdev #css #devops pokaż całość

źródło: IMG_0BF8E4D0A048-1.jpeg

◢ #unknownews ◣

Dzisiaj nie ma linków dla patronów, ponieważ wydanie ma sponsora. Link numer 7 (który polecam) jest sponsorowany.

1) "Ten X nie istnieje" - czy sztuczna inteligencja potrafi już wygenerować niemal wszystko? Na to wygląda
https://thisxdoesnotexist.com
INFO: znasz stronę generującą nieistniejące twarze? Tutaj znajdziesz generatory mieszkań, kotów, startupów, CV, samochodów, a nawet... memów

2) Jak uczyć się skomplikowanych zagadnień (nie tylko technologicznych) metodą ADEPT?
https://betterexplained.com/articles/adept-method/
INFO: Analogy, Diagram, Example, Plain English (u nas: Polish), Technical Definition

3) Wirtualne spacery po miastach świata (w formie filmu, a nie jak na street view)
https://citywalks.live/
INFO: do wyboru jest wiele miast (lista się przewija) dostępnych w nocy i za dnia. Jest nawet przełącznik pandemiczny ;)

4) Wprowadzenie do ZFS (File System) - idealne na początek
https://www.servethehome.com/an-introduction-to-zfs-a-place-to-start/
INFO: zrozumienie koncepcji tego, jak działa ZFS nie jest trywialne. Ten artykuł w tym pomoże

5) Szybki, onlinowy i co najważniejsze... "tekstowy" generator slajdów do prezentacji
https://play.presenta.cc
INFO: zawartość slajdów wpisujesz w polu tekstowym po lewej stronie (jedna linia to jeden slajd), a później klikasz 'present' i gotowe :)

6) Potrzebujesz dać użytkownikowi w aplikacji możliwość wyszukiwania zdjęć ze stocka? Pexels udostępnia API.
https://www.pexels.com/api/
INFO: wszystkie fotki dostępne zupełnie za darmo na wolnej licencji. Wyszukiwanie w 28 językach (w tym polskim) i brak limitów requestów.

7) VPN w opcji Lifetime z okazji Black Friday - płacisz raz, używasz cały czas
https://is.gd/unlimitedVPN
INFO: to oferta od firmy KeepSolid. Warto poczytać opinie o firmie i produkcie gdzieś w necie (są raczej OK).

8) MVP.CSS - minimalistyczny framework CSS do szybkiego zbudowania prototypu dowolnej strony
https://andybrewer.github.io/mvp/
INFO: niewątpliwą zaletą tego frameworka jest brak konieczności uczenia się go. Podpinamy CSS do strony, nie dodajemy żadnych klas/ID itp. - to po prostu zaczyna działać.

9) A gdyby tak samemu ulepszyć algorytm polecanych filmów na YouTube?
https://towardsdatascience.com/i-created-my-own-youtube-algorithm-to-stop-me-wasting-time-afd170f4ca3a
INFO: autor przedstawia swój pomysł na ulepszenie listy polecanych mu filmów za pomocą samodzielnie narzuconych kryteriów, AWS Lambdy i Youtube API.

10) Odpręż się chwilę i pooglądaj grafikę z nieskończonym i zapętlonym zoomem
https://zoomquilt.org
INFO: wciąga ;)

11) Aurora 7 - brakuje Ci dodatkowego monitora w laptopie? A co powiesz na 6 dodatkowych monitorów? ;)
https://expanscape.com/the-aurora-7-prototype/the-story-of-the-aurora-7/
INFO: to dopiero prototyp, ale trzeba przyznać, że potencjał pod względem parametrów jest niezły. Ciekawe tylko ile z tymi monitorami pochodzi na baterii ;)

12) Dlaczego statyczne strony użytkowników na GitHubie są hostowane na domenie IO, a nie głównej COM?
https://github.blog/2013-04-09-yummy-cookies-across-domains/
INFO: głównym powodem było bezpieczeństwo, a konkretnie problemy z atakami cross-domain cookie i phishingiem. Artykuł dokładnie wyjaśnia zwłaszcza to pierwsze zagadnienie.

13) JuiceSync - synchronizator danych między usługami chmurowymi
https://github.com/juicedata/juicesync
INFO: narzędzie przenosi dane np. między S3, B2, FTP/SFTP itp. Synchronizacja działa w dwie strony.

14) Minimalistyczny boilerplate do rozpoczęcia projektu w React bez build tolsów
https://blog.jim-nielsen.com/2020/react-without-build-tools/
INFO: dobre rozwiązanie do postawienia prostego MVP na szybko.

15) W jaki sposób przeglądarka renderuję Twoją stronę? Wyjaśnienie krok po kroku.
https://dev.to/jstarmx/how-the-browser-renders-a-web-page-1ahc
INFO: kiedy zaciągane są zasoby zewnętrzne i kiedy blokują one ładowanie strony? Kiedy uruchamiane są eventy? Są obrazki ;)

16) Jaka jest różnica między orkiestracją (orchestration), a automatyzacją?
https://opensource.com/article/20/11/orchestration-vs-automation
INFO: te dwa pojęcia w branży IT niekiedy używane są wymiennie. Czy tak jednak powinno być?

17) Metoda na szybkie zdobycie roota na Ubuntu 20.04
https://securitylab.github.com/research/Ubuntu-gdm3-accountsservice-LPE
INFO: w drugim akapicie tekstu jest link do filmu, na którym autor przeprowadza przykładowy atak

18) W jaki sposób podsłuchiwać/podglądać ruch HTTPS na urządzeniach z Androidem?
https://dev.to/pimterry/intercepting-https-on-android-393k
INFO: mowa o nasłuchiwaniu własnego, a nie cudzego ruchu internetowego. Bardzo przydaje się np. do debugowania aplikacji (niekoniecznie własnych...)

19) Nie potrzebujesz crona do cyklicznego uruchamiania zadań - wystarczy Ci systemd i jego timery
https://dev.to/bowmanjd/schedule-jobs-with-systemd-timers-a-cron-alternative-15l8
INFO: nie każdy użytkownik Linuksa wie, że Systemd posiada w swojej konfiguracji jobów także wyzwalacz czasowy i co całkiem przyjemny w użyciu.

20) Szyfrowana, open-sourceowa alternatywa do Firebase
https://www.etebase.com/
INFO: jest to wersja self-hosted, kompatybilna z językami Python, Java, Go, CSharp, Ruby, Swift, Rust i JavaScript

21) Cztery mało znane, ale ciekawe nagłówki HTTP - mogą Ci się przydać
https://www.lorenzweiss.de/the_power_of_http_headers_with_four_examples/
INFO: niektóre z nich mają wpływ także i na bezpieczeństwo przeglądarki

22) Yo - skrajnie prosta apka do "czatu" - co sprawiło, że mogła osiągnąć sukces?
https://capiche.com/e/yo-atomized-communication
INFO: tak, to ta aplikacja, w której można było przesłać tylko jedno, predefiniowane słowo do znajomych. Pomimo tego ograniczenia, stałą się całkiem popularna (pół miliona pobrań w pierwszych trzech miesiącach istnienia)

23) Wirtualny mikrofon ze smartfona i mikrofon z pliku MP3 (Linux)
https://github.com/MatthiasCoppens/pulseaudio-virtualmic
INFO: aplikacja tworzy wirtualne urządzenie w komputerze, które może być używane jako mikrofon w dowolnej aplikacji. Urządzeniem tym może być pojedynczy plik MP3 lub np. Twój smartfon

24) Skrajnie proste wytłumaczenie prototypów dla obiektów w JavaScript
https://dmitripavlutin.com/javascript-prototypal-inheritance/
INFO: tutaj wyjaśnienie na przykładzie piesków i kotków ;)

25) Chroń domeny, których NIE używasz do wysyłania maili - zalecenia rządu z UK
https://www.gov.uk/guidance/protect-domains-that-dont-send-email
INFO: krótkie wyjaśnienie, dlaczego warto to robić oraz wyjaśnienie jak to zaimplementować u siebie

26) Naucz się flexboxa w 12 minut, oglądając jeden, prosty tutorial (film + kody źródłowe)
https://dev.to/nghiemthu/master-flexbox-in-12-minutes-with-most-common-use-cases-3e1g
INFO: bardzo prosto wyjaśnione, podstawowe zagadnienia związane z flexboxem + często spotykane przykłady użycia

27) Jak przesiąść się z Dockera na Podmana?
https://developers.redhat.com/blog/2020/11/19/transitioning-from-docker-to-podman/
INFO: cały (dość krótki i prosty) proces rozpisany krok po kroku + instrukcja pracy z podmanem

28) Sztuka programowania - godzinny, 'rozrywkowy' wykład na temat programowania, sztucznej inteligencji. Świetne!
https://www.youtube.com/watch?v=6avJHaC3C2U
INFO: najbardziej podobały mi się fragmenty o języku programowania Rockstar oraz te o samowypisujących się programach

==
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ę? To daj plusika

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

#technologia #webdev #programowanie #ciekawostki #linux pokaż całość

źródło: obrazek PNG 35.png

◢ #unknownews ◣

Zacznijmy ten tydzień od zestawienia ciekawych linków z branży IT - zapraszam do czytania

1) Take This Lollipop - Halloweenowy zoom call. Używa Twojego obrazu z kamerki do stworzenia horrorowej narracji, a potem robi deep fake z Twoją twarzą
https://takethislollipop.com/
INFO: wszystko dzieje się w przeglądarce (nie musisz mieć zooma). Musisz zgodzić się na dostęp do kamery. Trzeba oglądać do końca. Fajnie zrobione

2) Tara - alternatywa dla Jiry do zarządzania projektami
https://tara.ai
INFO: rozwiązanie jest zupełnie darmowe, bez limitu projektów, użytkowników itp. Zobacz na filmie, jak to wygląda.

3) Sprawdź, w jakim stopniu podana strona internetowa przyczynia się do emisji CO2 - ekologiczna ciekawostka
https://www.websitecarbon.com
INFO: niekiedy serwis jest przeciążony i informuje, że nie może zbadać danej strony. Wtedy po prostu spróbuj ponownie.

4) Prawdziwe rozmiary państw na świecie - jak bardzo przekłamuje obraz odwzorowanie Merkatora?
https://thetruesize.com
INFO: W wyszukiwarkę wpisz przykładowo 'Poland' i przeciągaj nasz kraj po terenie całej Grenlandii - zobaczysz wtedy, na czym polega przekłamanie.

5) Jak pracować na wspólnym repozytorium GITa, ale bez githuba (i podobnych serwisów) i bez klasycznych pull requestów?
https://git-send-email.io
INFO: czy wiedziałeś, że GIT natywnie obsługuje repozytoria obsługiwane przez maila? Warto rzucić okiem.

6) OX - a gdyby tak połączyć Vima, Emacsa i Nano, budując w ten sposób terminalowy edytor przyszłości?
https://github.com/curlpipe/ox
INFO: ja nie jestem pewien, czy tak nie powstanie najbardziej znienawidzony edytor wszech czasów - atakowany przez bojówki vima, emacsa i nano jednocześnie :D

7) Skrajnie szybki kurs języka AWK - podstawy
https://jemma.dev/blog/awk-part-1
INFO: są to podstawy-podstaw, jednak do codziennej pracy z danymi powinny w zupełności wystarczyć.

8) Ponad 14 tysięcy tzw. linuksowych jednolinijkowców - warto rzucić okiem, aby lepiej poznać możliwości narzędzi CLI
https://www.commandlinefu.com/commands/browse
INFO: serwis znany i istniejący od lat, ale nie wszystko, co znam ja, musisz znać także i Ty ;)

9) Dlaczego używanie Flutter Web, to kiepski pomysł?
https://hugotunius.se/2020/10/31/flutter-web-a-fractal-of-bad-design.html
INFO: autor wymienia wszystkie przewinienia wspomnianego frameworka do budowy UI. W niektórych przypadkach trudno nie przyznać mu racji

10) Internet Archive posiada już w swoich zbiorach ponad 7000 gier z czasów MS-DOSa
https://archive.org/details/softwarelibrary_msdos_games?&sort=-downloads&page=1
INFO: w każdą z nich możesz zagrać w przeglądarce, bez konieczności instalacji dodatkowego oprogramowania

11) Jak napisać własny parser danych - dobry wstęp dla osób chcących stworzyć własny kompilator
https://tiarkrompf.github.io/notes/?/aside10
INFO: na dole są kolejne rozdziały pokazujące krok po kroku, jak to zrobić. Można pobawić się interaktywnym demem na stronie głównej (obsługuje tylko mnożenie i dodawanie)

12) Czy można używać Rust-a do tworzenia stron Internetowych? Można!
http://www.arewewebyet.org
INFO: zbiór frameworków i dodatkowych materiałów, niezbędnych do stawiania aplikacji webowych w Rust

13) Jeśli nie SPA, to co? - na Single Page Application świat się nie kończy
https://macwright.com/2020/10/28/if-not-spas.html
INFO: kilka alternatywnych rozwiązań, zdatnych do zastosowania w aplikacjach webowych

14) Wady aktualnego stosu technologii webowych. Czy doświadczymy narodzin nowego Internetu?
https://macwright.com/2020/08/22/clean-starts-for-the-web.html
INFO: przemyślenia autora na temat tego, co aktualnie dzieje się z technologiami webowymi, w jakim kierunku to zmierza i co z tym możemy zrobić

15) Lista 10 powodów, dla których pozbyłem się kosztującego ponad 6k funtów systemu inteligentnego oświetlenia
https://robdobson.com/2020/11/the-10-reasons-i-ripped-out-a-6k-lighting-system/
INFO: bardzo ciekawe przemyślenia dla osób, które chciałyby zainwestować w rozwiązania smarthome, a szczególnie w technologię Z-Wave

16) Cenzura w DuckDuckGo? - gdzie się podziały strony z pirackim oprogramowaniem i filmami?
https://torrentfreak.com/popular-pirate-sites-disappear-from-duckduckgos-top-search-results-201112/
INFO: przez lata krytykowano Google za cenzurowanie wyników wyszukiwania. Od pewnego czasu identyczną cenzurę da się zauważyć na DuckDuckGo.

17) Jak poprawnie i efektywnie wielokrotnemu zapobiegać wysyłaniu tego samego formularza na stronie?
https://www.bram.us/2020/11/04/preventing-double-form-submissions/
INFO: zablokowanie przycisku do wysyłania nie zawsze jest najlepszym wyjściem

18) Node-RED - narzędzie low-code do programowania wizualnego. Kompatybilne np. z Raspberry Pi.
https://nodered.org
INFO: warto zobaczyć umieszczony na stronie film, aby zrozumieć, jak to działa. Do testów można uruchomić np. obraz dockera z projektem.

19) Jak 'postarzyć' współczesny film z użyciem ffmpeg w 4 prostych krokach
https://ottverse.com/create-vintage-videos-using-ffmpeg/
INFO: zmiana frame rate, zmiana kolorystyki, dodawanie ziarna filmowego - efekt jest przyjemny dla oka ;)

20) Ninja - Narzędzie do tworzenia skryptów budujących projekt - coś jak make, ale o znacznie prostszej składni
https://jvns.ca/blog/2020/10/26/ninja--a-simple-way-to-do-builds/
INFO: autorka pokazuje jak w kilku krokach można zautomatyzować prostą akcję

21) Google wycofuje się ze swojej oferty nielimitowanego storage dla Google Photos
https://www.theverge.com/2020/11/11/21560810/google-photos-unlimited-cap-free-uploads-15gb-ending
INFO: po przekroczeniu 15GB pojemności, trzeba będzie po prostu zapłacić. Zmiany wchodzą w życie od 1 czerwca 2021

22) Checka11y-css - wykrywanie problemów z dostępnością elementów na stronie z użyciem CSS
https://checka11y.jackdomleo.dev
INFO: dodaj ten arkusz CSS do deweloperskiej wersji swojej strony i natychmiast dowiedz się, co musisz poprawić, aby zwiększyć jej dostępność. Zobacz demo, aby zrozumieć, jak to działa. Tego NIE używa się na produkcji.

23) Layout flex - o co chodzi z atrybutami grow/shrink/basis
https://css-tricks.com/understanding-flex-grow-flex-shrink-and-flex-basis/
INFO: wymienione atrybuty wykraczają poza podstawowe użycie flex layoutu, więc warto doczytać kiedy i jak ich możemy używać

24) JAMstack (Javascript/API/Markup) zbudowany w oparciu o Netlify oraz Micro (m3o)
https://blog.m3o.com/2020/11/12/netlify-for-the-frontend-micro-for-the-backend.html
INFO: o ile Netlify jest mi znane, o tyle m3o poznałem dopiero dziś i wygląda to całkiem obiecująco (można założyć darmowe konto)

25) Git-user-switch - ekstremalnie proste przełączanie się między użytkownikami w repozytorium GIT
https://github.com/geongeorge/Git-User-Switch
INFO: za pomocą jednego polecenia (i kursorów) możesz zmieniać szybko swoją tożsamość, pod którą wykonujesz commity

== LINKI TYLKO DLA PATRONÓW ==

26) Jak zostać Shopify Developerem i zacząć tworzyć skórki i rozszerzenia do Shopify?
https://uw7.org/un_5fb273ae35d05
INFO: lista materiałów i tutoriali, które pomogą Ci bezboleśnie przejść przez ten proces. Przyda Ci się do obsługi (np. jako freelancer) firm handlujących na wspomnianej platformie

27) Jak szybko i skutecznie nauczyć się JavaScriptu? - pełen poradnik z odsyłaczami do materiałów
https://uw7.org/un_5fb273b4b11cc
INFO: jest tego sporo, ale forma podania jak dla mnie jest idealna. Dobre dla ludzi migrujących się z innych języków, jak i dla rozpoczynających naukę od zera.

28) Częste wpadki przy tworzeniu animacji webowych (film, ~20 minut)
https://uw7.org/un_5fb273ba137d3
INFO: ciekawa rozmowa z przykładami kodu. Co działa, ale nie tak jak powinno, a co nie działa wcale przy tworzeniu animacji i jak temu zaradzić?

==
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ę? To daj plusa :)

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #programowanie #ciekawostki #webdev #technologia #frontend #javascript pokaż całość

źródło: IMG_8DBDECAB1C48-1.jpeg

◢ #unknownews ◣

Nowe zestawienie ciekawych linków z branży IT już na Ciebie czeka - zaprasam do czytania.

1) Twórcy South Park ruszają z nową serią filmów satyrycznych wykorzystujących Deep Fake.
https://www.theregister.com/2020/11/02/in_brief_ai/
INFO: Szczególnie spodobał mi się realistycznie wyglądający twórca Facebooka sprzedający urządzenia do dializ :D

2) Interaktywna wizualizacja działania commitów w GIT
https://onlywei.github.io/explain-git-with-d3/
INFO: sugeruję kliknąć pierwszy przykład (commit), a następnie w czarnym oknie pobawić się komendami commit, branch, checkout. Pokombinuj też z push/pull z originem

3) Kilka ciekawych sztuczek usprawniających pracę z GITem
https://opensource.com/article/20/10/advanced-git-tips
INFO: autokorekta poleceń gita, licznik commitów, optymalizacja repozytorium, backup nietrackowanych plików itp.

4) Sztuczna inteligencja czasami może się pomylić i... uznać łysinę za piłkę
https://kottke.org/20/11/the-ai-who-mistook-a-bald-head-for-a-soccer-ball
INFO: kamera na stadionie jest sterowana przez AI i sama śledzi akcję na boisku. No, chyba że jakiś łysy wejdzie jej w kadr ;)

5) Aplikacja (iOS/Android/Windows/Mac) do klonowania obiektów ze świata rzeczywistego do komputera
https://clipdrop.co/
INFO: idealne rozwiązanie do tworzenia np. moodboardów. Aplikacja jest płatna, ale można pobrać za darmo wersję testową.

6) UX-owe rozmyślania na temat przycisku typu 'Switch' w interfejsie użytkownika
https://www.nngroup.com/articles/state-switch-buttons/
INFO: okazuje się, że usera można zdezorientować na wiele różnych sposobów...

7) Superpaper - zaawansowany system do zarządzania tapetami na wielu monitorach (Windows/Linux)
https://github.com/hhannine/superpaper
INFO: aplikacja oferuje wiele możliwości, ale jedna z najfajniejszych, to możliwość rozciągnięcia jednego obrazu na wszystkie monitory (zobacz na przykładach jak to wygląda)

8) Jak spełnić rządowe wytyczne dostępności stron internetowych wg normy WCAG 2.1? (rzuć okiem, nawet jeśli Cię to nie dotyczy)
https://dev.to/ordigital/wcag-2-1-wymagania-listy-kontrolnej-4ig7
INFO: bardzo fajne i przejrzyste opracowanie tematu dla tych, którym szkoda życia na czytanie kilkudziesięciu stron listy kontrolnej od Ministerstwa Cyfryzacji

9) Microsoft Teams miało kod sprawdzający uprawnienia dla teamów tylko na front-endzie. Przez API można to było je ominąć
https://o365blog.com/post/teams-policies/
INFO: prosta nauka do wyciągnięcia? Sprawdzaj wszystko client-side oraz server-side.

10) Winamp dla Windows 10 - poczuj nutkę nostalgii i odpal kultowy odtwarzacz muzyczny w wersji 2.x (link do pobrania na końcu artykułu)
http://www.mywinamp.com/winamp-for-windows-10-download/
INFO: uprzedzając najważniejsze ze wszystkich pytań, odpowiadam: tak, oryginalne skórki będą działać :D

11) Ponadprzeciętnie kreatywne podejście do layoutu gridowego w CSS
https://frontend.horse/articles/thinking-outside-the-box-with-css-grid/
INFO: kto powiedział, że layout nie może być izometryczny, lub że musi łączyć elementy pod kątem prostym?

12) Czy atrybut LANG faktycznie jest ważny w HTML? Większość stron i tak go pomija...
https://www.matuzo.at/blog/lang-attribute/
INFO: zobacz, dlaczego warto ustawić ten parametr poprawnie i jakie problemy może spowodować używanie jego nieprawidłowej wartości

13) Jaki jest sens korzystanie we współczesnym świecie z technologii RSS?
https://www.charlieharrington.com/unexpected-useless-and-urgent
INFO: autor wyjaśnia swój sposób postrzegania tematu. Słuszność koncepcji ładnie przedstawiona na obrazkach.

14) Niesamowicie realistyczne, sztuczne słońce - projekt (film, 24 minuty)
https://www.youtube.com/watch?v=6bqBsHSwPgw
INFO: świetne wyjaśnienie, dlaczego światło słoneczne wygląda tak, jak wygląda, co czyni je unikalnym i jak to zachowanie promieni symulować

15) Prosty generator online do tworzenia ładnych QR kodów z linkiem do strony
https://link-to-qr.com
INFO: podajesz link, wybierasz kolor, rozmiar, zaokrąglenie rogów, grubość kreski itp. i Twój kod jest gotowy

16) Raspberry Pi 400 - czyli nowy komputer z serii malinek. Tym razem wbudowany w klawiaturę (artykuł zawiera testy urządzenia + teardown)
https://www.jeffgeerling.com/blog/2020/raspberry-pi-400-teardown-and-review
INFO: całe urządzenie zbudowano od nowa (w środku klawiatury nie znajdziemy znanego nam modelu płytki). Ciekawe rozwiązanie przywodzące na myśl Commodore64. Nazewnictwo modeli zapożyczone z Atari (tutaj 400 = 4GB RAM)

17) Reverse Tabnabbing - rodzaj ataku, na który prawdopodobnie podatna jest Twoja strona
https://techblog.topdesk.com/security/developers-need-know-reverse-tabnabbing/
INFO: artykuł wyjaśnia nie tylko jak działa ten atak, ale także jak można się przed nim obronić na minimum dwa sposoby

18) Jak zostałem jednym z topowych userów Reddita, używając bota bazującego na Fast.ai
https://www.a8b.io/posts/10k-karma-reddit-bot/
INFO: ciekawy eksperyment polegający na automatycznym tworzeniu treści na potrzeby serwisu.

19) Rekursja vs iteracja - 13 sposobów na przeszukiwanie drzew binarnych
https://dev.to/codinglanguages/recursion-vs-iteration-13-ways-to-traverse-a-tree-2n89
INFO: może przydać się do przygotowań na rozmowie o pracę

20) Jak nie kłamać przy tworzeniu wizualizacji danych?
https://www.toptal.com/designers/ux/data-visualization-mistakes
INFO: zastosowanie pewnych technik może wprowadzić odbiorcę w błąd, ale niektórym właśnie o to chodzi ;)

21) Google pracuje nad możliwością podmiany tła w video callach na Meet
https://ai.googleblog.com/2020/10/background-features-in-google-meet.html
INFO: zobacz koniecznie przykładowe efekty pracy ich algorytmu. Robi niezłe wrażenie i radzi sobie z szybko poruszającymi się obiektami w kadrze.

22) Jak przygotować dobre portfolio, zależnie od wykonywanej profesji
https://www.toptal.com/designers/product-design/how-to-make-a-portfolio
INFO: prezentacja swoich umiejętności i dokonań nie zawsze jest prosta - warto rzucić okiem na tę garść porad

23) Youtube-dl został usunięty z GitHuba przez RIAA z powodu DMCA
https://news.perthchat.org/youtube-dl-removed-from-github/
INFO: GitHub niestety usunął nie tylko główne repozytorium, ale także wszystkie niezależnie rozwijane forki.

24) Kolekcja animowanych splash screenów / animacji 'loading' do użycia, gdy Twoja aplikacja się uruchamia
https://dev.to/webdeasy/25-awesome-loading-animations-where-you-like-to-wait-1b5f
INFO: niektóre z nich są naprawdę świetne, a wszystkie wykonano z użyciem HTML+CSS, w niektórych przypadkach wspierano się jeszcze odrobinę JSem

25) Jak wygenerować PLIK (nie kod) HTML w JavaScript? Taki gotowy do ściągnięcia.
https://blog.jim-nielsen.com/2020/export-to-html-from-javascript-using-blob-urls/
INFO: ten krotki przykład przedstawia, w jaki sposób można pracować z BLOBami w JS

== LINKI TYLKO DLA PATRONÓW ==

26) Wielka biblioteka koncepcji UX używanych przez znane firmy w aplikacjach mobilnych
https://uw7.org/un_5fa28e420e04e
INFO: szukasz inspiracji dla swojej nowej aplikacji? nie wiesz jak wykonać onboarding, jak prezentować produkty itp? zobacz, jak to robią inni

27) Ogromna kolekcja (3500+) wektorowych ikon z prawem do użycia w dowolnym projekcie
https://uw7.org/un_5fa28e48264b4
INFO: ikony można ściągnąć lub osadzić na stronie tak jak się to robi np. z 'Font Awesome'. Są też pluginy do Vue/React

28) Narzędzia do wyszukiwania informacji o ludziach - OSINT (ebook, ponad 500 stron)
https://uw7.org/un_5fa28e521cda9
INFO: niewiele tam jest do czytania, a dużo do przeklikiwania. Jest to zbiór narzędzi, o istnieniu których nawet nie śniłeś ;)

==
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ę? To daj plusa :)

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #programowanie #technologia #webdev #linux #ciekawostki #frontend pokaż całość

źródło: IMG_8CAAF0CF36DE-1.jpeg

◢ #unknownews ◣

Dzisiejsze wydanie zestawienia jest sponsorowane przez Maćka Aniserowicza - stąd link numer 4 w zestawieniu. Zgodnie z tradycją, gdy wydanie ma sponsora, wszelkie linki dostępne są bez ograniczeń (nie ma sekcji dla patronów). W ramach podziękowania dla Maćka, kliknijcie mu linka ;)

1) Jak bardzo Twój wygląd odbiega od normy? Sprawdź to w interaktywnym eksperymencie
https://www.hownormalami.eu/
INFO: badanie potrwa około 3-4 minuty. Musisz zezwolić na dostęp do kamery. Przez ten czas nic nie rób, tylko oglądaj film i słuchaj poleceń. Żadne dane nie są wysyłane na serwery. Wszystko odbywa się w Twojej przeglądarce.

2) Podstawowe metody reverse engineeringu (+MITM) wytłumaczone pod pretekstem analizy protokołu synchronizacji Kindle
https://ptbrowne.github.io/posts/whispersync-reverse-engineering/
INFO: nasłuchiwanie ruchu sieciowego na Raspberry Pi, wydobywanie requestów HTTP z dumpa, analiza protokołu komunikacji i inne

3) Chcesz przetrzymywać konfigurację lub dane tekstowe w formacie czytelnym dla człowieka? Co wybrać poza JSON i XML?
https://wiki.alopex.li/BetterThanJson
INFO: zestawienie omawia takie rozwiązania jak YAML, Protobuf, Cap'n Proto, Thrift, CBOR, Msgpack, BSON, TOML, RON, Bincode i jeszcze garść innych.

4) Szkolenie SmartTesting
https://smarttesting.pl
INFO: Kompleksowe szkolenie z testów dla programistów. Testy jednostkowe, integracyjne, wydajnościowe, E2E i inne. Wszystko to w 5 technologiach podczas 10 tygodni intensywnej nauki pod okiem profesjonalnych Mentorów.

5) Co powstanie z połączenia UNITY z LEGO? Framework do tworzenia gier z klocków lego oczywiście! ;)
https://blogs.unity3d.com/2020/10/23/start-creating-games-with-virtual-lego-bricks-in-our-new-lego-microgame/
INFO: za pomocą tego projektu możesz stworzyć swoją pierwszą grę, budując cały świat z klocków lego i programując interakcje ze światem wyklikując wszystko bez pisania kodu

6) Zaawansowany generator layoutu bazującego na gridzie
https://grid.layoutit.com
INFO: obsługa nie jest intuicyjna, ale efekty są naprawdę ciekawe. Po dodaniu każdego 'slota' musisz nadać mu nazwę i kliknąć 'save', aby dało się dodać kolejny.

7) Pseudoklasa :focus-visible w CSS - dlaczego jest tak ważna z punktu widzenia accessibility?
https://matthiasott.com/notes/focus-visible-is-here
INFO:

8) Aplikacja na iOS, powiadamiająca o wszystkich eventach związanych z kosmosem
https://spacetimekit.com/
INFO: starty rakiet, udane lądowania, transmisje - wszystko w jednym miejscu, za darmo i bez reklam

9) Blockchain - niesamowita technologia do... niczego?
https://thecorrespondent.com/655/blockchain-the-amazing-solution-for-almost-nothing/86714927310-8f431cae
INFO: dlaczego technologia ta nie zrewolucjonizowała świata tak, jak zapowiadano? Tekst pokrótce omawia też czym blockchain jest i jak działa.

10) Cursus - cała Twoja historia wydawanych na Linuksie poleceń w jednej bazie danych
https://gitlab.com/n0r1sk/cursus
INFO: narzędzie umożliwi Ci odszukanie dowolnej, wyszukiwanej w przeszłości komendy. Nie masz już limitu kilku tysięcy ostatnich wywołań, a do tego zyskujesz bardzo wygodne wyszukiwanie

11) Rozwiązanie problemu z kolejkami do toalety w pracy - z użyciem Raspberry Pi oraz Pythona ;)
https://dev.to/polakshahar/project-loo-the-best-time-wasting-amazing-over-engineered-project-of-my-life-37m7
INFO: projekt rozrywkowy, ale w interesujący i stosunkowo prosty sposób łączy świat hardware i software.

12) WebCodec API - nowa zabawka dla frontendowców. Obróbka filmów w locie, na stronie WWW w JS
https://web.dev/webcodecs/
INFO: technologia dopiero wchodząca, więc poza najnowszą wersją Chrome, na niczym nie udało mi się tego uruchomić

13) Darmowa usługa VPN działająca w modelu rozproszonym P2P (odrobinę podobne do TORa)
https://www.freepn.org
INFO: ciekawa koncepcja, a do tego w pełni open source. Obecnie dostępny jest jedynie instalator dla Ubuntu i Gentoo

14) Jak tworzyć unit testy do obrazów dockera (a konkretnie do plików Dockerfile)?
https://dev.to/gasparev/docker-unit-test-how-to-test-a-dockerfile-guide-2020-435d
INFO: bardzo prosty przykład pokazujący co i jak możemy sprawdzać w utworzonym obrazie

15) Lista kilkunastu użytecznych rozszerzeń do przeglądarki Chrome
https://dev.to/tracycss/chrome-extensions-you-should-have-in-your-pocket-11mb
INFO: niektóre z nich uprzyjemnią Ci pracę, inne zwiększą produktywność. Wiele jest mało znanych.

16) Reader View w command line - czyli narzędzie do wyciągania treści ze strony
https://github.com/eafer/rdrview
INFO: jako parametr podajesz adres URL, a narzędzie wyciąga np. tylko treść artykułu, bez reklam, nagłówków, menu, stopki itp. Może się przydać przy scrapowaniu contentu

17) Fonts Ninja - rozszerzenie do przeglądarki identyfikujące fonty użyte na stronie
https://chrome.google.com/webstore/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh
INFO: podaje nie tylko nazwę użytego fonta, ale także jego parametry (np. rozmiar, czy dostępy między znakami). Rozpoznaje fonty także w PDFach.

18) Jak naprawdę działa konstrukcja SWITCH w języku C?
https://blog.robertelder.org/switch-statements-statement-expressions/
INFO: interesujący artykuł, który wyjaśnia, że niezupełnie tak to działa, jak mogłoby się wydawać

19) Chatboty miały być przyszłością Internetu - dlaczego tak się nie stało i co poszło nie tak?
https://is.gd/my_chatboty_is_dead
INFO: garść przemyśleń na temat idei tworzenia chatbotów

20) Bardzo ciekawie zrealizowany tzw. program quine w HTML - strona jednocześnie wypisuje swój kod HTML, jak i dodaje sobie style
https://secretgeek.github.io/html_wysiwyg/html.html
INFO: założenie 'quine' jest takie, że kod powinien wypisywać samego siebie na ekran. Dość zabawnie wygląda to, gdy masz aktywnego adblocka, więc może lepiej go wyłączyć przeglądając tę stronę

21) Zarządzanie backupami Linuksa przez interface webowy - Rdiffweb
https://opensource.com/article/20/10/rdiffweb
INFO: narzędzie pod spodem używa aplikacji 'rdiff-backup', jednak GUI umożliwia tworzenie użytkowników i zarządzanie plikami w wygodniejszy sposób

22) Instalujesz pakiety z NPMa? te trzy paczki instalowały backdoora na Twoim serwerze
https://www.zdnet.com/article/three-npm-packages-found-opening-shells-on-linux-windows-systems/
INFO: wymienione biblioteki dawały agresorom dostęp do powłoki (wykonywanie poleceń) na maszynie, na której działały

23) Jak budowano mosty w średniowieczu (animacja, 1 minuta)
https://twitter.com/KiwiEV/status/1316493212605911040
INFO: mało związane z IT, ale spodobało mi się na tyle, że musiałem się tym podzielić ;)

24) Microsoft wypuścił testową wersję przeglądarki Edge... na Linuksa
https://blogs.windows.com/msedgedev/2020/10/20/microsoft-edge-dev-linux/
INFO: obecnie z Edge można było korzystać na Windowsie i Macu, a do zestawu dochodzi jeszcze Linux. Przyda się ludziom testującym frontend, a pracującym na Linuksie

25) Wprowadzenie do wyrażeń regularnych - w bardzo 'wizualny' sposób
https://dev.to/amitness/a-visual-guide-to-regular-expression-i3
INFO: przystępnie (i na obrazkach!) przedstawiona koncepcja regexów. Autor implementuje wszystko w Pythonie, ale tak samo będzie to działało w innych językach

26) Nowa koncepcja samochodów elektrycznych? Zobacz film przestawiający jak to działa
https://www.fastcompany.com/90562654/car-design-is-about-to-change-forever-this-video-encapsulates-how
INFO: w praktyce, to bardzo duża deskorolka elektryczna, ale zdatna do instalacji kabiny.

27) Symulator origami - wybierz wzór i za pomocą suwaka na dole zobacz, jak to jest zrobione
https://origamisimulator.org
INFO: muszę przyznać, że model 'Moosers Rigid Train' (z 'examples') wywołał u mnie efekt "WTF?!"

28) Przeglądarka w przeglądarce od Cloudflare? - ciekawy sposób na skrajnie bezpieczne przeglądanie internetu
https://blog.cloudflare.com/browser-beta/
INFO: streamowanie gier już było, to czas na streama z przeglądarki. Rozwiązanie daje 100% pewności, że niczym się nie zainfekujesz, wchodząc na podejrzany adres URL, a jednocześnie będziesz mógł normalnie używać czy analizować niebezpieczną aplikację.

==
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ę? To daj plusika :)

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #programowanie #ciekawostki #frontend #webdev #devops #internet #technologia pokaż całość

źródło: IMG_ED0AE39CF95B-1.jpeg

◢ #unknownews ◣

Wołanie nie działa - zapisz się lepiej na newsletter i otrzymuj zestawienie prosto do skrzynki.

1) The Hike - Interaktywna gra na VideoCalle (Zoom, Slack itp) - dobre jako zabawa integracyjna dla zdalnych teamów (+/- Coop RPG)
https://arc.dev/w/remote-game
INFO: niczego nie musisz instalować. Ściągasz 'podręcznik mistrza gry', właściwą grę. Dobrze gra się do max 70 osób na callu. Wspólnie podejmuje się decyzje. Wszyscy współpracują. Rozgrywka trwa 60-90 minut. Ważne: NIKT poza mistrzem gry nie może przeczytać wcześniej slajdów z grą (to chyba oczywiste?).

2) Programowanie bez użycia rąk? pisanie kodu samym głosem? wygląda ciekawie
https://joshwcomeau.com/accessibility/hands-free-coding/
INFO: rzuć okiem na załączone filmy, aby zobaczyć jak to wygląda w praktyce. Autor opracował to rozwiązanie ze względu, na uraz jakiego doznał. Nie jest to więc typowa fanaberia.

3) Trwająca 8 lat, próba zdigitalizowania 45 kaset VHS do wersji DVD
https://mtlynch.io/digitizing-1/
INFO: ciekawy artykuł opisujący problemy związane z tym procesem, ich rozwiązanie i automatyzacja procesu. Na końcu artykułu jest link do części drugiej.

4) Wszystko, co chciałbyś wiedzieć o używaniu zmiennych w CSS
https://ishadeed.com/article/css-vars-101/
INFO: mowa o natywnych zmiennych (bez użycia SESS/LESS itp.)

5) Bravo - aplikacja przerabia Twoje projekty z Figmy na klikalne prototypu działające na iOS/Androida
https://www.bravostudio.app
INFO: narzędzie nie tworzy samych zaślepek, ale prawdziwą, działającą (i operującą na danych) aplikację. Rozwiązanie NoCode.

6) Ile adresów IP (IPv4) posiada AWS i ile one są warte?
https://toonk.io/aws-and-their-billions-in-ipv4-addresses/index.html
INFO: liczba adresów jest dość zaskakująca, a artykuł rozbija wszystkie posiadane podsieci na części i opisuje, jak i kiedy AWS je zdobył.

7) Jak zrobić screenshota pełnej strony w Chromie, ale bez użycia zewnętrznych narzędzi i rozszerzeń?
https://swimburger.net/blog/web/hidden-gem-take-screenshots-using-built-in-commands-in-chrome-edge
INFO: rozwiązanie bazuje na komendach dostępnych w webtoolsach. Sprawdziłem i na Operze ta metoda działa tak samo dobrze.

8) Przegląd kilkunastu popularnych błędów logicznych, na jakie można natknąć się przy prowadzeniu dyskusji
https://www.cardsoflogic.com
INFO: znajdź ten, którym ostatnio zaatakowano Cię w komentarzach w Internecie ;)

9) Obsługa tzw. przypadków brzegowych przy projektowaniu struktury danych - na przykładzie książki kucharskiej
https://buttondown.email/hillelwayne/archive/edge-case-poisoning/
INFO: trzymanie przepisów kulinarnych (z podziałem na składniki i ich ilość) w bazie danych nie jest trudną sprawą - prawda? ;)

10) Zamiana obrazu z webcamery na żywo w 'rysowany' komiks (tworzymy filtr w JS)
https://frontend.horse/articles/sketchy-webcam-filter-effects/
INFO: szczerze mówiąc, to nie sądziłem, że obsługa kamery w JavaScript jest tak prosta. Miłe zaskoczenie.

11) Budowa responsywnego designu z uwzględnieniem proporcji elementów na stronie (tutorial)
https://piccalil.li/tutorial/build-a-responsive-media-browser-with-css/
INFO: nie jest to takie proste zadanie, jak mogłoby się wydawać. Tutaj zrealizowane na przykładzie odtwarzacza wideo z playlistą.

12) Szybkie wprowadzenie do Web Push Notification na stronach WWW
https://medium.com/expedia-group-tech/web-push-notifications-a-proof-of-concept-47269b17c7cb
INFO: artykuł pokazuje jak samodzielnie, bez dodatkowych bibliotek, zaimplementować od zera takie powiadomienia

13) Konfiguracja środowiska pracy dla developera PHP: PHP Storm + Docker + WSL2 (Film, 17 minut)
https://youtu.be/86Yu0XuXwSs
INFO: tutorial realizowany jest na Windows 10.

14) Cryptomator - aplikacja do przetrzymywania zaszyfrowanych plików (w dowolnej) Chmurze (Windows/Linux/Mac)
https://fosspost.org/encrypt-cloud-storage-crpytomator/
INFO: aplikacja tworzy szyfrowany wolumen, który można synchronizować z użyciem np. Dropboxa, Google Cloud itp.

15) VisiData - narzędzie do wizualizacji danych (arkusze kalkulacyjne, pliki CSV i inne) w... terminalu (film, a nawet cała playlista)
https://www.youtube.com/watch?v=N1CBDTgGtOU&list=PLxu7QdBkC7drrAGfYzatPGVHIpv4Et46W&index=1
INFO: trzeba przyznać, że efekty są imponujące

16) Jak za pomocą darmowych narzędzi rozbić gotowy utwór na jego ścieżki/źródła składowe (wokal, gitara, perkusja itp)
https://source-separation.github.io/tutorial/landing.html
INFO: pracy jest przy tym niestety dużo, a czytając tego ebooka online przy okazji poznasz trochę teorii ze świata obróbki audio (spis treści masz po lewej, to nie jest jedna strona)

17) Tworzenie testów jednostkowych w Jest Testing Framework - wprowadzenie
https://dev.to/ezesunday/introduction-to-unit-testing-with-javascript-and-jest-2jdg
INFO: dobry tutorial pozwalający możliwie szybko zacząć pracę ze wspomnianym frameworkiem

18) Czy używanie CDNów do hostowania bibliotek JavaScript, to aby na pewno dobry pomysł?
https://shkspr.mobi/blog/2020/10/please-stop-using-cdns-for-external-javascript-libraries/
INFO: kilka argumentów przeciwko tej teorii. Autor przy okazji wspomina o kwestiach bezpieczeństwa (SRI - SubResource Integrity)

19) Animacja 'Ripple' (fale na wodzie?) na buttonie, zrealizowana z użyciem CSS+JS
https://css-tricks.com/how-to-recreate-the-ripple-effect-of-material-design-buttons/
INFO: jest to animacja rozpoczynająca się w miejscu, w którym użytkownik kliknie myszką. Interesujący, ale trudny do uzyskania efekt.

20) Co się stało z Serverless? Jakie problemy rozwiązało to podejście, a gdzie się nie sprawdziło?
https://www.infoq.com/articles/serverless-stalled/
INFO: hype na rozwiązania serverless lekko ucichł. Ciekawe przemyślenia autora na ten temat

21) BIT - ciekawy, terminalowy zamiennik dla komendy GIT. To bardzo rozbudowany klient umożliwiający pracę z repozytoriami
https://github.com/chriswalz/bit
INFO: wygląda na ciekawe rozwiązanie dla początkujących programistów. Zobacz załączone animacje, aby zrozumieć jak to działa

22) Zrób sobie samodzielnie pakiet Office w przeglądarce (edytor tekstu, aplikacja do prezentacji, arkusz kalkulacyjny itp)
https://zserge.com/posts/awfice/
INFO: to oczywiście tekst napisany z przymrużeniem oka, ale można nauczyć się z niego kilu ciekawych sztuczek i rozwiązań z JS

23) Galeria obrazów dostępnych w domenie publicznej (czyli używając ich w swoich projektach, nie łamiesz niczyich praw autorskich)
https://artvee.com
INFO: przydatne jeśli np. chcesz wydrukować sobie kilka obrazów do przystrojenia biura w skrajnie oldschoolowym stylu

24) Często stosowane wzorce UI, jakie można znaleźć na stronach - karty, split-screeny, gridy itp
https://www.toptal.com/designers/ui/web-layout-best-practices
INFO: przegląd popularnych rozwiązań wraz z ich analizą

25) Google eksperymentuje ze śledzeniem adresów URL w wiadomościach email (w gmailu)?
https://hackaday.com/2020/10/21/google-meddling-with-urls-in-emails-causing-security-concerns/
INFO: oryginalne adresy URL zmieniają się w 'Googlowe'. Obecnie Google testuje to tylko na klientach GSuite. Nie wiadomo czy/kiedy trafi do darmowej poczty.

== LINKI TYLKO DLA PATRONÓW ==

26) Garść porad na temat używania Dockera w pracy pentestera (i nie tylko...)
https://uw7.org/un_5f91568089ce0
INFO: do czego może się przydać? jak go zgrabnie oskryptować? jak zdokeryzować Windowsową aplikację?

27) Biblia programowania w powłoce Linuksa - rozwiązania dla trudniejszych problemów
https://uw7.org/un_5f9156864fbb2
INFO: świetna publikacja online ze snippetami (+wyjaśnienia), które realizują użyteczne akcje w powłoce

28) Startujesz ze swoim projektem/startupem i chciałbyś go gdzieś wypromować? oto potencjalne miejsca
https://uw7.org/un_5f91568c45d70
INFO: lista ponad 150 miejsc w sieci, w których możesz opublikować informację o starcie swojego projektu.

==
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ę? To daj plusa :)

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #programowanie #ciekawostki #frontend #webdev #devops pokaż całość

źródło: IMG_56D776EC704B-1.jpeg

◢ #unknownews ◣

Jako, że wołanie nie działa - sugeruję zapisać się na newsletter, aby otrzymywać newsy prosto na swojego maila
https://unknow.news

1) FreeYourMusic - chcesz zmienić Spotify na coś innego, ale żal Ci playlist? Oto rozwiązanie.
https://freeyourmusic.com/pl/blog/spotify-tries-to-hold-your-playlists-hostage
INFO: obecnie serwis obsługuje 19 serwisów docelowych. Usługa jest płatna, ale kosztuje niewiele. Za darmo można przenieść do 100 utworów.

2) Ile ataków terrorystycznych udaremnił program podsłuchiwania rozmów telefonicznych na terenie USA (realizowany jako część PRISM)?
https://tutanota.com/blog/posts/nsa-phone-surveillance-illegal-expensive/
INFO: trzeba przyznać, że wyszła im z tego całkiem okrągła liczba... program kosztował ponad $100mln

3) Jedna funkcja w CSS, która pomoże Ci bardzo szybko tworzyć responsywne strony
https://dev.to/dip15739/responsive-website-with-only-1-css-property-3ea9
INFO: jako parametr do funkcji podajesz trzy wartości: minimalną, optymalną i maksymalną, a przeglądarka dostosuje wybrany parametr do potrzeb użytkownika

4) Implementacja tzw. Full-Bleed layoutu z użyciem CSS Grida
https://joshwcomeau.com/css/full-bleed/
INFO: to jeden z najpopularniejszych layoutów z dawnych czasów: nagłówek, stopka, trzy kolumny, w środku treść, po lewej nawigacja i po prawej miejsce na reklamy. Klasyczna implementacja prowadzi jednak do pewnych problemów (zwłaszcza na wielkich monitorach). Tutaj jest rozwiązanie.

5) Deepwork FM - radio online z muzyką do pracy. Posiada jedynie 4 kanały.
https://deepwork.fm/
INFO: ciekawa koncepcja. Kanały oferują jedynie niekomercyjną muzykę, podzieloną na 4 kategorie

6) Tworzysz API - jaki mechanizm uwierzytelnienia wybrać?
https://dev.to/apoorvtyagi/different-ways-to-authenticate-your-apis-380h
INFO: basic auth, OAuth, a może zwykły klucz do API? Analiza zalet i wad każdej z tych metod.

7) Ogromny zbiór materiałów na temat dostępności stron internetowych
https://a11yresources.webflow.io
INFO: wszystkie materiały są podzielone na kategorie.

8) Hasła na stronach schowane za gwiazdkami? a gdyby tak z tego zrezygnować?
http://passwordmasking.com
INFO: ciekawa koncepcja do zaimplementowania na stronie. Warte przemyślenia.

9) Było już Facebook stories, InstaStory, a teraz czas na... Google Stories!
https://amp.dev/about/stories/
INFO: Google rozbudowuje swój framework AMP o możliwość tworzenia stories. Na końcu artykułu są linki do generatorów takich stron.

10) NastedText - przyjazny dla człowieka format danych (alternatywa dla JSON, XML, JAML itp)
https://nestedtext.org/en/stable/
INFO: pierwszorzędnym celem projektu jest zwiększenie czytelności danych dla człowieka

11) Jak działają algorytmy kompresji danych?
https://go-compression.github.io/
INFO: wiedza przydatna zwłaszcza na studiach. Warto rzucić okiem na interaktywne prezentacje algorytmów. Wszystko masz w menu po lewej.

12) Kojarzysz Hacktoberfest? Za sprawą Digital Ocean, przypadkiem zmienił się on w Spamtoberfest
https://drewdevault.com/2020/10/01/Spamtoberfest.html
INFO: firma rozdaje T-Shirty każdemu, kto zrobi pull-request na Githubie do projektu Opensource. Nie trzeba było długo czekać na wysyp spamowych zgłoszeń

13) Skrajnie prosty w obsłudze i w pełni szyfrowany (end-to-end) czat online. Nie wymaga instalacji żadnego softu
https://keychat.online
INFO: mechanizm opiera się na technologii socket.io i kluczu publicznym/prywatnym.

14) Hetty - darmowa, otwartoźródłowa alternatywa dla Burp Suite Pro / OWASP ZAPP
https://github.com/dstotijn/hetty
INFO: ciekawostką w tym projekcie jest fakt, że obsługuje się go przez interfejs webowy. Obecnie nie ma wielu użytecznych funkcji, ale do podstawowego debugowania aplikacji bazujących na HTTP/HTTPS powinien wystarczyć.

15) Visx - narzędzie (od Airbnb) do tworzenia pięknych i interaktywnych wizualizacji danych w React
https://medium.com/airbnb-engineering/introducing-visx-from-airbnb-fd6155ac4658
INFO: na końcu artykułu dołączone są przykładowe wizualizacje wygenerowane w Visx

16) Kogoś bardzo męczyło dotykanie YubiKeya (klucz U2F) przy każdym logowaniu, więc stworzył to...
https://bert.org/2020/10/01/pressing-yubikeys/
INFO: projekt raczej z serii humorystycznych, ale można się z niego nauczyć np. sterowania silnikami krokowymi w Arduino

17) Czasami warto zaimplementować przyciski na stronie jako stylowane checkboxy
https://christianheilmann.com/2020/09/24/checkboxes-make-excellent-buttons/
INFO: warto użyć jego rozwiązania gdy przycisk ma sygnalizować stan wciśnięty/wyciśnięty (on/off). Na stronie jest przykład.

18) Przegląd systemów komentarzy zdatnych do umieszczenia na stronach statycznych
https://lisakov.com/projects/open-source-comments/
INFO: wszystkie rozwiązania są opensource i działają w modelu selft-hosted. Oczywiście, aby to działało, musisz mieć serwer, na którym uruchomisz dany system (więc tylko strona będzie statyczna - nie system komentarzy do niej)

19) Nie tak łatwo jest obecnie kupić "głupi" telewizor - wszystkie są "Smart". Interesujące modele bez smart funkcji
https://pointerclicker.com/best-dumb-tv/
INFO: jeśli boisz się, że Twój telewizor będzie Cię śledził, albo po prostu nie interesuje Cię posiadanie systemu operacyjnego na TV, to w artykule masz dwie interesujące propozycje

20) Jak generowane są identyfikatory UUID i co można z nich wyczytać?
https://digitalbunker.dev/2020/09/30/understanding-how-uuids-are-generated/
INFO: wiedza dla prawdziwych pasjonatów, którzy dogłębnie chcą poznać każdą, używaną przez siebie technologię ;)

21) Curtains.js - biblioteka JS do tworzenia efektownych przejść między klipami wideo na stronie
https://tympanus.net/codrops/2020/10/07/webgl-video-transitions-with-curtains-js/
INFO: rzuć okiem na "View demo", a natychmiast zrozumiesz, o co chodzi. Niektóre z efektów przypominają starego PowerPointa, ale przy sprytnym użyciu może to wyglądać bardzo schludnie.

22) Ucollage - przeglądarka plików graficznych w terminalu
https://pythonawesome.com/a-terminal-image-viewer-based-on-uberzug/
INFO: dzięki tej aplikacji, bez wychodzenia z powłoki można na szybko przeglądnąć, co przedstawiają zdjęcia, które chcemy np. usunąć czy wysłać na inny serwer. Twoja aplikacja terminala musi obsługiwać renderowanie grafiki (większość nowoczesnych to obsługuje).

23) Wykonanie ataku XSS z użyciem... biblioteki przeciwdziałającej atakom XSS ;)
https://research.securitum.com/mutation-xss-via-mathml-mutation-dompurify-2-0-17-bypass/
INFO: bardzo ciekawe obejście funkcji zabezpieczającej input w bibliotece DOMPurify. Interesujące zwłaszcza dla ludzi z branży security.

24) Przegląd i benchmark dostępnych usług hostingowych dla statycznych stron
https://www.savjee.be/2020/05/benchmarking-static-website-hosting-providers/
INFO: która z usług działa najszybciej? Okazuje się, że prawdopodobnie najpopularniejszy hosting jest najwolniejszy. Jest też porównanie wyników szybkości z tymi z 2017 roku

25) Narzędzie do... rzeźbienia online w 3D (uwaga: wciąga)
https://stephaneginier.com/sculptgl/
INFO: Twoje ruchy powtarzane są na rzeźbie symetrycznie. Masz do wyboru sporo narzędzi (menu z prawej). Swoją rzeźbę możesz obracać w trzech wymiarach.

26) Whiteboard - prawdopodobnie najprostsza w obsłudze, współdzielona tablica online
https://witeboard.com
INFO: potrzebujesz coś na szybko narysować na spotkaniu? Wchodzisz na powyższy adres, kopiujesz URLa, pod który Cię przekierowało i udostępniasz zainteresowanym. Tablica wykrywa podstawowe kształty i je 'wyrównuje' (spróbuj narysować kwadrat, koło itp)

27) Google wycofuje swój plan oferujący nielimitowaną pojemność dysku za $12/msc.
https://petapixel.com/2020/10/12/google-is-killing-unlimited-drive-storage-for-non-enterprise-users/
INFO: od teraz plany unlimited będą oferowane tylko dla użytkowników enterprise

== LINKI TYLKO DLA PATRONÓW ==

28) Chcesz przygotować profesjonalną prezentację swojego projektu/startupu? Oto ponad 1200 slajdów z prawdziwych prezentacji
https://uw7.org/un_5f882ca5ee53f
INFO: wszystko podzielone na kategorie - slajdy otwierające, roadmapy, wyniki finansowe, badania rynkowe i wiele innych. Świetne.

29) Narzędzie wyciągające dane na temat dowolnego konta Google (OSINT)
https://uw7.org/un_5f882cbab2639
INFO: podajesz maila ofiary, a w odpowiedzi dostajesz imię+nazwisko, model posiadanego telefonu, Google ID, prowadzone kanały na Youtube i inne. Sugeruję założyć ODDZIELNE konto na gmailu do używania tego softu, ponieważ korzysta on z Twojego konta.

30) Podstawowe zasady bezpieczeństwa przy tworzeniu Dockerfile - czyli jak nie zrobić sobie krzywdy i nie narobić problemów
https://uw7.org/un_5f882cc0e16d9
INFO: kilka ciekawych sztuczek, które zagwarantują, że Twój soft będzie działał tak, jak założyłeś i nie zaliczysz po drodze jakiejś wpadki związanej z Dockerem

Patronem zostaje się tutaj: https://patronite.pl/unknow

==
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

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #technologia #ciekawostki #webdev #programowanie #narzedzia #naukaprogramowania pokaż całość

źródło: IMG_35B5B5F5F633-1.jpeg

◢ #unknownews ◣

Cotygodniowa porcja wyselekcjonowanych linków z branży IT

Podoba Ci się to, co robię? Możesz zostać patronem albo po prostu dać plusa :)

1) Efekt Pulfrich - jak Twój mózg tworzy obraz 3D z 2D i jaki to ma związek z programowaniem?
https://stitcher.io/blog/why-light-themes-are-better-according-to-science
INFO: z tekstu dowiesz się, czy lepiej używać jasnej, czy ciemnej skórki w aplikacjach i zaoszczędzisz dzięki temu minimum 15ms swojego życia ;)

2) Dlaczego wpisanie w HTML/CSS koloru "chucknorris" daje czerwień, "chucknorri" podobnie, ale już "chucknorr" zwraca żółty?
https://stackoverflow.com/questions/8318911/why-does-html-think-chucknorris-is-a-color
INFO: ma to coś wspólnego z autokorektą hex kodów używanych do zapisu kolorów. Taka ciekawostka.

3) Seria filmów "Oldschool" - pierwsza część luźnych pogadanek na temat dawnych technologii związanych z Internetem
http://www.youtube.com/watch?v=ZKsuw8NIb7I
INFO: nagrania pochodzą z Instagrama, stąd ich pionowy format.

4) Nauka podstaw statystyki za pomocą pięknych wizualizacji zrobionych w d3.js
https://seeing-theory.brown.edu/index.html
INFO: gdy już skończysz bawić się animacją na stronie głównej, to później też jest ciekawie. Trochę niewygodna nawigacja między rozdziałami (jest ich 6)

5) Ponad 100 tysięcy gwiazd na jednej stronie (a przynajmniej tyle jest nazwanych) - eksploruj kosmos z użyciem myszki
https://stars.chromeexperiments.com
INFO: nawigacja jest dość specyficzna, ale jeśli nie chcesz z nią walczyć, to po prostu kliknij "Take tour"

6) Jak działa mierzenie otwieralności w wiadomościach email i jakie to niesie ze sobą problemy?
https://missiveapp.com/blog/life-and-death-of-read-tracking
INFO: z teksu dowiesz się jak i dlaczego takie pomiary nie są wiele warte i co do tego wszystkiego ma GDPR

7) Tworzenie niesamowitych przycisków webowych, w które aż chce się kliknąć
https://frontend.horse/articles/buttons-that-spark-joy/
INFO: z wymienionych rozwiązań nie znalem wcześniej np. MorphSVG, a efekty uzyskane z użyciem tej biblioteki robią wrażenie

8) Ransomware na ekspresie do kawy? W obecnych czasach jest to już możliwe
https://decoded.avast.io/martinhron/the-fresh-smell-of-ransomed-coffee/
INFO: przykład realnego ataku na ekspres z funkcją sterowania przez neta. Jak się okazuje, na takim urządzeniu można wykonać zdalny (złośliwy) kod

9) Zbuduj dostosowaną do swoich potrzeb wyszukiwarkę bazującą na silniku Google
https://programmablesearchengine.google.com/about/
INFO: możesz zawęzić wyszukiwanie do wybranych stron, dodać domyślne opcje szukania (język, keywordsy itp), a nawet emitować swoje reklamy Adsense, za które dostaniesz wynagrodzenie

10) Czym są CDNy, jak działają i dlaczego są potrzebne?
https://web.dev/content-delivery-networks/
INFO: jak działa zarządzanie cachem na CDN? jak steruje się czasem cachowania i jak zabronić wrzucaniu czegoś do cache? Bardzo przystępnie omówiony temat

11) Lista rzeczy, które mogą pójść źle przy wyświetlaniu fontów
https://www.figma.com/blog/when-fonts-fall/
INFO: wyświetlanie emoji, znaczki narodowe, znaki specjalne niedostępne w niektórych fontach itp. Interesujące przykłady.

12) Lista 9 filmów, które warto zobaczyć jako programista (fabularne, nie tutoriale!)
https://dev.to/ombharatiya/9-must-watch-movies-for-programmers-4kgp
INFO: większość znajdziesz od ręki na Netflixie. Niektóre to świeże produkcje z ostatnich lat (czy nawet z 2020r)

13) Cztery sposoby na deploy aplikacji w 2020 roku - ich zalety i wady
https://dev.to/ersauravadhikari/4-ways-of-deploying-web-apps-in-2020-1a55
INFO: Jenkins, Github Actions, Bitbucket Pipelines, Travis-CI, Circle-CI - jak to wszystko ogarnąć i co wybrać?

14) CloudfLare rusza z własną alternatywą dla Google Analytics
https://www.cloudflare.com/analytics/
INFO: rozwiązanie od CF jest bardziej nastawione na prywatność i nie wymaga WCALE instalacji (o ile Twoja domena już korzysta z CF)

15) LS_COLORS - narzędzie koloruje pliki w wyjściu wielu komend (Linux/Unix)
https://github.com/trapd00r/LS_COLORS
INFO: można przez to przepuścić np. wyniki 'find' i szybkim rzutem oka odróżnić np. obrazki od plików dźwiękowych

16) Nauka obsługi Socket.IO w Node na przykładzie tworzenia gry multiplayer
https://dev.to/denislav__/how-to-use-socket-io-not-the-chat-3l21
INFO: użyte technologie/rozwiązania to node, express, socket.IO i npm.

17) Code with me - rozszerzenie do zdalnego code programingu w JetBrains IDE
https://blog.jetbrains.com/blog/2020/09/28/code-with-me-eap/
INFO: obecna wersja rozszerzenia jest darmowa, ale na stronie podano, że pracują już nad "flexible pricing plans" :(

18) SSH-audit - narzędzie sprawdzająca poprawność (i bezpieczeństwo) konfiguracji serwera/klienta SSH (Linux/Unix)
https://pythonawesome.com/a-tool-for-ssh-server-client-configuration-auditing/
INFO: użyteczne jeśli tuningujesz domyślne ustawienia i wolałbyś niczego nie zepsuć

19) Jednolinijkowce w Ruby - dla tych, którzy nie tykają perla
https://learnbyexample.github.io/learn_ruby_oneliners/one-liner-introduction.html
INFO: wśród adminów 'one-liners' były od zawsze popularne w perlu. Jak się okazuje, to samo można uzyskać w Ruby, ale w czytelniejszej wersji

20) Tworzenie szablonów dokumentów w GNOME (Linux) - dotyczy wszystkich typów dokumentów
https://opensource.com/article/20/9/gnome-templates
INFO: często tworzysz podobnie wyglądające raporty, notatki itp? Takie szablony będą dla Ciebie idealnym rozwiązaniem

21) WireFlow - narzędzie do wspólnego tworzenia schematów user flow (przydatne przy projektowaniu serwisów WWW)
https://wireflow.co
INFO: rozwiązania możesz używać w wersji online lub selfhosted. Przyjemny w użyciu soft.

22) Kolekcja kilkunastu serwisów mogących Ci pomóc w hostowaniu własnej aplikacji online
https://dev.to/insanenaman/15-easy-peasy-services-to-deploy-your-static-webapp-for-free-4m2b
INFO: pierwsze 14 szuk posiada darmowe pakiety.

23) Libre 5 - pierwszy (wg producenta) telefon mogący pracować jako desktop (z desktopowym OS i aplikacjami!)
https://puri.sm/posts/desktop-and-phone-convergence/
INFO: istnieją inne takie rozwiązania, ale najczęściej jest to tylko możliwość podłączenia monitora/klawiatury/myszki do androida. Tutaj można instalować zwykłe, desktopowe aplikacje.

24) Anbox - korzystaj z androidowych aplikacji na Linuksie
https://anbox.io
INFO: co odróżnia ten projekt od innych tego typu? Android jest zintegrowany z zewnętrznym OS i może wymieniać z nim dane. Nie jest odpalany w Qemu jak to robi konkurencja

25) Aplikacja (iOS) do planowania zadań w nietypowy sposób - zamiast konkretnych terminów podajesz przedział czasu (np. ten rok, przyszły miesiąc itp)
https://www.strongweekapp.com
INFO: bardzo pomysłowe rozwiązanie dla ludzi z za duża liczbą pomysłów, które wpisują na ToDo listę robiąc z niej przy okazji śmietnik

== LINKI TYLKO DLA PATRONÓW ==

26) Lista dziwnych, strasznych, a niekiedy po prostu głupich zastosowań AI w projektach
https://uw7.org/un_5f7d6cb57b731
INFO: wykrywacz orientacji seksualnej na podstawie fotek? wykrywanie przyszłych przestępstw niczym w "Raporcie mniejszości? system wyliczania wiarygodności kredytowej oparty na tym kogo znasz i co kupujesz?

27) Lista 12 sposobów na cofnięcie swoich błędów w GIT (część 1) - filmy
https://uw7.org/un_5f7d6cc2b49c3
INFO: to jest pierwsza część (druga jeszcze nie wyszła). Każde rozwiązanie zobrazowano nie tylko tekstem, ale i filmem z YouTube.

28) Full stack developer - pełna droga rozwoju (roadmapa) i zbiór materiałów do nauki
https://uw7.org/un_5f7d6cc878f63
INFO: nie jest to typowa infografika, jakich pełno w Internecie. Każdy z podpunktów został rozpisany

==
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ę? Zalajkuj lub podaj dalej - thx.

************

[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #ciekawostki #technologia #linux #unix #webdev #internet pokaż całość

źródło: IMG_A8295E49329E-1.jpeg

◢ #unknownews ◣

Nareszcie się udało... zestawienie gotowe na poniedziałek ( ͡º ͜ʖ͡º)

1) Były premier Australii wrzucił na Instagrama zdjęcie swojego biletu lotniczego - co stało się dalej?
https://mango.pdf.zone/finding-former-australian-prime-minister-tony-abbotts-passport-number-on-instagram
INFO: artykuł przedstawia krok po kroku, jak z użyciem tej fotki uzyskano pełne dane paszportu i numer telefonu ofiary

2) Potknięcia w UX w prawdziwych aplikacjach - niektóre są świetne
https://grumpy.website
INFO: ta strona pozwala zrozumieć, jak niewiele potrzeba, aby zdezorientować użytkownika na tyle, aby nie wiedział jak obsługiwać Twoją aplikację ;)

3) Naucz się pracy z GITem, rozwiązując interaktywne, graficzne zadania
https://learngitbranching.js.org
INFO: tutorial online uczy zarówno podstaw (np. commit) jak i rzeczy bardziej zaawansowanych (branche, tagi, rebase itp)

4) Universe in a Nutshell - pierwsza, oficjalna aplikacja mobilna od Kurzgesagt
https://shop-eu.kurzgesagt.org/products/universe-in-a-nutshell-app
INFO: aplikacja pozwala zrozumieć skalę wszechświata Można zoomować od wirusa, przez drapacze chmur, po planety i galaktyki. Aplikacja płatna (~$3)

5) Tabloid - naukowcy byli w szoku, gdy dowiedzieli się, co potrafi zrobić ten język
https://tabloid.vercel.app
INFO: język programowania oparty o clickbaity z tabloidów. Fajne! :D

6) Luna - nowy projekt Amazona. Coś jak Netflix, ale z grami online
https://www.amazon.com/luna/landing-page
INFO: Za $5,99/msc masz dostęp do (obecnie) kilkunastu gier. Na start, usługa działa tylko w USA, ale ma się to zmienić za jakiś czas.

7) Vizualizator w VS Code - dla usprawnienia debugowania kodu
https://addyosmani.com/blog/visualize-data-structures-vscode/
INFO: Wtyczka, która potrafi robić dynamiczne wykresy na podstawie wartości debugowanych zmiennych. Artykuł zawiera demonstrację przypadków użycia

8) Sprytne metody na implementację lazy-load w przeglądarce
https://web.dev/lazy-loading-images/
INFO: obrazki mogą być osadzane jako obiekty inline, ale także jako tło w CSS. Jak obsłużyć oba te przypadki?

9) Zbuduj własny skracacz adresów URL - nauka programowania
https://dev.to/taslangraham/let-s-create-a-url-shortener-47n3
INFO: projekt może i mało przydatny, ale świetnie nadaje się do zgłębienia zasad działania Vue i Express + podstaw tworzenia API RESTowego

10) Oficjalne CLI (Command Line Interface) od GitHuba jest już dostępne
https://github.blog/2020-09-17-github-cli-1-0-is-now-available/
INFO: tworzenie pull requestów, rozwiązywanie issue, akceptowanie PR i praktycznie wszystko inne da się teraz osiągnąć z terminala

11) Rozwiązywanie problemów z użyciem Stack Overflow - niepokojący antywzorzec
https://riggraz.dev/stack-overflow-antipattern.html
INFO: zabawne przemyślenia autora na temat tego, jak postępują współcześni programiści (googlanie za rozwiązaniem zamiast myślenia nad nim) i co z tym można zrobić

12) Stopniowe ulepszanie stron internetowych z zachowaniem dostępności dla niepełnosprawnych
https://www.matuzo.at/blog/writing-even-more-css-with-accessibility-in-mind-progressive-enhancement/
INFO: Upiększasz element HTML, dodajesz do niego CSSa, JavaScript itp, ale cały czas z myślą o dostępności, bo co jeśli ktoś ma np. wyłączony JS, albo nie widzi Twoich modyfikacji w CSS? Interesujące podejście. Koniecznie rzuć okiem na trzy teksty podlinkowane na początku artykułu.

13) Wysłałeś kiedykolwiek maila na foo@bar.com? Możliwe, że niepokoiłeś tym Pana Foo :D
https://www.bar.com
INFO: okazuje się, że ktoś te maile jednak czytał w przeszłości, a obecnie przynajmniej je zbiera.

14) Headless Recorder - nagraj swoje poczynania w przeglądarce i wyeksportuj je jako skrypt do Puppetera/Playwright
https://github.com/checkly/headless-recorder
INFO: narzędzie przydatne w szczególności dla testerów aplikacji webowych. Wymaga zainstalowania dodatkowego rozszerzenia w Chrome.

15) CSS Clipping, czyli wycinanie kształtów w CSS - wprowadzenie
https://web.dev/css-clipping/
INFO: ciekawie zaprezentowane podstawowe operacje. Warto rzucić okiem na podlinkowane narzędzie "Clippy" do generowania scieżek do funkcji clipp

16) Kilka porad na temat typografii webowej - zwięzłe przedstawienie tematu
https://dev.to/zeanqin/typography-basics-and-best-practices-for-software-developers-542n
INFO: znałeś jednostkę 'ch' w CSS? Wiesz co to jest native font stack, co się na niego składa i dlaczego warto go używać?

17) Webmentions zamiast komentarzy na stronie? - nowy standard rekomendowany przez W3C
https://dev.to/dailydevtips1/goodbye-comments-welcome-webmentions-499g
INFO: technologia bardzo przypomina pingbacki/trackbacki znane z Wordpressa

18) DUF - Disk Usage/Free tool, czyli przyjemne narzędzie (CLI) do prezentowania użycia dysku przez pliki i katalogi
https://github.com/muesli/duf
INFO: przyjazny dla użytkownika, kolorowy i czytelny output. Działa na systemach Linux/Unix/Mac.

19) Typescript (nad)użyty do sprawdzania ortografii - zabawny eksperyment
https://github.com/kkuchta/TSpell
INFO: autor używa jednej z właściwości Typescripta do zbudowania skryptu sprawdzającego błędy ortograficzne. Kod wynikowy jest tworzony przez generator i wygląda tragicznie. Dlaczego to zostało stworzone? bo można ;)

20) Microdata - czyli jak lepiej definiować metadane opisujące dokument HTML
https://dev.to/brandvantage/what-is-microdata-5epm
INFO: używając oznaczeń z puli Microdata, ułatwiasz wyszukiwarkom zrozumienie swojej strony i jej efektywniejsze parsowanie

21) Znasz elektryczną ciężarówkę NIKOLA, będącą bezpośrednią konkurencją dla produktu Tesli? - ona prawdopodobnie nie umie jeździć...
https://www.bbc.com/news/technology-54161343
INFO: Producenci Nikoli nagrali film promocyjny swojego samochodu puszczając go na luzie ze stromego zbocza. Wypoziomowali obraz i wmawiali inwestorom, że pojazd jedzie o własnych siłach. Filmy z genialnego pokazu znajdziesz na YT pod hasłem "nikola truck"

22) Jak uzyskać fonty z Maca na Linuksie?
https://aswinmohan.me/posts/better-fonts-on-linux/
INFO: Mac słynie z pięknej typografii i naprawdę dobrze wyglądających fontów. Przy odrobinie kombinowania, można uzyskać ten efekt także i na Linuksie.

== LINKI TYLKO DLA PATRONÓW ==

23) Aplikacja pozwalająca grać w trybie multiplayer na jednym komputerze w dwie osoby (tzw. local multiplayer) w gry, które tego trybu nie posiadają
https://uw7.org/un_5f71d7279c2a6
INFO: aplikacja zezwoli Ci na uruchomienie dwóch kopii jednej gry i skonfigurowania klawiszy dla każdej kopii oddzielnie. Testowane do tej pory na 18 grach (Minecraft, Half Life itp)

24) Tworzysz (lub masz zamiar tworzyć) gry 2D? ten edytor poziomów może Ci się spodobać
https://uw7.org/un_5f71d72e13f44
INFO: to bardzo prosty edytor, skupiający się przede wszystkim na prostocie obsługi i szybkości tworzenia poziomów. Binarka gotowa do ściągnięcia działa na Windows. Na inne systemy trzeba samemu powalczyć z kompilacją.

25) Lista 22 kanałów na YouTube, dzięki którym podniesiesz swojego programistycznego skilla
https://uw7.org/un_5f71d90ae4e94
INFO: większości pozycji z listy nie znałem, może i dla Ciebie będą to nowości

==
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ę? To daj plusa :)

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #ciekawostki #programowanie #webdev #linux #technologia pokaż całość

źródło: IMG_E254B0D18E6C-1.jpeg

◢ #unknownews ◣

Czas na kolejne zestawienie okołotechnologicznych linków, które moim zdaniem mogą Cię zainteresować. Zapraszam do czytania :)

1) Fajnie byłoby mieszkać w podziemnym domku? Nooo... niezupełnie
https://dengarden.com/misc/The-Pitfalls-of-an-Underground-House
INFO: przemyślenia rodziny po 26 latach mieszkania w taki sposób.

2) Jak działa HTTPS - ilustrowany przewodnik
https://howhttps.works
INFO: zabawna forma przedstawienia algorytmu używanego podczas komunikacji via HTTPS. Warto na początku zapamiętać, co który bohater reprezentuje (kot to certyfikat, pies to komputer, a ptaszek to przeglądarka itp)

3) Wstęp do animacji w CSS - artykuł dla zupełnie początkujących
https://dev.to/ljcdev/introduction-to-css-animation-4762
INFO: autor w skrajnie zrozumiały sposób, na przykładach przedstawia jak ustawiać przejścia, klatki kluczowe, powtórzenia, opóźnienia itp. Świetne!

4) Prosty lifehack - jak podczas konferencji wideo pokazać w wygodny sposób swoje odręczne notatki?
https://mothership.sg/2020/09/cd-zoom-hack-camera-teacher/
INFO: potrzebujesz jedynie posiadać płytę CD/DVD, ołówek i taśmę. Pamiętaj tylko, że Zoom domyślnie odwraca obraz, więc będzie OK, a inne aplikacje już niekoniecznie to robią

5) Ciekawy sposób na uwidocznienie swoich reakcji podczas rozmowy wideo (np. gdy jesteś wyciszony)
https://twitter.com/cameronhunter/status/1305667539922550784
INFO: to lenses (jest jakaś polska nazwa na to?), które wykrywają gesty i dodają dymki w locie, adekwatne do tego, co chcesz wyrazić

6) Centrowanie (pionowe/poziome) w CSS, czyli bolączka niejednego juniora
https://ishadeed.com/article/learn-css-centering/
INFO: autor prezentuje wiele sposobów - z użyciem flexboxa, grida, automatycznych marginesów, pozycji absolutnej itp.

7) Podstawy tworzenia API RESTowego i jego podstawowych funkcji
https://www.taniarascia.com/rest-api-sorting-filtering-pagination/
INFO: stronicowanie, filtrowanie i sortowanie zwracanych wyników i inne.

8) Jak instalować oprogramowanie za pomocą Ansible'a? - tutorial
https://opensource.com/article/20/9/install-packages-ansible
INFO: podstawy tworzenia playbooków w Ansible. Tutaj na przykładzie obsługi menadżera pakietów

9) Cienie w CSS - katalog gotowców
https://getcssscan.com/css-box-shadow-examples
INFO: ciekawa kolekcja, z której możesz wybrać styl cienia, który najbardziej Ci się podoba. Po kliknięciu gotowy kod CSS ląduje w schowku

10) Relativty: tani, zrób-to-sam headset VR
https://www.relativty.com/
INFO: ciekawy wynalazek będący hełmem do wirtualnej rzeczywistości, który można zbudować samodzielnie. Na stronie znajdziesz niezbędną instrukcję i oprogramowanie

11) Jak odtwarzać dźwięk ze smartfona przez głośniki komputera? (tylko Linux!)
https://bash-prompt.net/guides/pulse-audio-bluetooth-streaming/
INFO: w praktyce, zmieniamy komputer w głośnik bluetooth i podpinamy się do niego

12) Przeszkody, jakie nowoczesne strony WWW stawiają osobom niewidomym
https://bighack.org/5-most-annoying-website-features-i-face-as-a-blind-screen-reader-user-accessibility/
INFO: kilka podstawowych przeszkód, których poznanie może pomóc Ci tworzyć strony bardziej dostępne dla użytkowników czytników ekranu

13) Szybka metoda na zdobycie shella (Linux/Mac) na... GitHubie
https://github.com/fastai/fastmac/
INFO: klonujesz repozytorium, uruchamiasz workflow i masz powłokę. Shell uruchamia się na serwerach GitHuba.

14) Aplikacja do prowadzenia transmisji live od NVIDIA - potrafi zdziałać cuda
https://www.nvidia.com/en-us/geforce/news/nvidia-broadcast-app/
INFO: usuwa niechciane odgłosy (szumy, stukanie w klawiaturę itp), potrafi rozmazywać tło, tworzyć efekt green screena, a nawet automatycznie kadrować obraz. Działa niestety tylko na kartach graficznych GeForce RTX

15) Jak zbudować bota na Telegramie z użyciem system automatyzacji n8n
https://medium.com/n8n-io/creating-telegram-bots-with-n8n-a-no-code-platform-fdf1f0928da7
INFO: n8n to platforma NoCode w stylu Zapier/IFTTT/Integromat, ale darmowa i w wersji selfhosted

16) Terminalowe narzędzie do obsługi tymczasowych maili
https://github.com/sdushantha/tmpmail
INFO: może się przydać przy tworzeniu skryptów wymagających rejestracji, odbierania wiadomości itp. Całość napisana w bashu

17) Upload plików do AWS S3 z użyciem Reacta - krok po kroku (film, 23 minuty)
https://www.youtube.com/watch?v=V7oSz6gRhy4
INFO: praca z aws-sdk, konfiguracja bucketa, ustawienia CORS, prawa dostępu do pliku itp. Świetne wyjaśnienie dla ludzi, którzy nie mieli do tej pory styczności z S3

18) Spraw, aby pulpit na Twoim Raspberry Pi wyglądał jak Windows lub MacOS (albo krzyżówka tych dwóch)
https://twisteros.com/index.html
INFO: autor odradza instalację na wszystkim starszym od Raspberry Pi 4. System jest niestety 32-bitowy

19) Analog Terminal Bell - terminal linuksowy posiada 'bell', czyli sygnał powiadomienia. A gdyby tak był on analogowy?
https://github.com/tenderlove/analog-terminal-bell
INFO: to raczej humorystyczny projekt mający na celu zastąpienie dzwonka softwarowego... fizycznym.

20) Rekordowy Speedrun w Mario Bross - gracz znalazł ciekawego 'buga' przyspieszającego grę
https://www.youtube.com/watch?v=WWbZFj-cLvk
INFO: okazuje się, że grając w grę w specyficzny sposób można wpływać na działanie jej algorytmów, a tym samym na przyspieszenie rozgrywki

21) Lista 10 nowych, ciekawych funkcji w HTML5, których być może nie znasz i/lub nie używasz
https://dev.to/atapas/10-useful-html5-features-you-may-not-be-using-2bk0
INFO: taga 'output' nie znałem, a przyznam, że wygląda użytecznie. Podobnie 'Datalist'.

22) Lista 722 baz danych z możliwością wyszukiwania po kompatybilności, silniku, systemie operacyjnym, licencji itp
https://dbdb.io/browse
INFO: niesamowita kolekcja pozwalająca poszerzyć swoje horyzonty poza garść baz, których używa się na co dzień. Przy okazji dowiedziałem się, że aż 5 baz danych powstało w Polsce :o

23) Snnuffy - narzędzie do podsłuchiwania danych wysyłanych i odbieranych po SSL
https://github.com/alessandrod/snuffy
INFO: działa tylko na Linuksie. Podpina się pod bibliotekę OpenSSL. Można śledzić cały system lub wybrane aplikacje.

24) AVIF - nowy format plików graficznych do zastosować webowych. Jak go BEZPIECZNIE używać na swoich stronach?
https://jakearchibald.com/2020/avif-has-landed/
INFO: 18kb obrazka zamiast 74kb? tak, to możliwe, ale... nie każda przeglądarka sobie z tym radzi. Jak więc to obsłużyć, aby zachować kompatybilność wsteczną?

25) Jeśli wahasz się pomiędzy bazami SQLite oraz PostgresQL, to DuckDB jest tym, czego szukasz
https://duckdb.org
INFO: to baza danych niewymagająca serwera (niczym SQLite), ale oferująca rozwiązania znane w Postgresql

26) A gdyby tak połączyć arkusz kalkulacyjny z aplikacją do przetwarzania dźwięku? Tak powstał Noise.sh
https://noise.sh
INFO: chwilę zajmuje rozeznanie się, o co tam chodzi i jak to działa, ale muszę przyznać, że ciekawy pomysł.

27) Zrozum działanie GITa (bardzo dogłębnie!) poprzez budowę swojego klienta w Pythonie
https://www.leshenko.net/p/ugit/
INFO: kurs przechodzi przez tworzenie takiego klienta krok po kroku. To bardzo rozszerza zrozumienie, co dzieje się pod spodem commita, inita itp.

== LINKI TYLKO DLA PATRONÓW ==

28) Kolekcja profesjonalnie wyglądających i darmowych szablonów do newsletterów (HTML + CSS)
https://uw7.org/un_5f699b0cd547f
INFO: w kolekcji jest 59 gotowych do ściągnięcia szablonów, kompatybilnych z każdym czytnikiem email.

29) Jak zostać certyfikowanym scrum masterem w... 3 dni
https://uw7.org/un_5f699b157ea82
INFO: to plan nauki i linki do zasobów, które pomogą Ci w nauce. Te quizy online (darmowe) są fajne. Certyfikacja kosztuje $150.

30) Zbuduj klona UI Netflixa - krok po kroku w React (film... 10 godzin!)
https://uw7.org/un_5f699b1d67b0f
INFO: autor podczas sesji live codingu odtwarza stronę Netflixa ze wszystkimi podstronami, efektami i tym, co tylko da się wizualnie skopiować.

==
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ę? To zaplusuj :)

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #programowanie #technologia #ciekawostki #webdev #linux #html pokaż całość

źródło: IMG_B84CA594A6D3-1.jpeg

◢ #unknownews ◣

Wstrzymajcie się z commitowaniem kodu na produkcję, bo dziś NIE jest piątek! po prostu publikuję zestawienie dzień wcześniej ;)

1) Lista rzeczy, w które wierzą programiści, a które... nie są prawdą
https://github.com/kdeldycke/awesome-falsehood
INFO: niektóre z założeń na temat imion, stref czasowych, dat, czy adresów mailowych, które bierzesz za pewnik, są po prostu fałszywe. Warto rzucić okiem.

2) Ewolucja interfejsów aplikacji - długie, ale bardzo ciekawe opracowanie.
https://whydoweinterface.com
INFO: w jakim celu tworzymy interfejsy? dlaczego wyglądają one tak, a nie inaczej? jak to zmieniało się w czasie?

3) Czym jest "Scrollbar Blindness" i jak mu zapobiegać w CSS? - ważne, zwłaszcza gdy projektujesz strony dla klientów na Macu
https://svenkadak.com/blog/scrollbar-blindness
INFO: paski przewijania na Macu są domyślnie ukryte, więc wszystko wygląda tam schludnie. Niestety na innych platformach przygotowana przez Ciebie strona może wyglądać co najmniej kiepsko

4) Jak sprytnie dobierać kolory do Twoich wizualizacji danych?
https://blog.datawrapper.de/beautifulcolors/
INFO: chcesz zrobić np. wykres z kilkunastoma różnymi seriami danych, a każda ma być innego koloru? Jak to pokolorować, aby nie wyglądało to śmiesznie czy dziecinnie?

5) Pomysły na biznes wygenerowane przez... GPT-3 (sztuczna inteligencja)
https://ideasai.net
INFO: na stronie ludzie oceniają (plus/minus), jak dobry jest dany pomysł. Zaskakujące jest to, jak poprawne gramatycznie i jak logiczne są te pomysły :o

6) Przemyślenia na temat edytorów (oraz IDE) programistycznych popularnych w 2020 roku
https://phaazon.net/blog/editors-in-2020
INFO: neovim, IntelliJ IDEA, VSCode, emacs, atom - zalety, wady, konfiguracja i luźne przemyślenia autora

7) Muzeum... skórek do WinAmpa - czyli nostalgio przybywaj! ;)
https://skins.webamp.org
INFO: serwis agreguje oldschoolowe skórki i wyświetla ich miniatury. Po kliknięciu konkretnego obrazu da się go powiększyć i nawet zacząć używać w playerze webowym (kliknij linka 'WebAmp')

8) Mario Kart Live - a gdyby tak pograć w wyścigi Mario w rzeczywistości rozszerzonej? Teraz już można :)
https://www.thedrive.com/tech/36167/new-mario-kart-live-home-circuit-uses-augmented-reality-to-race-inside-your-home
INFO: Nintendo przedstawiło nową grę na Nintendo Switch, która pozwala ścigać się z botami lub innymi graczami po własnym mieszkaniu. Gra posiada dołączony fizyczny pojazd na baterie z wbudowaną kamerą.

9) Refactoring kodu poprzez pozbycie się licznych konstrukcji if-else
https://levelup.gitconnected.com/if-else-is-a-poor-mans-polymorphism-ab0b333b7265
INFO: celem tego zabiegu jest spełnienie założeń SOLID z programowania obiektowego + ułatwienie późniejszej rozbudowy kodu

10) Projektuj aplikacje webowe tak, aby dało się je obsługiwać za pomocą klawiatury (bez konieczności użycia myszki) - poradnik
https://www.shopify.com/partners/blog/keyboard-accessibility
INFO: zbiór porad, jak prostymi metodami można przerobić aplikację uciążliwą do nawigowania klawiaturą, na taką dla klawiatury przyjazną

11) Arwes - framework do tworzenia futurystycznych, cyberpunkowych interfejsów webowych
https://arwes.dev
INFO: kliknij "play" i zobacz framework w akcji, albo... przeglądnij dokumentację, bo ona też jest napisana w tym frameworku

12) Tworzenie responsywnego nagłówka strony za pomocą Flexboxa
https://ishadeed.com/article/website-headers-flexbox/
INFO: poradnik wyjaśniający krok po kroku, w jaki sposób zbudować nagłówek strony dobrze wyglądający w każdej rozdzielczości i na każdym urządzeniu.

13) HSTR - wygodniejsze przeglądanie historii bashowych komend
https://github.com/dvorka/hstr
INFO: to alternatywa dla znanego CTRL+R. Umożliwia dodawanie komend do ulubionych, wyszukiwanie i wybieranie pozycji z menu

14) Google Workflows - nowa usługa od Google, obsługująca automatyzację zadań
https://cloud.google.com/workflows
INFO: pierwsze 2000 kroków w workflow (na miesiąc) jest darmowe. Później trzeba płacić 1 centa za każde 1000 kroków.

15) WebRTC for the curious - zbiór artykułów tłumaczących podstawy działania WebRTC. Dla wnikliwych ;)
https://webrtcforthecurious.com/
INFO: sporo czytania, ale jeśli komuś zależy na dogłębnym poznaniu tej technologii, to takie opracowanie będzie do tego idealne

16) Tworzenie grafiki izometrycznej, tutaj na przykładzie projektowania butelki pseudo-3D
https://www.toptal.com/designers/graphic/isometric-illustration-tutorial
INFO: autor realizuje projekt w Adobe Illustrator, ale pomija standardową ścieżkę pracy z grafiką izometryczną i idzie na skróty ;)

17) PureVPN obniżył swoje ceny o 77% - oferta niestety ograniczona czasowo
https://www.jdoqocy.com/click-9165441-14319814
INFO: dobre (i tanie) rozwiązanie jeśli szukasz VPNa do dostępu do Netflixa, Hulu czy innych usług niedostępnych w naszym kraju

18) Async / await w JavaScript - dobre i dość wnikliwe wprowadzenie do tematu
https://dmitripavlutin.com/javascript-async-await/
INFO: różne rodzaje implementacji funkcji asynchronicznych, zagnieżdżanie takich funkcji, czekanie na promisy itp. Pomaga mocno zrozumieć jak to działa.

19) Present - narzędzie do tworzenia prezentacji w terminalu (coś jak terminalowy PowerPoint)
https://github.com/vinayak-mehta/present
INFO: efekty działania można zobaczyć na załączonych GIFach. Całkiem przyjemnie to wygląda i jest proste w obsłudze (obsługuje Markdown)

20) Kolekcja ikon w formacie SVG, zdatnych do użycia w aplikacjach webowych
https://iconhub.io
INFO: każdą ikonę możesz skopiować w postaci jednej linijki kodu SVG i wkleić na stronę. Jest to obraz wektorowy, więc skaluje się w nieskończoność, a grubość kreski i jej kolor są konfigurowalne.

21) Obsługa wielu języków w aplikacji pisanej w React - jedna z prostszych metod
https://dev.to/aryclenio/internationalizing-your-react-app-with-i18next-43op
INFO: rozwiązanie bazuje na pluginie i18next. Konfiguracja jest bardzo prosta, a same tłumaczenia trzymamy w plikach JSON

22) Podstawy frameworka Svelte - bardzo zwięzły wstęp i przykłady kodu
https://dev.to/alexmercedcoder/svelte-learn-the-basics-of-this-fast-framework-with-small-bundles-13pk
INFO: Svelte nie posiada wirtualnego DOMu i kompiluje się do czystego JavaScriptu, co pozytywnie odróżnia go od wielu konkurencyjnych frameworków.

23) Konami codes w grze Contra (NES) - jak to zostało zaimplementowane?
https://www.youtube.com/watch?v=8LnwsYL7Apk
INFO: bardzo geekowa i dogłębna analiza (od strony programistycznej) tego, jak stworzono te kody i dlaczego zastosowano taką metodę

24) Filters.css - prosta biblioteka do nakładania filtrów na obrazki na stronach
https://bansal.io/filters-css
INFO: użycie filtra ogranicza się do dodania odpowiedniej klasy w tagu IMG

== LINKI TYLKO DLA PATRONÓW ==

25) Lista 60 najczęściej popełnianych wpadek przy programowaniu w BASHu - obowiązkowe dla adminów i fanów Linuksa!
https://uw7.org/un_5f5a0745aa8b0
INFO: pracowałem jako admin wiele lat. Do dziś używam Linuksa i administruje serwerami, ale niektóre z opisanych błędów i ich konsekwencji są dla mnie mocno zaskakujące :o

26) WebAssembly - poradnik tworzenia aplikacji od podstaw
https://uw7.org/un_5f5a07400c19d
INFO: nie musisz znać assemblera, aby tworzyć aplikacje webowe w WebAssembly. Ten poradnik przedstawia prawdopodobnie najprostszą drogę do rozpoczęcia pracy z nową technologią

27) Praktyczny poradnik AWK - czyli jak przetwarzać tekst w systemie Linux
https://uw7.org/un_5f5a073a01925
INFO: ja wiem, że wszystko da się załatwić za pomocą grep/sed/cut/tr, ale może warto nauczyć się narzędzia, które realizuje te wszystkie funkcje jednocześnie? Ebook ma 34 strony. Aby go pobrać, trzeba podać swojego maila.

==
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 daj plusika :)

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #programowanie #ciekawostki #webdev #linux #css pokaż całość

źródło: IMG_105E491BF2DC-1.jpeg

◢ #unknownews ◣

Kolejny tydzień w którym nie udało mi się wrzucić newsów w poniedziałek - takie życie :D

1) BBSy - czym były, jak działały, jak to się wszystko zaczęło?
https://jm.iq.pl/bbsy-kiedys-i-dzisiaj/
INFO: świetny artykuł na temat dawnych technologii istniejących za czasów "sprzed Internetu"

2) Jak zhackowałem setki firm używając Google Groups - świetny tekst
https://medium.com/@milanmagyar/ggvulnz-how-i-hacked-hundreds-of-companies-through-google-groups-b69c658c8924
INFO: przeczytaj dwa podlinkowane artykuły na początku (warto!). Pozwalają lepiej zrozumieć zasadę działania ataku.

3) CodeCombat - naucz się programowania grając w RPG online (wciąga!)
https://codecombat.com
INFO: możesz programować w Pythonie (domyślnie), JavaScript, CoffeeScript lub C++. Wszystkie teksty są po polsku!

4) Tworzenie grafiki w CSS z użyciem... pojedynczego DIVa - jak to się robi?
https://dev.to/laasrinadiaa/3-secrets-behind-single-div-css-art-1m64
INFO: tym razem nie jest to galeria prac, a pełen tutorial, który wyjaśnia każdy z kroków niezbędnych do stworzenia bardzo realistycznie wyglądającej grafiki

5) Testy penetracyjne baz danych i eskalacja uprawnień z użyciem funkcji użytkownika (film, 45 minut)
https://www.youtube.com/watch?v=bmoLCw0_nzE
INFO: dość zaawansowana metoda ataku, wyjaśniona krok po kroku. Mocno techniczne.

6) APILand - wielka kolekcja publicznych API dostępnych online
https://faraazahmad.github.io/apiland/
INFO: kliknij 'explore' i ustaw sobie jakieś sensowne filtry, bo domyślnie aktywne są tylko API związane ze zwierzętami

7) Dlaczego na przedmieściach Chicago wiszą na drzewach? ;)
https://www.bloomberg.com/news/articles/2020-09-01/amazon-drivers-are-hanging-smartphones-in-trees-to-get-more-work
INFO: "jeśli nie wiesz, o co chodzi, to chodzi o pieniądze". Tak jest i tym razem. Sprytni dostawcy jedzenia w ten sposób zbierają zamówienia (więcej info w artykule)

8) Hash Monster - miniaturowy gadżet pomocny przy włamywaniu się do sieci WiFi
https://telescope.ac/petazzoni/the-hash-monster-esp32-tamagotchi-for-wifi-cracking
INFO: urządzenie bazuje na układzie ESP32. Samo urządzenie NIE łamie haseł, a jedynie zbiera pakiety (na kartę microSD) dzięki którym hasło możesz złamać już sam na mocniejszym sprzęcie

9) Przegląd 10 mało znanych API Webowych, o których być może nie słyszałeś
https://blog.greenroots.info/10-lesser-known-web-apis-you-may-want-to-use-ckejv75cr012y70s158n85yhn
INFO: Fullscreen API, Clipboard API, Broadcast Channel i wiele innych

10) FirstStagram - czyli narzędzie, które 'dokopuje' się do pierwszego posta usera z Instagrama
https://air.inc/blog/1stagram
INFO: podajesz login jakiejś gwiazdy, która ma dziesiątki tysięcy opublikowanych fotek i jednym klikiem dowiadujesz się, od czego zaczynała (pobieranie posta trwa przy dużych kontach 1-2 minuty).

11) Lista 32 tutoriali dla programistów (głównie webowych), które wyjaśniają tematy w sposób 'graficzny'
https://dev.to/ender_minyard/28-code-tutorials-for-visual-learners-19pl
INFO: mówiąc krótko, są to artykuły z dużą ilością obrazków, animacji i wykresów :D

12) Przyspieszanie ładowania stron WWW poprzez pozbycie się elementów blokujących renderowanie
https://dev.to/prototyp/improving-website-performance-by-eliminating-render-blocking-css-and-javascript-28ei
INFO: wyjaśnienie, czym jest krytyczny CSS, czym różni się defer od async itp.

13) Jak stworzyć swoje pierwsze rozszerzenie do Chrome? Poradnik.
https://dev.to/ganeshjaiwal/build-your-first-chrome-extension-458g
INFO: szczerze mówiąc, odkąd wszystkie przeglądarki obsługują webextensions, to ten poradnik działa na Chrome/Firefox/Opera.

14) Szukasz dobrego fonta dla swojego IDE? JetBrains opublikowało swoją propozycję 'fonta idealnego'
https://www.jetbrains.com/lp/mono/
INFO: JetBrains Mono - bo tak nazywa się to cudo - został zoptymalizowany do maksymalnej czytelności kodu. Zobacz na stronie przykłady jak to wygląda

15) Rozszerzenie do Chrome/Firefox/Opera, które pozwoli Ci sprawdzić cenę aktualnie przeglądanej książki/ebooka w innych sklepach
https://ksiazkowacebula.pl
INFO: wchodzisz na stronę wydawnictwa X widząc "promocję". Klikasz na ikonę cebuli i od razu wiesz, że to żadna promocja, bo w sklepie XYZ jest 10% taniej.

16) Typografia w 10 minut (albo i mniej) - bardzo krótki poradnik online jak poprawić czytelność tekstów
https://practicaltypography.com/typography-in-ten-minutes.html
INFO: bardzo polecam podążać za linkami w tekście. Są niestety bardzo ukryte (pisane capsem)

17) Roboty, które kochamy - przegląd robotów występujących w filmach i takich, które dało się kupić
https://www.charlieharrington.com/robots-i-love
INFO: nostalgiczna galeria...

18) Optymalizacja funkcji rekurencyjnych z użyciem cachowania poprzednich danych (memoization)
https://dev.to/unalo_baayriyo/understanding-memoization-in-javascript-1e22
INFO: autor przedstawił implementację w JavaScript, ale identyczny algorytm można napisać w dowolnym innym języku - nie ma tutaj rozwiązań charakterystycznych dla JS

19) Transformacje 3D w CSS - prezentacja online
https://rupl.github.io/unfold/
INFO: naciskaj strzałkę w prawo, aby zobaczyć kolejne slajdy. Sugeruję oglądać na komputerze.

== LINKI TYLKO DLA PATRONÓW ==

20) Lista linuksowych narzędzi, które można wykorzystać do ominięcia ograniczeń nałożonych przez administratora
https://uw7.org/un_5f521498b0aad
INFO: to są domyślnie dostępne narzędzia (nic nie trzeba instalować). Trzeba przyznać, że niektóre ze sztuczek są bardzo sprytne

21) Architektura aplikacji OpenSource - czyli jak to robią inni? (książki online)
https://uw7.org/un_5f52149f70b8e
INFO: na stronie znajdziesz ponad 80 tekstów na temat tego, jak znani twórcy ogarniają swoje projekty pod względem kodu. Wersje online możesz czytać za darmo (niech Cię nie przeraża wszędobylskie przyciski "Kup teraz").

22) Strona ze zbiorem czterech interaktywnych tutoriali do nauki programowania dla dzieci i młodzieży (jak dorosły nie ma pojęcia o programowaniu, to też będzie OK)
https://uw7.org/un_5f5214aa5cded
INFO: tutoriale można oglądać (klikając tylko w komunikaty), albo brać w nich udział (modyfikując kod). Jedyny minus rozwiązania to język angielski (dzieci mogą sobie nie poradzić - dorosły musi tłumaczyć)

Lista wszystkich linków dla patronów wrzuconych do tej pory:
https://mrugalski.pl/linki.php

==
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ę? To zaplusuj :)

************

[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

#programowanie #technologia #ciekawostki #webdev #naukanowego pokaż całość

źródło: IMG_83B0349A3E33-1.jpeg

◢ #unknownews ◣

Dzisiejsze wydanie zestawienia będzie nieco krótsze niż zwykle - powód jest trywialny: to był dla mnie pracowity tydzień.

1) OpenStartup - lista startupów, które publikują bardzo szczegółowe dane na temat swojego biznesu
https://openstartup.dev/?ref=producthunt
INFO: ile mają użytkowników? jakie mają przychody? ile zarabiają ich pracownicy itp. Sporo ciekawych metryk.

2) Tworzenie botów do Discorda - jest prostsze niż myślisz (Python)
https://codeburst.io/discord-py-the-quickstart-guide-2587abc136ab
INFO: autor przedstawia, jak używając biblioteki Discord.py zbudować swojego pierwszego bota

3) Programowanie funkcyjne w JavaScript (film, 30 minut)
https://www.youtube.com/watch?v=e-5obm1G_FY
INFO: pani bardzo fajnie tłumaczy, co to jest, po co nam to jest i jak to działa

4) Jeśli nie CSS, to co? - język, który mógł stać się współczesnym odpowiednikiem CSSa
https://eager.io/blog/the-languages-which-almost-were-css/
INFO: w 1993 roku zaproponowano język składnią przypominający LISPa, który miał służyć do opisu wyglądu stron HTML. Na szczęście nie wszedł do użycia ;)

5) Testflight na zawsze? Czyli jak developerzy obchodzą ograniczenia Apple Appstore
https://www.protocol.com/testflight-app-store
INFO: 'testflight' to aplikacja dzięki której możesz zaprosić userów do "testowania" swojej jeszcze nieopublikowanej aplikacji. Ale równie dobrze, możesz użyć tego do dystrybucji aplikacji, które nigdy nie przeszłyby kontroli Apple.

6) Fonts in use - szukasz idealnego fonta dla swojego projektu? oto garść inspiracji
https://fontsinuse.com
INFO: strona zbiera przykłady zastosowań różnych fontów w życiu codziennym, najczęściej na fizycznych projektach

7) Stwórz aplikację do obsługi social mediów - oto lista 10 najpopularniejszych API
https://www.ayrshare.com/top-10-social-media-apis-for-developers/
INFO: Facebook, Linkedin, Twitter, Reddit i inne - wszystkie ocenione pod względem trudności implementacji. Znajdziesz tam także linki do dokumentacji

8) Jak zabezpieczyć swojego Maca? - pełen poradnik
https://github.com/drduh/macOS-Security-and-Privacy-Guide
INFO: opis procedury krok po kroku. Od instalacji systemu, przez konfigurację szyfrowania dysku, instalację firewalla, konfigurację pozostałych zabezpieczeń itp.

9) Kilka ciekawych efektów tekstowych zrealizowanych w samym CSS
https://dev.to/akhilarjun/four-subtle-text-effects-to-spice-up-your-web-site-27e7
INFO: wibrujący tekst, fala na tekście, poświata i ujawnianie tekstu po najechaniu kursorem

10) Lista pięciu projektów, których prawdopodobnie NIE potrzebuje żaden developer ;)
https://dev.to/kaos/5-tools-no-developer-needs-3869
INFO: to humorystyczny spis zabawnych rozwiązań (dodatki do edytora, biblioteki itp), które mogą Ci się spodobać, ale nijak nie pomogą Ci w pracy

11) DeGoogle - uwolnij się od Google
https://degoogle.jmoore.dev/
INFO: lista dodatków wyłączających śledzenie, zamienniki dla oprogramowania Google itp

12) Ile kosztuje 1GB transferu mobilnego w 228 krajach? - porównanie cen
https://www.cable.co.uk/mobiles/worldwide-data-pricing/
INFO: Kto jest najtańszym pod tym względem krajem w Europie?

13) Alone With Me - nowy eksperyment od Spotify i 'The Weeknd'
https://theweeknd.withspotify.com
INFO: ciekawa promocja artysty, wspomagana danymi wyciągniętymi ze Spotify. Ponoć działa najlepiej dla użytkowników, którzy często słuchali The Weeknd ;)

14) Blockchain - niesamowita technologia... nienadająca się niemal do niczego
https://thecorrespondent.com/655/blockchain-the-amazing-solution-for-almost-nothing/84495599980-95473476
INFO: długie wyjaśnienie tego, jak bardzo nieprzydatna obecnie jest technologia blockchain.

15) W jakich językach najczęściej tworzone są startupy finansowane przez Y-Combinator?
https://charliereese.ca/article/top-50-y-combinator-tech-startups
INFO: dwa języki zdecydowanie odstają popularnością od reszty, zabierając 48% rynku. Co ciekawe, jednym z nich nie jest Java ;)

== LINKI TYLKO DLA PATRONÓW ==

16) Naucz się obsługi Puppeteera i/lub Playwright - mnóstwo przykładów
https://uw7.org/un_5f489c8f10978
INFO: Puppeteer/Playwright to frameworki do automatyzowania działań w przeglądarce. Używa się ich w NodeJS

==
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

************

[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #technologia #ciekawostki #css #programowanie #javascript #python #webdev pokaż całość

źródło: IMG_4AAFBC8E7355-1.jpeg

◢ #unknownews ◣

Wróciłem po urlopie i na powitanie wrzucam nowe zestawienie linków z branży IT. Zapraszam do czytania

1) Ciekawa implementacja Sapera znanego z Windowsa - z gry usunięto wszystkie elementy zgadywania
https://github.andrewt.net/mines/
INFO: drugi klik jeśli będzie wyglądał na losowy, zawsze trafia na bombę. Musisz wykonywać TYLKO logiczne ruchy, bazując na swojej inteligencji. Na początek zmniejsz liczbę min do 15.

2) CT.js - zupełnie darmowy i otwartoźródłowy, edytor gier online
https://ctjs.rocks
INFO: działa na Windowsie, Linuksie i Macu. Wymagana jest podstawowa znajomość JavaScript!

3) Drop-Shadow w CSS - czyli jeden z niedocenianych i nie za często używanych filtrów
https://css-irl.info/drop-shadow-the-underrated-css-filter/?no-cache=1
INFO: autor pokazuje przykłady użycia i porównuje ten filtr z box-shadow

4) Pełen kurs programowania płytki Micro:bit - dla początkujących, metodą drag&drop
https://forbot.pl/blog/kurs-microbit-wstep-spis-tresci-id41358
INFO: płytkę z akcesoriami można kupić na w/w stronie. Jeśli chcesz zaoszczędzić ponad 200 złotych, to gołej płytki bez dodatków szukaj na Botlandzie

5) Microsoft PowerToys - znasz te gadżety z czasów Windows 95? oto wersja dla Windows 10.
https://github.com/microsoft/PowerToys
INFO: to zestaw narzędzi podnoszących produktywność i automatyzujących niektóre z zadań (podesłał Łukasz Ładecki)

6) Fornite zostało usunięte ze sklepu Apple... a później Google. Ostatecznie do usunięcia idą wszystkie gry Epic Games
https://twitter.com/EpicNewsroom/status/1295430127455596544
INFO: Firma obchodziła system mikropłatności Apple/Google w taki sposób, aby nie płacić prowizji. Jest to sprzeczne z regulaminem obu platform.

7) Zeal - przeglądarka dokumentacji offline (196 dokumentacji do wyboru)
https://zealdocs.org
INFO: wersja na Windowsa i Linuksa jest darmowa, a na Maca zwie się Dash i trzeba za nią zapłacić

8) Umami - alternatywa dla Google Analytics (selfhosted)
https://umami.is
INFO: proste w instalacji i schludnie wyglądające narzędzie, a co bardzo ważne... darmowe ;)

9) ShareTheBoard - udostępnij tablicę (taką fizyczną) podczas wideokonferencji
https://sharetheboard.com/
INFO: polski startup; obecnie dostępny w wersji beta. Można pobawić się wszystkimi możliwościami za darmo.

10) Gdzie za darmo możesz hostować aplikację napisaną w React?
https://blog.logrocket.com/8-ways-to-deploy-a-react-app-for-free/
INFO: artykuł nie tylko prezentuje 8 możliwości, ale także wyjaśnia, w jaki sposób można zrobić deploy aplikacji na każdym ze środowisk

11) PinePhone - telefon z możliwością FIZYCZNEGO odłączenia kamer, mikrofonu, wifi itp
https://www.androidpolice.com/2020/08/15/this-smartphone-has-physical-kill-switches-for-its-cameras-microphone-data-bluetooth-and-wi-fi/
INFO: jeśli chcesz mieć 100% pewności, że nikt Cię nie śledzi i nie podsłuchuje, to ten telefon jest dla Ciebie

12) Wszystko, co powinieneś wiedzieć na temat 'Setów' w JavaScript
https://dev.to/alexdevero/introduction-to-sets-in-javascript-all-you-need-to-know-3ii8
INFO: podstawowe operacje na zbiorach: dodawanie, usuwanie elementu, sprawdzanie obecności, iteracje + operacje niemożliwe do wykonania

13) Prywatne Wizytówki Google - zdecyduj, jakie info o Tobie pojawi się w Google, gdy ktoś będzie szukał Twojego imienia i nazwiska
https://dev.to/swastikayadav/create-your-own-card-with-google-6ea
INFO: obecnie usługa dostępna jest testowo jedynie w Indiach, ale docelowo ma pojawić się wszędzie. Ciekawe, jak to będzie działać u ludzi z popularnymi nazwiskami. Jan Kowalski?

14) Czym jest 'optional chaining' w JavaScript i jak tego używać? - bardzo ułatwia pracę
https://dev.to/dailydotdev/optional-chaining-in-javascript-what-is-it-and-how-to-use-it-2o59
INFO: ta metoda odwoływania się do obiektów i funkcji automatycznie sprawdza, czy to czego potrzebujesz jest dostępne (czy istnieje).

15) Carrd - prosty generator stron (bez znajomości programowania) metodą drag&drop
https://try.carrd.co/r235m16w
INFO: mają pakiet darmowy, a pakiety płatne rozpoczynają się od $9 za rok (nie miesiąc!)

16) Co nowego udostępnia iOS 14 i iPadOS 14 dla webdeveloperów?
https://firt.dev/notes/ios-14b/
INFO: przegląd nowych możliwości. Autor bazuje na wersji beta systemu, więc przed premierą może jeszcze coś się zmienić

17) Są już wyniki pierwszych speedtestów na łączach satelitarnych Starlink (to od SpaceX)
https://arstechnica.com/information-technology/2020/08/spacex-starlink-beta-tests-show-speeds-up-to-60mbps-latency-as-low-as-31ms/
INFO: technologia nie jest jeszcze publicznie dostępna. Obecnie daleko jej do zapowiadanej przepustowości 1Gbps :(

18) SurveyJS - bardzo fajna i dobrze wyglądająca biblioteka do tworzenia ankiet online
https://surveyjs.io/Examples/Library/
INFO: linkuje do przykładu użycia, abyś mógł na żywo zobaczyć jak to działa.

19) RedditVids - przeglądarka najwyżej ocenianych filmów z Reddita
https://redditvids.com/videos/top?time=day
INFO: ostrzegam... straszny zjadacz czasu. Ogromna liczba filmów o nikłej wartości, ale jak lubisz lol-content, to Ci się spodoba

20) QR Picture - narzędzie do zamiany dowolnego zdjęcia w kod QR
https://www.qrpicture.com
INFO: kody tego typu nie muszą być czarno-białymi kwadratami. Mogą zawierać kolory, animacje, a nawet mogą być zdjęciem.

21) "This vs That" - czyli czym różnią się dwie rzeczy w świecie frontendowym
https://thisthat.dev
INFO: wiesz np. jaka jest różnica między display:none vs opacity:0 vs visibility:hidden?

== LINKI TYLKO DLA PATRONÓW ==

22) Wejdź w świat aplikacji webowych skutecznie i naucz się podstaw, nawet gdy inne kursy zawiodły
https://uw7.org/un_5f3d2da4c210f
INFO: do wyboru masz trzy ścieżki nauki: sam frontend, fullstack bazujący na JS oraz fullstack oparty na Ruby on Rails

23) Lista 5 prostych porad przyspieszających zrozumienie (i używanie) grida w CSS
https://uw7.org/un_5f3d2db2a17e2
INFO: krótkie, zwięzłe wprowadzenie do tematu... z obrazkami! ;)

24) Jak obniżyć koszty przechowywania danych w infrastrukturze AWS? archiwizuj je!
https://uw7.org/un_5f3d2db84e6e9
INFO: ciekawa analiza tego jak i gdzie można te dane archiwizować plus wyliczenie ile zaoszczędzimy (do 97%)

==
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ę? Zaplusuj :)

************

[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #ciekawostki #technologia #webdev #css #javascript #frontend #programowanie #aws pokaż całość

źródło: IMG_47B9569C6E99-1.jpeg

◢ #unknownews ◣

W tym tygodniu dopadł mnie Maciek Aniserowicz i powiedział, że jak wrzucę go na 4 pozycję, to on stawia premium linki dla wszystkich w tym wydaniu. No to się zgodziłem. Z tego powodu dziś nie ma sekcji dla patronów. W ramach podziękowania Maćkowi, kliknijcie sobie w ten czwarty link ;)
A! Za tydzień prawdopodobnie nie będzie zestawienia, bo wyjeżdżam na urlop.

1) Jak to jest być autystycznym senior developerem? Dowiedz się tego z pierwszej ręki
https://dev.to/baweaver/tales-of-the-autistic-developer-senior-developer-3l0c
INFO: jak się uczyć, gdy masz problemy z pamięcią? Ciągłe rozpraszanie się? Uczucie niepokoju i wszechobecny chaos? Autor opisuje jak sobie z tym poradził

2) Gra, która pochłonie Cię na dłuuugi czas - rozplątaj konstrukcję (trudne!)
https://treksit.com
INFO: gier tego typu na smartfony jest kilka, ale ta jest w wersji online (grasz w przeglądarce) i ma przyjemną grafikę

3) Lista CopyPaste - wszystko to, co mógłbyś chcieć skopiować na potrzeby swoich aplikacji
https://copypastelist.com/
INFO: lista wszystkich tagów HTML? wszystkie iPhony? wszystkie kraje europejskie? wszystkie języki świata? Mają nawet listę 266 papieży :D

4) Darmowy LIVE na temat testów jednostkowych - po co i jak testować? Najlepsze praktyki w testowaniu
https://smarttesting.pl/live
INFO: event odbędzie się 10 sierpnia (najbliższy poniedziałek) o 20:00.

5) Procenty w CSS - czym jest to 100%? procent czego? To zależy... (interaktywny artykuł)
https://wattenberger.com/blog/css-percents
INFO: temat wydaje się być banalnym do momentu, aż dojdziesz do margin-top:50%, czy translate-left:-20%

6) JS1024 - czyli zbuduj w 1024 znakach kodu JS coś niesamowitego. Oto zwycięzcy z tego roku (WOW!)
https://js1024.fun/results/2020
INFO: rzuć okiem na zwycięzcę w kategorii 'shader'. To już się klasyfikuje do kategorii magia chyba?

7) Pineapple Studio - twórz aplikacje na iOS bezpośrednio na iPhone/iPadzie.
https://www.pineapple.build/
INFO: jest wersja darmowa do prywatnego użytku, ale nie pozwala ona eksportować kodu. Wersja komercyjna to $4.99/msc. Gotowe apki można wrzucić do sklepu!

8) Menadżer haseł 1Password wchodzi na platformę Linux - można już pobrać 'development preview'
https://discussions.agilebits.com/discussion/114964/
INFO: obecnie udostępniona wersja działa tylko w trybie read-only (czyta hasła z innych Twoich urządzeń), ale wersja RW pojawi się wkrótce

9) Myślisz nad nazwą dla swojej firmy, produktu (na rynek światowy) - sprawdź, czy nie kojarzy się ona z którymś wulgaryzmem
http://wordsafety.com
INFO: serwis sprawdza słowo (i jego fragmenty) w 19 językach. Pewien producent żarówek powinien tego użyć, zanim wypuścił swoje produkty ;)

10) SQL Style Guide - czyli jak pisać czytelne i proste w utrzymaniu zapytania SQLowe
https://www.sqlstyle.guide
INFO: porady nie dotyczą żadnej konkretnej bazy. Są uniwersalne.

11) Zbiór darmowych, onlinowych kursów od Google
https://learndigital.withgoogle.com/internetowerewolucje/courses
INFO: główne tematy to biznes, reklama i produktywność. Wszystkie dostępne są w języku polskim

12) Generator cieni w CSS - bardzo zaawansowanych, wielowarstwowych cieni ;)
https://brumm.af/shadows
INFO: niesamowite jest dla mnie to, jakie efekty można uzyskać praktycznie jedną instrukcją w CSS :o

13) Pełna analiza aplikacji TikToka - czy aplikacja naprawdę przesyła na swoje serwery tajne dane?
https://medium.com/@fs0c131y/tiktok-logs-logs-logs-e93e8162647a
INFO: bardzo fajna analiza komunikatów i ich deszyfracja. Na końcu masz TLDR ;)

14) Timelapsy z Google Earth - zobacz, jak zmieniał się świat
https://earthengine.google.com/timelapse/
INFO: ustaw sobie odpowiedniego zooma, wyceluj np. na swoją miejscowość i kliknij PLAY. Fotki są z lat 1984-2018.

15) Ogromna lista rozwiązań no-code, czyli coś dla wszystkich, którzy chcieliby
https://welovenocode.com/nocodelist
INFO: na końcu listy kliknij 'load more', bo lazy load coś im nie działa z automatu

16) Poradnik na temat prowadzenia i rozwoju grup na Facebooku - mojego autorstwa (PDF + EPUB)
https://grupologia.mrugalski.pl
INFO: z kodem 'UNKNOWNEWS' wychodzi taniej :)

17) Nie lubisz newsletterów, ale kochasz RSSy? To narzędzie Ci się spodoba
https://kill-the-newsletter.com
INFO: zakładasz na stronie tymczasowego maila. Zawartość maila transmitowana jest jako kanał RSS. Zapisujesz się na tego maila do newslettera i gotowe.

18) Słyszałeś o GPT-3? To (w uproszczeniu) AI do tworzenia sensownego tekstu
https://liamp.substack.com/p/my-gpt-3-blog-got-26-thousand-visitors
INFO: blog napisany przez AI miał 26k odwiedzających w 2 tygodnie, a jeden z automatycznie wygenerowanych tekstów stał się numerem jeden na liście ciekawych artykułów na Hacker News :|

19) GitIgnore - narzędzie świetnie znane gitowym wyjadaczom, ale obce dla początkujących
https://gitignore.io
INFO: wymieniasz w formularzu, na czym stoi Twój projekt, a w odpowiedzi otrzymasz plik .gitignore, który wrzucasz do swojego repozytorium (zapobiega on commitowaniu zbędnych plików)

20) Najlepsze książki na temat XYZ - stale rozwijana lista
https://best-books.dev
INFO: obecnie dostępne są tylko 4 kategorie: JavaScript, Python, Programowanie (ogólnie) i Startupy

21) Garść zadań rekrutacyjnych z JavaScript + rozwiązania
https://dev.to/devabhijeet/all-front-end-interview-questions-asked-during-my-recent-job-hunt-1kge
INFO: nie są to zadania na juniora, a na "Senior Engineer III"

22) Najlepsze PEŁNE kursy z branży IT dostępne na YouTube
https://skilltube.netlify.app/
INFO: React, AWS, DevOps, AI, Java, Python i inne

==
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

************

[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #programowanie #python #javascript #devops #ciekawostki #webdev #frontend #backend
Sponsor wydania: @maniserowicz pokaż całość

źródło: IMG_5C3AC10AC857-1.jpeg

◢ #unknownews ◣

W ubiegłym tygodniu, ze względu na natłok obowiązków, zestawienia nie było. Za to jest w tym. Zapraszam do lektury :)

1) Sentymentalna historia gier flashowych - czyli jak to niegdyś było i jaki wpływ na obecne gry miały te flashowe
https://www.flashgamehistory.com
INFO: lepiej przeglądać na komputerze, bo ładnie zrobiona strona z ciekawymi efektami.

2) Vo Codes - znasz deepfakes? to jest to samo, ale dla głosu
https://vo.codes
INFO: wpisz dowolny tekst po angielsku (rozpoznaje tylko słowa, które są w słowniku) i zamień go na głos znanej osoby (nagranie można ściągnąć jako WAV)

3) Zagraj w Microsoft Flight Simulator 1/2/3/4 w swojej przeglądarce
https://s-macke.github.io/FSHistory/
INFO: To są wersje z lat 82-89. Raz mi się udało nawet wystartować w wersji 4-tej i wlecieć w jakiś budynek... trudne to!

4) TheirTube - zobacz, jak inni widzą YouTube (to tzw. "symulator bańki youtubowej")
https://www.their.tube
INFO: jakie filmy w polecanych widzi osoba konserwatywna, a jakie wielbiciel teorii spiskowych? Kliknij "watch history", aby dowiedzieć się, jak nauczono YT takich rekomendacji

5) Jak przerobić rozbitego smartfona na laptopa - sporo pracy, ale ciekawe rezultaty
https://www.youtube.com/watch?v=mciEZKSvva8
INFO: rozwiązanie bazuje na telefonie Samsunga, powerbanku i kilku innych gadżetach.

6) CORS i Same Origin Policy - co to jest i jak to działa?
https://dev.to/lydiahallie/cs-visualized-cors-5b8h
INFO: bardzo czytelne wyjaśnienie tematu z użyciem obrazków i animacji.

7) Bundlephobia - jakie są koszty dodania danego pakietu NPM do projektu?
https://bundlephobia.com
INFO: wpisz nazwę pakietu i dowiedz się, ile będzie on ważył (wraz ze wszystkimi zależnościami) i o ile (teoretycznie) spowolni Twoją stronę

8) Mocky - generator "zaślepek" z odpowiedziami do API
https://designer.mocky.io
INFO: Twój backend nie jest jeszcze gotowy, a Ty musisz napisać projekt? Na czas developmentu wyklikaj sobie statyczne odpowiedzi z endpointów

9) Jak hostować swoją aplikację na Google Cloud Run za grosze (lub nawet za darmo)
https://alexolivier.me/posts/deploy-container-stateless-cheap-google-cloud-run-serverless
INFO: świetne rozwiązanie do hostowania własnych projektów i to niezależnie od użytej technologii

10) Nietrywialne sztuczki w bazach danych SQL
https://hakibenita.com/sql-tricks-application-dba
INFO: jak 5x przyspieszyć update wierszy? jak szybciej importować dane? co to są indeksy połowiczne?

11) Wizualizator i analizator wyrażeń regularnych
https://blog.robertelder.org/regular-expression-visualizer/
INFO: Narzędzie, które da Ci odpowiedź, dlaczego Twój regex nie działa. Super jest opcja generowania tekstu pasującego do wzorca

12) Jak zbudować prostego "KVM over IP" bazując na raspberry pi? (projekt do $100)
https://mtlynch.io/tinypilot/
INFO: KVM w rozumieniu "Keyboard, Video, Mouse", a nie w kontekście wirtualizacji

13) Saper zaimplementowany w czystym CSS+HTML
https://github.com/propjockey/css-sweeper
INFO: kod JS jest używany jedynie do mieszania pozycji bomb, aby nie miały stałej lokalizacji

14) Jak wykorzystać Chromium i JavaScript w systemie automatyki
https://iautomatyka.pl/kosmiczna-technologia-jak-wykorzystac-chromium-javascript-w-systemie-automatyki/
INFO: autor tworzy interfejs webowy do sterownika PLC z użyciem JS. Wszystko opisane krok po kroku z przykładowymi kodami źródłowymi

15) Google Spreadsheet - kilka sztuczek, o których mogłeś nie wiedzieć
https://www.youtube.com/watch?v=EfOFtHoxTXE
INFO: odpytywanie arkusza przez SQL, parsowanie zewnętrznych stron WWW, generowanie kodów QR i kilka innych

16) Co to za format daty? Narzędzie, które odgadnie to za Ciebie
https://github.com/apoorv-mishra/moment-guess
INFO: Podajesz datę, a tool wypisze format, w jakim została zdefiniowana. Najlepiej widać to na pierwszej animacji na stronie

17) Codzienna porcja ciekawych narzędzi i usług online, których być może nie znałeś (wymagane konto na Instagramie!)
https://www.instagram.com/p/CDQfVVIHYTk/
INFO: link do pierwszego filmu (tam są 4 slajdy). "Polecajki" publikowane są od poniedziałku do piątku i docelowo mają mieć 30 wydań.

18) Flipper Zero, czyli kieszonkowy gadżet dla hackerów jest już na Kickstarterze
https://www.kickstarter.com/projects/flipper-devices/flipper-zero-tamagochi-for-hackers
INFO: projekt był zapowiadany rok temu i właśnie wystartował. Niestety urządzenie nie jest tanie...

19) Szablony Readme.md do użycia w projektach na GitHubie
https://github.com/kautukkundan/Awesome-Profile-README-templates
INFO: jeśli startujesz z własnym projektem Open Source i chcesz, aby wyglądał on profesjonalnie, to może Ci się to przydać

== LINKI TYLKO DLA PATRONÓW ==

20) Jak zbudować RESTowe API w oparciu o Google Spreadsheet
https://uw7.org/un_5f241030495d2
INFO: arkusz używany jest jako baza danych, a backend stoi na NodeJS, Cloud Run i dockerze

21) Lista 500+ pytań z rozmów kwalifikacyjnych na stanowisko "Data Science" [SQL + Python]
https://uw7.org/un_5f24103579e1b
INFO: super jest to, że to nie są same pytania, ale pełne, wirtualne środowisko do próby ich rozwiązania.

22) Podręcznik do analizy malware na Windows (kliknij "PDF" aby pobrać)
https://uw7.org/un_5f24103b76fb3
INFO: ten podręcznik NIE uczy krok po kroku jak to robić, a wymienia potrzebne narzędzia i opisuje workflow co i czym możesz sprawdzić

Tutaj możesz zostać patronem:
https://patronite.pl/unknow

==
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ę? To daj plusa :)

************

[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]

Tagi: #technologia #python #javascript #nodejs #docker #ciekawostki pokaż całość