[imlmpe]

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

[imlmpe]

Aby otrzymywać zestawienie prosto do swojej skrzynki mailowej, zapisz się na newsletter:

https://unknow.news

[marmot]

@imlmpe:

INFO: mowa o natywnych zmiennych (bez użycia SESS/LESS itp.)

SASS :)

[saif3r]

@imlmpe: the hike fajnie się zapowiada

[grypa-grypowska]

@imlmpe: ten build-in screenshot z 7 podpunktu dziala tylko polowicznie. Kiedys szukalem opcji, zeby robic cale screenshoty, w ktorych trzeba scrollowac watek, albo jakis duzy obraz i zamiast calosci to robi podwojny, albo potrojny screenshot jednego gornej czesci ekranu. Jak masz pomysly jak ludzie potrafia lapac screenshoty calych nitek na tysiace postow, to chetnie sie dowiem, bo nigdzie w necie za bardzo tego nie moglem znalezc. Chodzi o obrazy typu powyzej

[imlmpe]

@grypa-grypowska: no u mnie to działa bez problemu

[grypa-grypowska]

@imlmpe: a u mnie jest cos takiego, scina w pewnym momencie obraz i robi zrzut od nowa, jednak to cos u mnie jest nie tak..., bo probowalem z roznymi przegladarkami

[L.....t]

@grypa-grypowska: w ustawieniach na wykopie wyłącz ruchomy pasek górny

[L.....t]

https://www.wykop.pl/ustawienia/

"ogólne -> ukrywaj górną belkę podczas przewijania strony"

i nie będziesz miał takich artefaktów

[grypa-grypowska]

@LuxEtClamabunt: to ucinanie screenshotow jest na kazdej stronie, nie tylko na wykopie

[Colek]

3) Trwająca 8 lat, próba zdigitalizowania 45 kaset VHS do wersji DVD

@imlmpe: szkoda, że najciekawszy i najtrudniejszy problem związany z tym został sprowadzony do - zapłaciłem firmie trzeciej za wykonanie tego.

[novaq]

@imlmpe: jak zwykle super zbiór. 7 nie chce działać na JIRA, robi tylko screen tego co widać a nie całej strony. Ale trick fajny

[zakius]

Wołanie nie działa

*laughs in RSS*

[zakius]

@grypa-grypowska: w FF i pochodnych (Waterfoksu, Quantum, który NIE JEST Firefoksem) działa zupełnie normalnie, wybierasz node i zrzucasz, w wypadku wykopka z tą nieogarniętą belką przewiń na górę na początek i tyle

@novaq: pewnie na virtual scrollu się wywala, nie jest cała lista wyrenderowana jednocześnie, więc bez zrzucania, przewijania, zrzucania kolejnego kawałka i sklejania tego się nie obejdzie