Wpis z mikrobloga

◢ #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
imlmpe - ◢ #unknownews ◣

 Nowe zestawienie ciekawych linków z branży IT już na Cieb...

źródło: comment_1604488864hRqMRhhJFzawk1rO9qxxZ1.jpg

Pobierz
  • 15
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...


@imlmpe: To jest dokładnie to nad czym ostatnio głowię się widząc ikonkę przekreślonego mikrofonu, która włącza mikrofon i odwrotnie (MS Teams lub Windows Game Bar przychodzą mi na myśl). ( ͡° ͜ʖ ͡°)
INFO: prosta nauka do wyciągnięcia? Sprawdzaj wszystko client-side oraz server-side.


@imlmpe: Według części TL client-side check jest wystarczający. Na server-side nie ma czasu i pieniędzy. No chyba że pojawia się bug-bounty albo atak i trzeba zapłacić, wtedy jest czas żeby opieprzyć deweloperów i wypłacić karę/bounty ( ͡° ͜ʖ ͡°)
9) Microsoft Teams miało kod sprawdzający uprawnienia dla teamów tylko na front-endzie.

this is not a bug or vulnerability as such, but a (very very bad) design choice by Microsoft


no nie w ogóle to nie bug or vulnerability, to tylko zła praktyka ( ͡° ͜ʖ ͡°)