#mstarzecnews #webdev #programowanie #nodejs #javascript #go #rustlang #it #bash #aws #apple #windows #elektronika

Golang:
Uruchamianie aplikacji Go w enklawach Intel® SGX bez zmian w kodzie - https://blog.edgeless.systems/how-we-built-ego-c02220360503

Rust:
Wizualizacja Lifetime i Borrow w rust - https://github.com/rustviz/rustviz

Programowanie:
Machine learning podstawy od microsoftu (kod w python) - https://github.com/microsoft/ML-For-Beginners

Kubernetes:
Plugin do k8s pokazujący macierz dostępów - https://github.com/corneliusweig/rakkess
Tool do wywoływania awarii w klastrze k8s - Chaos Engineering - https://github.com/powerfulseal/powerfulseal
Wirtualny k8s wewnatrz k8s - https://github.com/loft-sh/vcluster

Cloud/CDN:
Jak działa Lambda w AWS - https://www.bschaatsbergen.com/behind-the-scenes-lambda

Linux/Unix:
Cat z kolorowaniem składni - https://github.com/sharkdp/bat
Zaawansowane użycie awk i sed - https://posts.specterops.io/fawk-yeah-advanced-sed-and-awk-usage-parsing-for-pentesters-3-e5727e11a8ad
Passthrough fizycznej karty graficznej do KVM bez podłączania fizycznego monitora do karty - https://looking-glass.io/
Czym są i jak działają Namespaces i cgroups - https://www.nginx.com/blog/what-are-namespaces-cgroups-how-do-they-work/

Windows:
Windows 11 na Raspberry Pi oraz na lumia 950 - https://blog.adafruit.com/2021/06/30/users-are-installing-windows-11-on-raspberry-pi-raspberrypi-windows11/

Software/Services:
Alternatywa dla TeamViewer i AnyDesk - https://github.com/rustdesk/rustdesk

Elektronika:
Super mały hackintosh na LattePanda Alpha (coś jak rpi) - https://hackaday.com/2021/06/30/handheld-hackintosh-runs-mac-os-on-lattepanda/
Jak testują PCB FlipperZero - https://blog.flipperzero.one/electronics-testing/
rPI 4 jako mini serwer z UPS i OLED - https://www.cnx-software.com/2021/07/13/diy-raspberry-pi-4-mini-server-includes-ups-and-oled-information-display/
Linux 5.0 na esp32? - https://www.cnx-software.com/2021/07/18/linux-5-0-esp32-processor/
Web server na kalkulatorze casio? - http://fxip.as203478.net/

IT:
Darmowa alternatywa dla GPT-3 - https://www.p3r.one/gpt-j/
Czy scrum z roku na rok jest coraz gorszy? A może pora z nim skończyć? - https://endscrumnow.com/

Inne:
Automatyczne celowanie przy pomocy przechwytywania obrazu i ML - https://arstechnica.com/gaming/2021/07/cheat-maker-brags-of-computer-vision-auto-aim-that-works-on-any-game/
Najgorszy interfejs sterowania głośnością na świecie - https://uxdesign.cc/the-worst-volume-control-ui-in-the-world-60713dc86950 pokaż całość

◢ #unknownews ◣

Twoja cotygodniowa porcja ciekawych linków z branży IT już na Ciebie czeka - zapraszam do lektury :)

1) Raport "stanu internetu" z ubiegłego roku, opublikowany przez HTTP Archive
https://almanac.httparchive.org/en/2020/table-of-contents
INFO: jakich technologii używają strony? które usługi są najpopularniejsze? jaka biblioteka króluje w świecie JS (zdziwisz się!)

2) Narzędzie do wizualizacji danych z plików CSV - tworzy wykresy, grafy itp.
https://app.rawgraphs.io
INFO: wystarczy wkleić lub uploadować plik CSV, a następnie wybrać, które kolumny nas interesują i co chcemy z nimi zrobić. Narzędzie działa w pełni offline, bez wysyłania danych do backendu (Twoje dane są bezpieczne)

3) Jak stworzyć tani w utrzymaniu, kolokowany w serwerowni, serwer bazujący na... 5x Raspberry Pi 4b?
https://github.com/pawl/raspberry-pi-1u-server
INFO: bardzo interesująca konstrukcja. Łącznie 16GB RAM + około 1TB dysku. Koszty utrzymania to około 120zł/msc (w serwerowni).

4) Jak naprawdę działa przeglądarka internetowa? Przegląd kluczowych warstw i procesów w nich zachodzących
https://dev.to/gitpaulo/journey-of-a-web-page-how-browsers-work-10co
INFO: skrajnie dogłębnie omówiony temat (ale są obrazki :D). Dobry materiał dla dociekliwych ludzi, którzy zawsze lubią wiedzieć więcej.

5) Zbiór ściąg od OWASPa z poradami do testowania bezpieczeństwa webaplikacji
https://github.com/OWASP/CheatSheetSeries/tree/master/cheatsheets
INFO: jak testować JWT, podatność na XSS, DDoS i dziesiątki innych. Obowiązkowa lektura dla programistów i pentesterów

6) Jak szybciej uczyć się nowych rzeczy w branży IT?
https://www.joshwcomeau.com/blog/how-to-learn-stuff-quickly/
INFO: garść porad na temat tego, co może sprzyjać szybszemu zrozumieniu tematu.

7) Dlaczego firmy płacą okupy twórcom ransomware po zaszyfrowaniu dysków, pomimo posiadania pełnych backupów?
https://krebsonsecurity.com/2021/07/dont-wanna-pay-ransom-gangs-test-your-backups/
INFO: okazuje się, że mieć backup, to nie wszystko. Backup musi być działający, kompletny i... odzyskiwalny w skończonym czasie.

8) Jak poprawnie przygotować paczkę z aplikacją pythonową? - zdania są podzielone ;)
https://venthur.de/2021-06-26-python-packaging.html
INFO: setup.py + requirements.txt? a może setup.cfg, pyproject.toml lub jeszcze coś innego?

9) Git Worktrees - czym są i jak uprościć sobie dzięki nim pracę (film, 8 minut)
https://www.youtube.com/watch?v=2uEqYw-N8uE
INFO: dzięki wspomnianym drzewom, możesz pracować na wielu gałęziach projektu bez przełączania się między nimi, mając je np. dodane (jednocześnie!) do jednego IDE.

10) Czym są mikrofrontendy i dlaczego powinieneś się nimi zainteresować?
https://dev.to/vicnovais/what-are-micro-frontends-4amf
INFO: ciekawa i modna ostatnio koncepcja. Jakie są plusy i minusy tego podejścia i kiedy warto rozważyć jego wprowadzenie do projektu?

11) Streambus - zrób sobie własnego Netflixa z Twoimi treściami i zarabiaj na abonamencie
https://streambus.com
INFO: usługa umożliwia zbudowanie własnej platformy streamingowej. Usługa pobiera 10% Twojego wynagrodzenia z abonamentów, ale 'zarabiają tylko, gdy Ty zarabiasz'. Nie ma więc opłaty miesięcznej. Dobre rozwiązanie do dystrybucji np. płatnych tutoriali, czy vlogów.

12) Kolekcja 10 popularnych layoutów zaimplementowanych z użyciem skrajnie prostego (czasami jednolinijkowego) kodu CSS (film, 22 minuty)
https://www.youtube.com/watch?v=qm0IfG1GyZU
INFO: warto rzucić okiem na film jeśli zajmujesz się frontendem. Z pewnością poznasz kilka nowoczesnych sztuczek w CSS.

13) Zorbi - aplikacja do przygotowywania flash-cards (fiszek?) z tematami do powtórek wiedzy
https://zorbi.cards
INFO: aplikacja jest darmowa, działa online i umożliwia niezwykle szybkie tworzenie baz pytań z użyciem rozszerzenia do Chrome

14) Używasz webhooków do synchronizacji danych między dwoma systemami? Pomyśl o kilku wadach tego rozwiązania.
https://blog.syncinc.so/events-not-webhooks
INFO: co jeśli Twój serwer padnie? skąd weźmiesz brakujące dane, które przeoczyłeś podczas awarii? Ciekawe przemyślenia i potencjalne rozwiązanie.

15) Zaawansowane obliczenia matematyczne - lepiej napisać program, czy po prostu użyć Excela?
https://shkspr.mobi/blog/2021/07/why-do-we-use-r-rather-than-excel/
INFO: krótkie przemyślenia, dlaczego Excel nie zawsze jest idealnym rozwiązaniem i dlaczego czasami warto swoje obliczenia zapisać w postaci kodu źródłowego

16) Skąd w rozszerzeniach do przeglądarek bierze się złośliwe oprogramowanie? - nie zawsze jest to celowe działanie autora
https://micahcantor.xyz/blog/extension-developer-emails/
INFO: szemrane oferty reklamowe, propozycje kupna rozszerzenia i liczne 'współprace' oferowane twórcom rozszerzeń, to główne źródła problemu

17) Zaskakująca skuteczność regularnej pracy nad projektami pobocznymi - na przykładzie TypeSense
https://typesense.org/blog/the-unreasonable-effectiveness-of-just-showing-up-everyday/
INFO: autor stosował jedną, prostą regułę - codziennie pisał przynajmniej jeden, malutki fragment kodu i tak przez 6 lat...

18) Brython - programuj w Pythonie bezpośrednio na stronie WWW (tak, jakbyś to robił np. w JS)
https://github.com/brython-dev/brython
INFO: nie do końca rozumiem celowość projektu, ale jeśli jesteś pythonowym ekspertem i nie rozumiesz ani odrobinki javascriptu, to może Ci się przydać ;)

19) Piped - nakładka "naprawiająca problemy na YouTube" (alternatywny player i UI)
https://github.com/TeamPiped/Piped
INFO: nie śledzi użytkowników, posiada infinity scroll, nie łączy się zbytecznie z serwerami Google i kilkanaście innych.

20) DiffSitter - implementacja narzędzia 'diff' przeznaczona dla programistów
https://github.com/afnanenayet/diffsitter
INFO: narzędzie ignoruje zmiany niewpływające na kod, jak np. zmiana formatowania kodu

21) Nauroproteza pozwalająca pisać tekst, jedynie myśląc o nim - rozwiązanie dla ludzi niemogących porozumiewać się w inny sposób
https://www.ucsf.edu/news/2021/07/420946/neuroprosthesis-restores-words-man-paralysis
INFO: wygląda to naprawdę imponująco (zobacz film!). Obecnie umie rozpoznawać tylko 50 słów z 74% skutecznością, ale projekt stale się rozwija

22) Czy komunikator Telegram faktycznie jest bezpieczny? Analiza techniczna
https://mtpsym.github.io
INFO: w artykule wymieniono cztery potencjalne słabości komunikatora. Warto jednak zwrócić uwagę na to, że atak odzyskania wiadomości plaintextowych jest technicznie możliwy, ale zdatny do przeprowadzenia praktycznie tylko w warunkach testowych (wymaga wysyłania milionów wiadomości do atakowanego celu).

23) Dlaczego w Windowsie istnieje opcja "Nowy plik" w menu kontekstowym folderu? Przecież i tak każdy odpali Worda do utworzenia pliku Worda...
https://devblogs.microsoft.com/oldnewthing/20210720-41/?p=105457
INFO: jeśli myślisz, że opcja ta jest zupełnie zbyteczna, to prawdopodobnie biegle posługujesz się komputerem. Ciekawa odpowiedź ludzi z Microsfotu na to pytanie. Ma sens.

24) Angle Grinder - analizator logów dla Linuksa/Uniksa
https://github.com/rcoh/angle-grinder
INFO: wrzucamy logi w jednym z obsługiwanych formatów, a aplikacja je agreguje i za pomocą wewnętrznego języka zapytań wyciąga dane, które są nam potrzebne

25) Firefox wprowadza (od wersji 90) obsługę nagłówka Sec-Fetch-Site, która pomoże lepiej chronić się przed atakami CSRF
https://blog.mozilla.org/security/2021/07/12/firefox-90-supports-fetch-metadata-request-headers/
INFO: w praktyce działa to tak, że wszelkie requesty posiadają informację, czy jest to zapytanie 'same-origin', czy 'cross-site', a programista może podjąć decyzję, czy się na nie zgadza

26) Repozytorium GITa zawierające wszystkie możliwe shorthashe (te 7 znakowe) - ciekawy eksperyment
https://github.com/not-an-aardvark/every-git-commit-shorthash
INFO: narzędzie pokazuje 'wytrzymałość' tego systemu kontroli wersji. Okazuje się, że około 5.4 miliarda commitów w repo może go zabić (a przynajmniej współczesne komputery będą mieć problem, aby z takim repo pracować)

== LINKI TYLKO DLA PATRONÓW ==

27) Jak szybko i sprawnie budować udane aplikacje webowe, które na siebie zarabiają? (ebook)
https://uw7.org/un_60f9516bd06b9
INFO: nie jest to książka techniczna, a koncepcyjna. Bardzo ukierunkowuje mindset do tworzenia nieprzerośniętych, ale spełniających swoje zadania aplikacji.

28) Sprawdź swoją wiedzę z branży IT, rozwiązując jeden z kilkunastu quizów. Dowiesz się, które tematy musisz jeszcze zgłębić
https://uw7.org/un_60f951715ae2f
INFO: możesz sprawdzić wiedzę z HTTP, SQL, Node, Vue, Reacta, JavaScript, AWS i kilkunastu innych kategorii. Idealne do przygotowania się np na rozmowę o pracę

29) Klaster Kubernetes zbudowany na trzech Raspberry Pi, zasilanych przez PoE, wadzonych w fajną obudowę
https://uw7.org/un_60f9517b52c37
INFO: bardzo zgrabnie to twórca rozplanował. Nie jest to tanie rozwiązanie, ale jeżeli nie zależy Ci na wyglądzie i masz w domu jakieś stare routery, to można zbić cenę niemal o połowę

30) Strona, na której eksperci z różnych branż (programiści, graficy, właściciele biznesów itp) dzielą się swoimi narzędziami
https://uw7.org/un_60f9518117ac6
INFO: jakie aplikacje mają na telefonie? z czego korzystają na komputerze? Które gadżety ułatwiają im życie? jakie książki polecają itp. Inspirujące.

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

Zestawienia, które czytasz powstają dzięki wsparciu patronów z Patronite.
Wspieraj to, co lubisz i dołącz do grona patronów: ➤ https://patronite.pl/unknow

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

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

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

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

Mam pytanie, kiedy naprawicie wykop? Przecież to co się tutaj wyprawia przechodzi wszelkie granice dobrego smaku XD
Jak nie reklamy zasłaniające treści w wersji mobilnej, to taki babol uniemożliwiający korzystanie z serwisu. O tagach i nieskończonej pętli 15 wpisów na mirko już nawet nie wspominam....

@m__b @a__s @wykop @Moderacja
#zalesie #webdev #wykop pokaż całość

źródło: Zrzut ekranu 2021-07-19 o 09.23.43.png

◢ #unknownews ◣

Mamy piątek, więc czas na nowe zestawienie - tym razem publikuję znacznie wcześniej niż zwykle :)

1) Rekrutacja programisty jedynie z użyciem kodu FizzBuzz, ale w 8 wariantach
https://dev.to/inhuofficial/taking-fizzbuzz-to-the-next-level-8-challenges-from-beginner-to-pro-to-test-your-javascript-skills-2dih
INFO: bardzo pomysłowe podejście do nieźle oklepanego już tematu. Rozwiązania podają, jak wykonałby to junior i senior.

2) Wszystkie użyteczne rzeczy jakie wiem o Kubernetes (kubectl) - kompilacja przemyśleń
https://www.atomiccommits.io/everything-useful-i-know-about-kubectl/
INFO: notatki gościa uczącego się zarządzania kubernetesem. Spisał wszystko, co może być użyteczne

3) Jak używać polecenia 'tail' do monitorowania wielu rzeczy na serwerze
https://blog.robertelder.org/intro-to-tail-command/
INFO: to polecenie nie tylko pokazuje końcówkę plików tekstowych. Można go wykorzystać w bardziej kreatywny sposób.

4) Tworzenie stron WWW dbających o zużycie transferu użytkownika mobilnego (parametr 'prefers-reduced-data')
https://polypane.app/blog/creating-websites-with-prefers-reduced-data/
INFO: wspomniany parametr nie jest jeszcze obsługiwany przez żadną przeglądarkę, ale możemy symulować jego działanie

5) Jak tworzyć treści nadające się do czytania? Nasz czytelnik nie zawsze używa typowej przeglądarki
https://www.sarasoueidan.com/blog/tips-for-reader-modes/
INFO: czytelnicy mogą przeglądać Twoją stronę z użyciem różnych czytników. Twoje style CSS mogą zostać usunięte lub podmienione. Jak sobie z tym poradzić?

6) Ile robotów potrzebnych jest do obsługi sklepu spożywczego? (film, 5 minut)
https://www.youtube.com/watch?v=ssZ_8cqfBlE
INFO: ciekawy film prezentujący obsługę magazynów z użyciem robotów firmy Ocado.

7) Jak używać CURLa do sprawdzania wydajności aplikacji webowych?
https://speedtestdemon.com/a-guide-to-curls-performance-metrics-how-to-analyze-a-speed-test-result/
INFO: jeden sprytny plik TXT dorzucony do requesta pozwoli nam zmierzyć kilka użytecznych parametrów

8) Hackowanie taniej opaski sportowej "M6"
https://rbaron.net/blog/2021/07/06/Reverse-engineering-the-M6-smart-fitness-band.html
INFO: mowa o opasce kosztującej niespełna 23zł. Okazuje się, że można na nią pisać proste programy i sterować zdalnie jej wyświetlaczem

9) Web Stories - nowy pomysł Google bazujący na AMP (film, 6 minut)
https://www.youtube.com/watch?v=nTySRzu0Xto
INFO: to coś, co przypomina Facebook Stories, czy Instastories, ale bazujące na plikach HTML i zasadach działania znanych z AMP. Film posiada angielskie napisy

10) Przegląd 10 darmowych narzędzi do odzyskiwania plików, dostępnych na Windowsa
https://www.hongkiat.com/blog/free-windows-data-recovery-tools/
INFO: niektóre z nich (jak np. te bazujące na LiveCD, czy PhotoRec) działają także z innymi systemami

11) Bardzo fajna ściąga z operacji na tablicach w JavaScript (obrazek)
https://i.redd.it/h3hm8nftz0971.png
INFO: funkcje, metody i operacje związane z tablicami zostały sprytnie przedstawione z użyciem emoji

12) 7.css - arkusz CSS upodabniający aplikację webową do systemu Windows 7
https://khang-nd.github.io/7.css/
INFO: ciekawostką jest fakt, że 7.css bazuje na podobnym projekcie o nazwie XP.css, który bazuje na 98.css ;)

13) Jak zbudować stronę WWW w oparciu o technologię serverless z użyciem CMSa headless i Micropub do publikacji tekstów?
https://barryfrost.com/2021/07/vibrancy
INFO: trochę sztuka dla sztuki, ale przynajmniej uczy ciekawych zastosowań wspomnianych technologii

14) Sam hostuj własną pocztę e-mail - ale nie tak, jak myślisz
https://zach.bloomqu.ist/blog/2021/07/reliable-self-hosted-email.html
INFO: to nie jest kolejny tutorial pokazujący jak postawić własny serwer mailowy. Autor wykorzystuje tutaj np. zewnętrzne usługi (Mandrill/Twilio) do dostarczania maili.

15) Zbiór użytecznych aliasów dla Basha - zwiększają produktywność pracy
https://www.datagubbe.se/bestofbash/
INFO: garść pomysłowych aliasów usprawniających codzienną pracę w terminalu

16) Blackbird - skrajnie 'ostry' schemat kolorów dla programistów
https://blackbird.mattglei.ch
INFO: nadaje się do użycia w VS Code, VIM, i w terminalu

17) Jak się przemigrować z jQuery do Next.JS?
https://www.smashingmagazine.com/2021/07/migrate-jquery-nextjs/
INFO: artykuł zawiera bardzo ciekawy rozdział sugerujący, że niekiedy ani jQuery ani Next.JS nie będą Ci potrzebne.

18) WiFi Card - generator QR codów z dostępami do WiFi (SSID/pass)
https://wificard.io
INFO: przydatne np. na konferencjach czy w kawiarniach/hotelach. Wystarczy nakleić taki znaczek w widocznym miejscu i każdy otrzymuje pełen config do sieci.

19) Jak wypromować własny plugin do Wordpressa? Od zera do 20k userów w 12 miesięcy
https://wpmayor.com/how-to-grow-a-wordpress-plugin-to-20k-users-in-12-months/
INFO: ciekawe case study jednego z rozszerzeń.

20) Bot analizujący zachowania polityków i zliczający, ile razy patrzą oni do smartfonów, zamiast pracować
https://mashable.com/article/flemish-politicians-ai-phone-use
INFO: to taki mały trolling, ale w poważnym, naukowym celu ;)

21) Zrozum, jak działają JOINy w języku SQL - ilustrowany poradnik
https://dataschool.com/how-to-teach-people-sql/sql-join-types-explained-visually/
INFO: czym się różni inner join od wersji left/right od unii, czy cross join

22) Narzędzie do ściągania kompletnych stron WWW (z CSS, JS itp) z Web Archive
https://github.com/hartator/wayback-machine-downloader
INFO: narzędzie domyślnie ściąga najnowszą zarchiwizowaną wersję strony. Można jednak podać także datę.

23) Bardzo prosta usługa do udostępniania plików z poziomu terminala
https://transfer.sh
INFO: działa jako SaaS i NIE wymaga instalacji dodatkowych narzędzi (poza CURL)

24) Dlaczego NIE powinieneś używać map Google po ostatnim update jeśli dbasz o swoją prywatność
https://www.forbes.com/sites/zakdoffman/2021/06/19/apple-iphone-warning-switch-google-maps-to-apple-maps-after-chrome-and-gmail-backlash/?sh=3fb43ca623a5
INFO: ciekawy przegląd tego, jakie dane na Twój temat zbierają mapy i przemyślenia na temat bezpieczeństwa tego procesu

== LINKI TYLKO DLA PATRONÓW ==

25) Jak "pod spodem" działa AWS Lambda? Techniczne wyjaśnienie
https://uw7.org/un_60f09a8a903f2
INFO: analiza użyteczna szczególnie dla adminów myślących nad stworzeniem podobnego rozwiązania na własną rękę

26) Garść dobrych porad dla programistów Pythona - wersja z tego roku (2021)
https://uw7.org/un_60f09a90a16c4
INFO: dość długi tekst z kompilacją dobrych rad. Od ustawień projektu. Po prawej (na desktopie) jest menu ze spisem zagadnień

27) Pełen, darmowy kurs Reacta - 58 lekcji
https://uw7.org/un_60f09a9800786
INFO: wrzucam linka do playlisty. Rozdziały trwają przeważnie od 10 do 15 minut

28) Jak poprawnie wykonać 'onboarding' nowego programisty do zespołu? Poradnik.
https://uw7.org/un_60f09a9d53a2d
INFO: kompleksowe podejście do tematu. Od około tygodnia PRZED zatrudnieniem, przez pierwszy dzień w pracy, pierwszy tydzień itp. na 90 dniu kończąc

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

Możesz też dołączyć do grona patronów, dzięki którym powstaje to zestawienie.

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

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

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

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

Budowanie stron w php w tych czasach to chyba sredniowiecze nie sadzicie? w dobie takich technologii jak electron js react js to cos nie ma dobrego zastosowania przede wszystkim php jest strasznie stary

#programowanie #webdev

źródło: cdn.mansfeld.pl

Czy wiesz, że możesz dodać oldschoolowy telefon do wszystkich linków telefonicznych z użyciem CSS?

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue

źródło: sketch1626352226576.png

Czy wiesz, że możesz dzięki CSS stylować dzieci, gdy przesuwasz kursorem po rodzicu?

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue

GIF

źródło: ezgif.com-gif-maker(5).gif (1.21MB)

Potrzebuje ktoś zdalnego pomocnika do swojego biznesu?
Jestem w 3. klasie technikum i szukam jakiejś pracy na wakacje, a że mieszkam w zadupiu dolnym, to najbliższa oferta pracy sezonowej jest 50km ode mnie.

Uczę się pythona aktualnie, liznąłem webscraping, biblioteki GUI, #django i pewnie jeszcze coś innego, o czym zapomniałem. Fajnie by było podłapać jakieś doświadczenie w tej dziedzinie.
Równie chętnie swoich sił w dziedzinie #webdev #html #css #php

Oprócz tego mogę wykonywać jakieś zadania typu dodawanie/aktualizacja towarów w sklepie internetowym.

Jeśli ktoś naprawdę szuka pomocnika lub ma proste zlecenia do wykonania to proszę o PW.

pokaż spoiler #zarabianiewinternecie #ecommerce #programowanie #python #zarabianie #pracazdalna #pracadodatkowa #ecommerce #szukampracy #pracait #freelance
pokaż całość

Wakacyjna promocja w sohost®!

Z kodem WAKACJE hosting 40% taniej!
Kod ważny do 31.07.2021 roku!

Spóźniłeś/aś się? Dla Mirków i Mirabelek z kodem WYKOP hosting 25% taniej!

W każdym pakiecie:
• LiteSpeed + LS Cache
• Powierzchnia SSD NVMe
• Nielimitowany transfer
• DirectAdmin PL
• PHP 5.3-8.0
• ModSecurity + Imunify360
• Darmowe certyfikaty SSL (Let's Encrypt)
• Autoinstalator popularnych CMS'ów
• Pełny backup co 24 godziny aż do 7 dni wstecz!
• Darmowa migracja

I na koniec małe #rozdajo

Spośród plusujących do godziny 20:00 wybierzemy osobę, która otrzyma pakiet SO10 NVMe na rok za darmo!

#hosting #webdev #php #mysql #nodejs #promocje #sohost #domeny #wordpress pokaż całość

źródło: sohost.png

Czy wiesz, że div może wypełnić okno przeglądarki na wysokość i szerokość?

Wystarczy do tego CSS. Nie potrzebujesz Javascriptu, ani Reacta i innych rzeczy, które są w tagach

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue #doktoratzrakietologii pokaż całość

źródło: sketch1625996095475.png

Nudziło mi się więc zaprojektowałem i zaprogramowałem w react takie o to menu ustawień co o nim sądzicie? Jest coś do poprawy?

#programowanie #webdev #webdesign #ui #ux

źródło: settings.png

Czy wiesz, że możesz łatwo animować jednocześnie kilka cech designu z użyciem CSS-a?

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue

GIF

źródło: ezgif.com-gif-maker(4).gif (732KB)

Szukam nowej pracy Po praktycznie półtora roku myślenia o tym wzięłam cię w końcu i zaczęłam wysyłać CV. Background - jestem programista JS, w obecnej firmie nie widzę możliwości rozwoju, jestem tu już za długo. Ale mam cholerne problemy z samoocena więc szukanie pracy i wystawianie się na ocenę innych jest daleko poza moim comfort zone.

Jestem dumna że w końcu zrobiłam cokolwiek. Ale wczoraj odpisali mi z jednej firmy że mi podziękują bo potrzebują kogoś bardziej na backend a ja jestem bardziej frontem. No i mi przykro, walczę z samą sobą żeby nie poddać się i poszukać nowych ogłoszeń. Mam jeszcze dwie firmy z którymi gadam ale średnio mi na nich zależy, na tamtej mi zależało.

Chce fajnego projektu gdzie będę mogła się uczyć i rozwijać a nie pierwszej lepszej roboty.

Postaram się pisać update co jakiś czas, jak przestanę to wiedzcie że zgnije w obecnej robocie ( ͡° ʖ̯ ͡°)

#programowanie #webdev #bluprogramuje - do czarnolistowania pokaż całość

Cześć, chciałbym wam pokazać stronę, którą zrobiłem i zapytać co sądzicie o designie? Sam go projektowałem. Podoba się? Macie jakieś sugestie? Chętnie dowiem się co uważacie o takim projekcie. Wiem, że jest dosyć "generycznie", ale trochę tak miało być, by zachęcić jak najszersze grono osób do czytania. By to przypominało taki typowy serwis technologiczno-lifestylowy. Udało się? ( ͡º ͜ʖ͡º)

https://kosmogadka.pl/

Stack dla ciekawskich: Wordpress (Bedrock + Timber), Tailwind, Webpack, Docker.

#webdev #kosmos #frontend #wordpress pokaż całość

źródło: pobrane.jpeg

◢ #unknownews ◣

W ubiegłym tygodniu nie było zestawienia, więc w tym wrzucam wersję mocno rozbudowaną - jest co czytać! :)

1) JavaScript jest dziwny... bardzo dziwny - nie wierzysz? zrób quiz ;)
https://jsisweird.com
INFO: spróbuj odpowiedzieć na 25 pytań na temat dziwnych właściwości języka. Mój wynik to 10/25.

2) Gdzie podział się Jack Ma - założyciel grupy Alibaba?
https://www.forbes.com/sites/georgecalhoun/2021/06/24/what-really-happened-to-jack-ma/
INFO: mało techniczny, ale bardzo wciągający artykuł na temat ważnego w sieci człowieka (i najbogatszego Chińczyka na świecie), który praktycznie zapadł się pod ziemię w ubiegłym roku

3) Jak bezpieczna jest nowa wersja ProtonMail? - pentesterzy sprawdzili to. Zobacz raport.
https://protonmail.com/blog/security-audit/
INFO: ciekawostką jest fakt, że badanie przeprowadziła polska firma. Warto rzucić okiem chociażby po to, aby zobaczyć, jak wyglądają profesjonalne raporty z pentestów.

4) Zestaw narzędzi (CLI) usprawniających pracę każdego admina Linuxa/Unixa
https://github.com/skx/sysadmin-util
INFO: niektóre z nich mogą bardzo przyspieszyć tworzenie sprytnych skryptów powłoki.

5) Biblioteka do weryfikacji maili - sprawdza ZNACZNIE więcej niż tylko poprawność adresu
https://github.com/reacherhq/check-if-email-exists
INFO: czy domena ma wpisy w DNS, czy na serwerze docelowym działa SMTP, czy to jest adres 'catch-all', czy to fejkowy mail tymczasowy? Przeważnie za takie usługi trzeba płacić, a to jest za darmo.

6) Na czym polega atak Web Cache Poisoning?
https://portswigger.net/research/practical-web-cache-poisoning
INFO: wyjaśnienie ataku krok po kroku z przykładami.

7) Stosujesz tokeny JWT do trzymania sesji zalogowanego użytkownika? - to nie jest najlepszy pomysł
https://redislabs.com/blog/json-web-tokens-jwt-are-dangerous-for-user-sessions/
INFO: JWT są użyteczne, ale ich niepoprawne zastosowanie (jak np. wykorzystanie w sesjach), może doprowadzić do powstanie pewnych zagrożeń

8) Używasz menadżera haseł od Kasperskiego? No to masz niemały problem...
https://donjon.ledger.com/kaspersky-password-manager/
INFO: Używany przez aplikację algorytm generowania haseł pseudolosowy nie był kryptograficznie bezpieczny (seed bazował na aktualnej dacie). W konsekwencji można było wygenerować max. 4294967296 unikalnych haseł. Hackerzy mogą wygenerować tę listę i złamać Twoje hasło ze 100% skutecznością.

9) BRIAR - komunikator na ciężkie czasy, także te bez internetu.
https://briarproject.org/how-it-works/
INFO: Briar potrafi komunikować się przez WiFi, TORa oraz Bluetooth. Jest w pełni szyfrowany i nie sposób go w pełni ocenzurować.

10) Podstawy AWKa niezbędne do przetwarzania tekstów
https://posts.specterops.io/fawk-yeah-advanced-sed-and-awk-usage-parsing-for-pentesters-3-e5727e11a8ad
INFO: autor przekazuje wiedzę, która według niego przyda się przede wszystkim pentesterom. Moim zdaniem, skorzysta na tym każdy programista pracujący w terminalu

11) GTP-J - otwartoźródłowa alternatywa dla GTP-3?
https://www.p3r.one/gpt-j/
INFO: GPT-3 (słynny silnik do generowania tekstów via AI) jest płatny i nie ma otwartych źródeł. Twórcy tego projektu postanowili coś z tym zrobić.

12) YouTube Regrets - raport Mozilli na temat szkodliwości systemu rekomendacji stosowanego przez YouTube
https://foundation.mozilla.org/pl/campaigns/regrets-reporter/findings/
INFO: raport ma 39 stron i przedstawia między innymi bardzo dziwne sytuacje do których dochodzi przez 'inteligentne rekomendacje' (userzy trafiają na szkodliwe treści).

13) Lista filmów o tematyce 'hackerskiej' lub cyberpunkowej
https://hackermovie.club
INFO: filmy podzielone są na kategorie: thriller, science fiction, filmy akcji, seriale i dokumentalne

14) Sprawdź, czy Twoja strona WWW posiada niezbędne nagłówki bezpieczeństwa i czy nie używa niebezpiecznych technologii (np. przestarzały SSL)
https://observatory.mozilla.org
INFO: po przeglądnięciu raportu rzuć jeszcze okiem na zakładkę 'third-party tests', gdzie znajdziesz jeszcze kilka raportów

15) Baza muzyki do programowania - 62 składanki po około 1h każda
https://www.musicforprogramming.net
INFO: lata temu już to wrzucałem, ale widzę, że rozbudowali listę składanek i dodali możliwość ściągania MP3

16) Github Copilot - rozszerzenie do VS Code, generujące fragmenty kodu bazując na OpenAI
https://copilot.github.com
INFO: opisujesz słownie (jako np. komentarz w kodzie), co dana funkcja ma robić, a następnie zaczynasz pisać jej kod. Rozszerzenie dopisze dalszą część. Rozwiązanie

17) Generator map obrazków - spraw, aby różne elementy obrazka linkowały w różne miejsca
https://www.imagemaps.net/
INFO: technologia popularna niegdyś pod koniec lat 90', ale i dziś - choć zapomniana - może się przydać

18) ChartsCSS - bardzo prosta w użyciu biblioteka do tworzenia wykresów w CSS
https://chartscss.org/
INFO: w praktyce musisz jedynie dodać garść klas do DIVów, a w efekcie otrzymasz wykres kolumnowy, liniowy, 3D i kilka innych

19) Dynamiczne dostosowywanie rozmiaru czcionki do rozmiaru okna w CSS - w jednej linii
https://fluid-typography.netlify.app/
INFO: nie znałem tego wcześniej. Kreator na stronie pozwala wyklikać wszystkie opcje.

20) Jak zwiększając rozmiary obrazków na stronie uzyskać lepszą ocenę w Lighthouse? (tak, ZWIĘKSZAJĄC)
https://blog.rentpathcode.com/we-increased-our-lighthouse-score-by-17-points-by-making-our-images-larger-83f60b33a942
INFO: nie wiem, czy można to nazwać bugiem, ale metoda oceniania stosowane w tych testach sprawia, że sprawiając, że strona staje się większa i wolniejsza (w pewnym szczególnym przypadku), przechodzi ona testy lepiej

21) Garść porad na temat pracy z GITem - jak usprawnić swoją pracę
https://sethrobertson.github.io/GitBestPractices/
INFO: to bardziej lista dobrych praktyk. Jak postępować z repozytorium - co robić, a czego unikać

22) Signal-CLI - pracujący w terminalu klient komunikatora Signal
https://github.com/AsamK/signal-cli
INFO: bardzo użyteczne jeśli chcesz zautomatyzować np. rozsyłanie powiadomień, czy napisać prostego bota.

23) Lista ToDo bazująca na pliku tekstowym, obsługiwana przez CLI
https://github.com/todotxt/todo.txt-cli
INFO: bardzo geekowe rozwiązanie dla ludzi często pracujących w terminalu

24) Windows 11 ma mieć wsparcie dla aplikacji Androida, ale nie przez Google Play, a przez market Amazona - czy to problem dla security?
https://commonsware.com/blog/2021/06/26/windows-11-amazon-uncomfortable-questions.html
INFO: autor wyjaśnia w jaki sposób ta drobna decyzja o źródle pochodzenia pakietów może wpłynąć na bezpieczeństwo niektórych aplikacji (np. szyfrowane komunikatory)

25) Jak to z tymi Web Workerami jest? - stan na 2021 rok
https://www.smashingmagazine.com/2021/06/web-workers-2021/
INFO: workery obsługuje każda z wiodących przeglądarek, ale jak wygląda np. sprawa współbieżności wykonywania kodu i współdzielenia pamięci?

26) Poprawna obsługa obrazków w CSS - dynamicznie dobierane formaty plików, rozdzielczość itp.
https://css-tricks.com/using-performant-next-gen-images-in-css-with-image-set/
INFO: dobry artykuł o image-set(). Funkcja istnieje już od prawie 10 lat, ale Firefox niedawno (kwiecień) dodał ją do swojej przeglądarki sprawiając, że jej użycie ma teraz ogromny sens.

27) Bardzo dokładny, techniczny opis włamania do firmy Kaseya
https://techtalk.comodo.com/2021/07/08/kaseya-vsa-breach-consequences-of-security-failures/
INFO: to firma informatyczna zaatakowana przez ransomware. Przechowywała dane około 1500 innych firm. Obecnie wszystkie są zaszyfrowane.

28) Skrajnie krótkie wprowadzenie do nagłówków bezpieczeństwa w protokole HTTP
https://www.youtube.com/watch?v=QBOOvyZv7SU
INFO: to materiał uświadamiający, przeznaczony dla początkujących programistów. Wymaga samodzielnego zgłębienia poruszanych tematów

29) Narzędzie do tworzenia kanałów RSS z treści zebranych z dowolnej strony
https://feed-me-up-scotty.vincenttunru.com
INFO: jeśli strona nie posiada kanału RSS, a bardzo chciałbyś aby posiadała, to za pomocą selektorów w stylu CSS, możesz taki kanał wygenerować

30) Wtyczka, która sprawia, że YouTube staje się mniej uzależniający
https://chrome.google.com/webstore/detail/less-addictive-youtube/olhmbgdbpfpkpejldoihajphhilpdnle
INFO: ukrywa polecane, komentarze, miniaturki itp. Chodzi o to, abyś oglądał tylko film do którego dostałeś od kogoś linka, a nie błądził po YT bez celu

31) Ilu elementów HTML potrzebujesz do stworzenia pięciostopniowej skali ocen? - powinien wystarczyć jeden input ;)
https://dev.to/madsstoumann/star-rating-using-a-single-input-i0l
INFO: bardzo sprytne rozwiązanie. Nie ma znaczenia, czy potrzebujesz takiego systemu ocen, to i tak warto przeglądnąć kod źródłowy, aby zrozumieć jak to jest zrobione

32) Temporal - nowe API do obsługi dat i czasu w JavaScript. Świetne omówienia
https://dev.to/madsstoumann/star-rating-using-a-single-input-i0l
INFO: obecne API jest bardzo nieprzyjazne dla użytkownika. Zobacz jak przyjemnie wygląda jego nowa implementacja. Wiele problemów zostało rozwiązanych

== LINKI TYLKO DLA PATRONÓW ==

33) Jak zbudować prostą, zdecentralizowaną stronę WWW?
https://uw7.org/un_60e802ece1c6a
INFO: pod spodem będzie znajdować się Ethereum Name Service oraz Międzyplanetarny system plików. W praktyce, możesz tak hostować dowololną, statyczną stronę internetową.

34) Niemal 500 pytań i odpowiedzi związanych z JavaScript - przydatne na rozmowie o pracę i/lub w trakcie nauki
https://uw7.org/un_60e802f275a01
INFO: ogromna ilość zagadnień. Może wyręczyć niejednego rekrutera przy wymyślaniu pytań rekrutacyjnych ;)

35) Podstawy projektowania systemów dużej skali - poradnik (wiedza uniwersalna, bez nacisku na konkretne technologie, czy systemy)
https://uw7.org/un_60e802f73de4f
INFO: linkuję do połowicznie przetłumaczonej na polski wersji. Jeśli preferujesz oryginał, to kliknij 'English' w pierwszej linijce tekstu.

36) Kompletne wprowadzenie do Reduxa - szczególnie przydatne dla programistów Reacta/Angulara.
https://uw7.org/un_60e802fc7b52d
INFO: przed zastosowaniem wiedzy z artykułu sugeruję przeczytać komentarz pod nim od... jednego z twórców Reduxa, który nie zgadza się z niektórymi poradami

==
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 #programowanie #linux #webdev #frontend #ciekawostki #html #css pokaż całość

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

Dzisiejszego dnia wpada kilka ofert z kategorii #java, dla chętnych na wyjazd do #szwajcaria lub #niemcy ( ͡º ͜ʖ͡º)

(SwissDevJobs.ch | LinkedIn | Twitter | Facebook)
(GermanTechJobs.de | LinkedIn | Twitter | Facebook)

Tag do obserwowania / czarnolistowania: #swissdevjobs

--------------------------------------------------------------------------------------------------------------------------------

SENIOR DEVELOPER JAVA BACKEND / FULLSTACK 80- | andrion 
[Zürich] [90’000 - 115’000 CHF] [Regular] [Full-Time] [English]
https://swissdevjobs.ch/jobs/andrion-SENIOR-DEVELOPER-JAVA-BACKEND--FULLSTACK-80-

Software Engineer (Kotlin, Java) | Edgelab 
[Lausanne] [85’000 - 110’000 CHF] [Regular] [Full-Time] [English]
https://swissdevjobs.ch/jobs/Edgelab-Software-Engineer-Kotlin-Java

Senior Search Engineer | Migros Online 
[Zurich] [100’000 - 130’000 CHF] [Senior] [Full-Time] [English]
https://swissdevjobs.ch/jobs/Migros-Online-Senior-Search-Engineer-

Senior Java-Entwickler | BEGASOFT AG 
[Bern] [95’000 - 125’000 CHF] [Senior] [Full-Time] [German]
https://swissdevjobs.ch/jobs/BEGASOFT-AG-Senior-Java-Entwickler

Java Full Stack Developer | ELCA Informatik AG 
[Zürich] [85’000 - 125’000 CHF] [Senior] [Full-Time] [German]
https://swissdevjobs.ch/jobs/ELCA-Informatik-AG-Java-Full-Stack-Developer

Senior Java Developer 80-100%, m/w | SASIS AG, c/o santésuisse 
[Luzern] [110’000 - 135’000 CHF] [Senior] [Full-Time] [German]
https://swissdevjobs.ch/jobs/SASIS-AG-co-santsuisse-Senior-Java-Developer-80-100-mw

Junior Java Developer (m/w/d) | Loyalty Partner Solutions GmbH 
[München] [45.000 - 50.000 EUR] [Junior] [Full-Time] [English]
https://germantechjobs.de/jobs/Loyalty-Partner-Solutions-GmbH-Junior-Java-Developer-mwd

Senior Java Developer (m/f/d) | Loyalty Partner Solutions GmbH 
[München] [60.000 - 80.000 EUR] [Senior] [Full-Time] [English]
https://germantechjobs.de/jobs/Loyalty-Partner-Solutions-GmbH-Senior-Java-Developer-mfd

Java Backend Developer | Dabster Systems Germany GmbH 
[Munich] [55.000 - 70.000 EUR] [Senior] [Full-Time] [English]
https://germantechjobs.de/jobs/Dabster-Systems-Germany-GmbH-Java-Backend-Developer

Senior Java Backend Developer (m/f/d) | PAYBACK GmbH 
[München] [70.000 - 85.000 EUR] [Senior] [Full-Time] [English]
https://germantechjobs.de/jobs/PAYBACK-GmbH--Senior-Java-Backend-Developer-mfd

Java Software-Entwickler (w/m/d) | DR. THOMAS + PARTNER GmbH & Co.KG 
[Stutensee] [40.000 - 60.000 EUR] [Junior] [Full-Time] [German]
https://germantechjobs.de/jobs/DR-THOMAS--PARTNER-GmbH--CoKG-Java-Software-Entwickler-wmd

Senior Backend Engineer Java (m/w) | LOGIBALL GmbH 
[44629 Herne] [55.000 - 75.000 EUR] [Senior] [Full-Time] [German] [Remote]
https://germantechjobs.de/jobs/LOGIBALL-GmbH-Senior-Backend-Engineer-Java-mw

#pracait #praca #webdev #backend #spring #programista15k pokaż całość

źródło: weekly_2.jpeg

Zapraszamy na krótki przegląd ofert z kategorii #javascript i okolic, dla chętnych na przeprowadzkę do #szwajcaria lub #niemcy ( ͡º ͜ʖ͡º)

(SwissDevJobs.ch | LinkedIn | Twitter | Facebook)
(GermanTechJobs.de | LinkedIn | Twitter | Facebook)

Tag do obserwowania / czarnolistowania: #swissdevjobs

------------------------------------------------------------------------------------------------------------------------

Frontend Developer 60-100% | atpoint ag 
[Zürich] [70’000 - 95’000 CHF] [Regular] [Full-Time] [English]
https://swissdevjobs.ch/jobs/atpoint-ag-Frontend-Developer-60-100

Fullstack Engineer – Live Engagement | SpotMe 
[Lausanne] [90’000 - 125’000 CHF] [Regular] [Full-Time] [English] [Remote]
https://swissdevjobs.ch/jobs/SpotMe-Fullstack-Engineer--Live-Engagement

Frontend Developer (80 – 100%) | ConReal Swiss AG 
[Winterthur] [60’000 - 75’000 CHF] [Regular] [Full-Time] [German]
https://swissdevjobs.ch/jobs/ConReal-Swiss-AG-Frontend-Developer-80--100

Senior Software Engineer Frontend (100%) | Lunchgate AG 
[Zürich] [80’000 - 110’000 CHF] [Senior] [Full-Time] [English]
https://swissdevjobs.ch/jobs/Lunchgate-AG-Senior-Software-Engineer-Frontend-100

Senior Developer (React, node.js) (m/f/d) | Ziegert Group 
[Berlin] [55.000 - 75.000 EUR] [Senior] [Full-Time] [English]
https://germantechjobs.de/jobs/Ziegert-Group-Senior-Developer-React-nodejs-mfd

Senior Fullstack-Developer (m/w/x) | Styla GmbH 
[Berlin] [60.000 - 85.000 EUR] [Senior] [Full-Time] [English] [Remote]
https://germantechjobs.de/jobs/Styla-GmbH-Senior-Fullstack-Developer-mwx

Frontend Developer & Chapter Lead (m/w/d) | NETCONOMY 
[Dortmund] [45.000 - 55.000 EUR] [Senior] [Full-Time] [English]
https://germantechjobs.de/jobs/NETCONOMY-Frontend-Developer--Chapter-Lead-mwd

Senior Frontend Engineer (m/f/d) | 3YOURMIND GmbH 
[Berlin] [60.000 - 75.000 EUR] [Senior] [Full-Time] [English]
https://germantechjobs.de/jobs/3YOURMIND-GmbH-Senior-Frontend-Engineer-mfd

Senior Frontend Engineer (React) (m/w/d) | Valyria Technology GmbH 
[Berlin] [60.000 - 80.000 EUR] [Senior] [Full-Time] [German]
https://germantechjobs.de/jobs/Valyria-Technology-GmbH-Senior-Frontend-Engineer-React-mwd

Frontend Developer (w/m/d) | dmTECH GmbH 
[Karlsruhe] [45.000 - 65.000 EUR] [Regular] [Full-Time] [German]
https://germantechjobs.de/jobs/dmTECH-GmbH-Frontend-Developer-wmd

#pracait #praca #webdev #fullstack #frontend #programista15k pokaż całość

źródło: weekly_1.jpeg

Ja wiedziałem od dawna, że programiści od portalu do kupowania biletów Intercity lubią innowacyjne rozwiązania ale dzisiaj to mnie zaskoczyli. Otóż można założyć wiele kont na ten sam adres e-mail. Zapomnisz, że masz konto i spodziewasz się, że jak adres e-mail jest w użyciu to dostaniesz o tym powiadomienie? Na co to komu, po co to, zakładaj kolejne konto. Baza danych wytrzyma ( ͡° ͜ʖ ͡°)

W rezultacie odzyskując hasło do konta na dany adres e-mail najpierw trzeba odzyskać nazwę użytkownika a może być ich wiele, wtedy user dostaje listę i wybierze sobie, do którego konta na swoim adresie e-mail chce się zalogować i gotowe.

Przydatne dla osób z podwójnym życiem, bilety w jedną stronę pod jednym kontem, inne bileciki ukryte na alternatywnym koncie ( ͡° ͜ʖ ͡°)

#heheszki #pkp #intercity #webdev #programowanie pokaż całość

Dzisiejszego dnia wpada nieco ofert #pracazdalna, dla chętnych na przeprowadzkę do #szwajcaria i #niemcy ( ͡º ͜ʖ͡º)

(SwissDevJobs.ch | LinkedIn | Twitter | Facebook)
(GermanTechJobs.de | LinkedIn | Twitter | Facebook)

Tag do obserwowania / czarnolistowania: #swissdevjobs

--------------------------------------------------------------------------------------------------------------------------------------------

DevOps + Security Engineer | Yova AG 
[Zürich] [100’000 - 125’000 CHF] [Regular] [Full-Time] [English] [Remote]
https://swissdevjobs.ch/jobs/Yova-AG-DevOps--Security-Engineer-

Senior Mobile Engineer (Android,iOS), Local/Remote | Futurae Technologies AG 
[Zurich] [85’000 - 100’000 CHF] [Regular] [Full-Time] [English] [Remote]
https://swissdevjobs.ch/jobs/Futurae-Technologies-AG-Senior-Mobile-Engineer-AndroidiOS-LocalRemote

Security Solutions Engineer | Futurae Technologies AG 
[Zurich] [80’000 - 100’000 CHF] [Junior] [Full-Time] [English] [Remote]
https://swissdevjobs.ch/jobs/Futurae-Technologies-AG-Security-Solutions-Engineer

FinTech Full Stack Developer | vlot AG 
[Zürich] [80’000 - 100’000 CHF] [Regular] [Full-Time] [English] [Remote]
https://swissdevjobs.ch/jobs/vlot-AG-FinTech-Full-Stack-Developer

Cloud Engineer | KITE AG 
[Zürich] [100’000 - 130’000 CHF] [Regular] [Full-Time] [German] [Remote]
https://swissdevjobs.ch/jobs/KITE-AG-Cloud-Engineer

Senior Application Engineer .NET* | Unic AG 
[Bern] [105’000 - 130’000 CHF] [Senior] [Full-Time] [German] [Remote]
https://swissdevjobs.ch/jobs/Unic-AG-Senior-Application-Engineer-NET

Frontend/Vue.js Developer | emlen GmbH 
[Berlin] [50.000 - 75.000 EUR] [Senior] [Full-Time] [English] [Remote]
https://germantechjobs.de/jobs/emlen-GmbH-FrontendVuejs-Developer

Lead Backend Engineer (f/m/d) | The Jodel Venture GmbH 
[Berlin] [70.000 - 90.000 EUR] [Lead] [Full-Time] [English] [Remote]
https://germantechjobs.de/jobs/The-Jodel-Venture-GmbH-Lead-Backend-Engineer-fmd

Data Scientist (m/f/d) | Limehome 
[München] [40.000 - 60.000 EUR] [Regular] [Full-Time] [English] [Remote]
https://germantechjobs.de/jobs/Limehome-Data-Scientist-mfd

Agile Coach | Fretello 
[Linz] [40.000 - 45.000 EUR] [Regular] [Full-Time] [English] [Remote]
https://germantechjobs.de/jobs/Fretello-Agile-Coach

Junior IT Systemadministrator (m/f/d) | Limehome 
[München] [35.000 - 40.000 EUR] [Junior] [Full-Time] [English] [Remote]
https://germantechjobs.de/jobs/Limehome-Junior-IT-Systemadministrator-mfd

Junior Product Owner (f/m/d) | receeve GmbH 
[Hamburg] [30.000 - 50.000 EUR] [Junior] [Full-Time] [English] [Remote]
https://germantechjobs.de/jobs/receeve-GmbH-Junior-Product-Owner-fmd

#pracait #praca #programista15k #remote #webdev pokaż całość

źródło: weekly_2.png

#mstarzecnews #webdev #programowanie #nodejs #javascript #go #rustlang #it #bash #aws #apple #windows #elektronika

JS/Web:
Nowy klient HTTP/1.1 - blazing fast - https://github.com/nodejs/undici
Blazing fast GraphQL engine - graphql server + postgresql - https://github.com/hasura/graphql-engine
Nowoczesny CSS - Minimal snippets for modern CSS layouts and components - https://smolcss.dev/
Node.js best practices - https://github.com/lirantal/nodejs-cli-apps-best-practices

Programowanie:
DAAAARMOOOOO - https://freestuff.dev/
AI - więcej niż zwykły autocomplete - https://copilot.github.com/
Jak sprawić aby współpracownicy znienawidzili twój kod? - 5 złych praktyk pisania kodu - https://tsh.io/blog/bad-coding-practices/

Kubernetes:
Kubernetes History Visualization - https://github.com/salesforce/sloop
Monitoring dla k8s - https://github.com/turbonomic/kubeturbo
Deploy aplikacji na k8s - https://github.com/devtron-labs/devtron

Cloud/CDN:
Dwa toole do Reverse terraform - generuje terraforma na podstawie stanu infry -
https://github.com/cycloidio/terracognita
https://github.com/GoogleCloudPlatform/terraformer
Przejęcie virtualnej maszyny w Google Cloud Platform za pomoca DHCP - https://github.com/irsl/gcp-dhcp-takeover-code-exec

Linux/Unix:
Modern Unix - alternatywy dla standardowych komend unixowych - https://github.com/ibraheemdev/modern-unix
Bash prompt generator - http://bashrcgenerator.com/

Apple:
“%p%s%s%s%s%n” nazwa sieci może wyłączyć Wi-Fi na Twoim iPhonie - https://9to5mac.com/2021/06/19/a-specific-network-name-can-completely-disable-wi-fi-on-your-iphone/
Alternatywny sklep AppStore na iphone bez jailbreak? - https://altstore.io/

Windows:
Czy windows działa wolniej z każdym kolejnym update? - https://ntdotdev.wordpress.com/2021/02/21/state-of-the-windows-part-2-did-windows-10-slow-down-with-each-feature-update/
Windows 11 - https://www.theverge.com/2021/6/24/22548428/microsoft-windows-11-android-apps-support-amazon-store
Czy twój sprzęt jest gotowy na Windows 11? - https://github.com/rcmaehl/WhyNotWin11

Software/Services:
Darmowy soft do kontrolowania połączeń w systemie (linux, windows) - https://github.com/safing/portmaster/
Brute force do URI, subdomen DNS, hostname Web serwera, otwartych bucketów S3 - https://github.com/OJ/gobuster

Elektronika:
Jak działa USB - https://blog.adafruit.com/2021/06/15/how-does-a-usb-keyboard-work-the-usb-protocol-explained-ben_eater/
Bezpieczny komunikator na LoRa (zasięg około 10km) zrobiony z Nokia e63 (obudowa, wyświetlacz, klawiatura), stm h7 itd - https://github.com/TrevorAttema/OTGMessenger

IT:
Zbiór tematów o cyberbezpieczeństwie - https://d3fend.mitre.org/
Sieć neuronowa nauczona gry GTA - https://www.youtube.com/watch?v=udPY5rQVoW0
Zagraj w wypełnienie formularza - przykłady koszmarnych UX'ów - https://userinyerface.com/ pokaż całość

(╯°□°）╯︵ ┻━┻
#wykop #maciejpsuje #heheszki #webdev

źródło: i.imgur.com

Czy irytuje Cię, gdy wypełniasz formularz kontaktowy, przewijasz stronę go góry, ale zamiast tego przeglądarka ją przeładowuje? Jeśli tak to polecam właściwość CSS o nazwie overflow-scroll.

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue pokaż całość

źródło: sketch1624796354371.png

Czy irytuje Cię gdy border ustawiony na focus elementu powoduje, że Twój UI psuje się jak mecz z Krychowiakiem?

Użyj właściwości outline i zacznij zaliczać! ( ͡° ͜ʖ ͡°)

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue pokaż całość

źródło: sketch1624714843261.png

Normalnie tekst jest łamany na kilka kolumn w ten sposób, by przynajmniej dwa wiersze zostały w poprzedniej kolumnie. Dzięki CSS możesz zwiększyć liczbę pozostawionych wierszy, aby tekst wyglądał jeszcze lepiej.

Daj plusa jak lubisz moje wpisy.

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue pokaż całość

źródło: sketch1624646473883.png

Wykop wyglada gorzej niż ukraińskie scamy z Olx

#wykop #webdev #syf @m__b @a__s #reklamakreatywna #reklama #amatorszczyzna

. . . kliknij, aby rozwinąć obrazek . . .

źródło: Mikroblog - Wykop.pl - strona 5.png

Czy wiesz, że dzięki właściwości CSS o nazwie offset możesz animować ducha po ścieżce? Uwaga: Safari jeszcze tego nie obsługuje

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue

GIF

źródło: ezgif.com-gif-maker(1).gif (388KB)

Twoja rybka jest za mało hardkorowa i nie ćwiczy bicków? Użyj fit-content i przywróć jej odpowiednie proporcje! ( ͡° ͜ʖ ͡°)

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue

źródło: sketch1624380094610.png

Pamiętam, jak z 15 lat temu będąc biednym uczniem nie było mnie stać na porządny serwer, który miałby crona, więc pisałem skrypty, które odpowiadały jako RSS, dzięki czemu czytnik online uruchamiał mi je co kilkanaście minut.
#webdev #patodeweloperka

Czy wiesz, że dzięki właściwości CSS o nazwie mix-blend-mode możesz uzyskać interesujące efekty tekstowe (i graficzne) ?

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue

źródło: sketch1624300648343.png

Fajna zabawka na kilka minut: https://david.li/paint/

#webdev #webstuff #programowanie #javascript

Wykop "Dbamy o twoją prywatność" więc w wielkim wyskakujacym okienku poprosimy o cię o zgodę na rzeczy które obnażają twoją prywatność XD W dodatku damy wielki niebieski przycisk akceptuj wszystkie a jesli nie chcesz akceptować to musisz ręcznie odptyknąć 9 ptaszków i kliknąć ledwo widoczny przycisk zapisz i wyjdź XD

#wykop #webdev

źródło: obraz_2021-06-21_160616.png

Letnia wyprzedaż sohost®!

Z kodem LATO21 hosting 50% taniej!
Kod ważny do 30.06.2021 roku!

Spóźniłeś/aś się? Dla Mirków i Mirabelek z kodem WYKOP hosting 25% taniej!

W każdym pakiecie:
• LiteSpeed + LS Cache
• Powierzchnia SSD NVMe
• Nielimitowany transfer
• DirectAdmin PL
• PHP 5.3-8.0
• Darmowe certyfikaty SSL (Let's Encrypt)
• Autoinstalator popularnych CMS'ów
• Pełny backup co 24 godziny aż do 7 dni wstecz!
• Darmowa migracja

I na koniec małe #rozdajo

Spośród plusujących do godziny 20:00 wybierzemy osobę, która otrzyma pakiet SO10 NVMe na rok za darmo!

#hosting #webdev #php #mysql #nodejs #promocje #sohost #domeny #wordpress pokaż całość

źródło: summersale21.png

Pusta komórka psuje Ci tabelę? Ukryj ją właściwością CSS o nazwie empty-cell!

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue

źródło: sketch1624025573036.png

◢ #unknownews ◣

Nadszedł piątek, więc czas na nowe zestawienie linków z branży IT. Zapraszam do czytania, a jeśli się spodoba, to pamiętaj o plusiku ;)

1) Jak działa Apache Kawka? - wyjaśnienie na poziomie 5-letniego dziecka w formie książeczki z obrazkami :D
https://www.gentlydownthe.stream/
INFO: może i wygląda to zabawnie, ale jeśli nigdy nie miałeś styczności z Kawką lub masz problemy ze zrozumieniem koncepcji, to ta lektura bardzo Ci pomoże (strony można przerzucać kursorami)

2) Historia sieci WEB, jaką znamy - rozwój technologii
https://www.matthewgerstman.com/tech/history-of-the-web/
INFO: na początku był HTML, później JavaScript, doszedł jeszcze CSS, a później... o tym w artykule

3) WayFinder - relaksująca gra przeglądarkowa polegająca na szukaniu elementów na mapie
https://wayfinder.nfb.ca
INFO: znajdź błyszczące, białe elementy (gdy je znajdziesz, to rozpoznasz, o jakie chodzi) i zbuduj z nich wiersze (poezję). Grafika i sterowanie w grze bardzo przypomina mi "Don't starve". Cierpliwości wystarczyło mi na zaliczenie dwóch etapów (czyli znalezienie 12 symboli).

4) Dobre praktyki przy testowaniu kodu JavaScript i NodeJS
https://github.com/goldbergyoni/javascript-testing-best-practices/blob/master/readme-pl.md
INFO: długie, rozbudowane, ale i przydatne zarazem. Warto rzucić okiem jeśli piszesz w JS/Node

5) Wykrywanie problemów z dostępnością stron internetowych z użyciem narzędzi wbudowanych w przeglądarkę
https://christianheilmann.com/2021/06/08/accessibility-issues-you-can-discover-and-fix-using-the-browser-developer-tools/
INFO: sprytne metody na użycie devtoolsów do wykrycia wszelkich nieprawidłowości, które mogą utrudnić odbiór Twojej strony np. osobom niewidomym, czy z zaburzeniami postrzegania kolorów

6) Jak wygląda najczęściej kopiowany kod ze StackOverflow i dlaczego... zawiera on błąd?
https://programming.guide/worlds-most-copied-so-snippet.html
INFO: taka ciekawostka. 7 linijek kodu, które zostało przeklejone do niemal 4 milionów aplikacji Open Source

7) Jak obsługiwać sekrety (dane dostępowe, hasła itp) w aplikacjach działających w terminalu?
https://smallstep.com/blog/command-line-secrets/
INFO: podawanie sekretów jako parametry naraża je na wyciek. To może zmienne środowiskowe? Ciekawa analiza różnych rozwiązań.

8) Prestigemad - skrzyżowanie Jupyter Notebooka z klientem HTTP lub coś jak Postman połączony z notatnikiem
https://prestigemad.com/
INFO: ustaw kursor tekstowy przy czymkolwiek, co nie jest komentarzem i naciśnij CTRL+ENTER (na Macu CMD+Enter) i zobacz, co się stanie. Przydatne do tworzenia interaktywnych dokumentacji. Aplikacja selfhosted.

9) Drobne przecieki związane z wyglądem Windowsa 11
https://www.theverge.com/2021/6/15/22535123/microsoft-windows-11-leak-screenshots-start-menu
INFO: nowe menu start, sporo zaokrągleń w designie. Przyjemnie to wygląda.

10) Nowoczesne alternatywy dla klasycznych komend unixowych
https://github.com/ibraheemdev/modern-unix
INFO: cat z kolorowaniem składni? Przyjaźniejszy zamiennik seda? Łącznie 27 interesujących narzędzi

11) Utrzymywanie stałych proporcji wysokości do szerokości w CSS (tzw. aspect-ratio)
https://ishadeed.com/article/css-aspect-ratio/
INFO: nie wiedziałem, że CSS natywnie obsługuje takie rozwiązanie. Przydatne np. do przycinania obrazków tak, aby pasowały do naszego grida.

12) Jak hackerzy wykorzystali Slacka do włamania się do EA Games
https://www.vice.com/en/article/7kvkqb/how-ea-games-was-hacked-slack
INFO: jestem zaskoczony, że tak prosta metoda na obejście zabezpieczeń multifactor zadziałała w takiej korporacji.

13) Jak i po co przestać się przestymulowywać cyfrowymi bodźcami?
https://quintusertorius.com/letyourmindrest/
INFO: istnieje pewna szansa, że przesadnie stymulujesz swój mózg social mediami, czy muzyką. Jaki to może mieć na Ciebie wpływ?

14) Podłączenie komputera bez karty WiFi do sieci bezprzewodowej z użyciem Raspberry Pi
https://willhaley.com/blog/raspberry-pi-wifi-ethernet-bridge/
INFO: instrukcja wykonania prostego bridga pobierającego net z WiFi i podającego go po kablu np. do starych komputerów.

15) Kopia - nowe, otwartoźródłowe narzędzie do wykonywania kopii bezpieczeństwa plików
https://kopia.io
INFO: korzysta z Twojego (wybranego) storage. Obsługuje deduplikację, kompresję w locie i szyfrowanie danych. Klient działa na Windows/Linux/Mac.

16) LanDrop - narzędzie do szybkiego przesyłania plików między komputerami w sieci LAN
https://landrop.app
INFO: w działaniu przypomina bardzo AirDrop znany z urządzeń Apple, jednak to rozwiązanie jest wieloplatformowe. Działa na Windows/Linux/Mac/Android/iOS

17) Jak dobrze Twoja przeglądarka zabezpiecza Cię przed śledzeniem i identyfikacją przez np. wydawców reklam?
https://firstpartysimulator.org
INFO: wykonaj prosty test i zobacz, które elementy Twojej przeglądarki są unikalne, a które sprawiają, że wtapiasz się w tłum

18) Joplin - wieloplatformowa aplikacja do notatek i list zadań
https://joplinapp.org
INFO: obsługuje synchronizację danych z Dropboxem, OneDrive, NextCloud, czy dowolnym plikowym zasobem sieciowym. Działa na Windows/Linux/Mac

19) Ponad setka animowanych 'loaderów' napisanych w czystym CSS
https://dev.to/afif/still-100-css-loaders-for-your-next-project-57hp
INFO: niekoniecznie musisz je wykorzystywać w celu, w jakim powstały. Mnie ciekawi bardziej to, jak zostały one stworzone (analiza kodu CSS)

20) Zaawansowane użycie metod konsoli w JavaScript - na console.log() świat się nie kończy
https://medium.com/nmc-techblog/advanced-console-log-tips-tricks-fa3762930bca
INFO: przydatne do sprawniejszego debugowania aplikacji. O istnieniu table() i group() nie wiedziałem wcześniej.

21) pyWhat - narzędzie do identyfikacji stringów. Wykrywa, czym jest tekst, który wkleiłeś
https://github.com/bee-san/pyWhat
INFO: wklejasz ciąg znaków i od razu wiesz, że jest to np. hash MD5, albo numer karty kredytowej lub ID filmu na YouTube. Potrafi analizować zawartość plików PCAP (dumpy ze snifferów) i wyciągać z nich cenne informacje.

22) CSSGram - filtry z Instagrama zaimplementowane w czystym CSS
https://github.com/una/CSSgram
INFO: wybierasz filtr z listy, dodajesz jego nazwę jako klasę do obrazka i gotowe.

23) Przegląd TOP15 wartych uwagi bibliotek do Reacta
https://dev.to/coursesity/react-libraries-to-use-in-2021-15-top-picks-37d7
INFO: to subiektywny wybór autora tekst, niebazujący na popularności tych bibliotek

24) Jak zaimplementować na stronie funkcję "skopiuj do schowka"?
https://dev.to/bibekkakati/how-to-implement-copy-to-clipboard-on-a-website-1p0l
INFO: skrajnie proste rozwiązanie bazujące na jednej, niezbyt rozbudowanej instrukcji. Nie każdy jednak wie, że tak to działa.

25) Podstawy operacji na liczbach binarnych - wyjaśnione w bardzo przystępny i szybki sposób
https://dev.to/valeriavg/master-binary-in-five-minutes-2lj5
INFO: najbardziej spodobała mi się metoda ustawiania i odczytywania (sprawdzania) konkretnych bitów w liczbie. Kiedyś miałem to na studiach, ale zupełnie wyleciało mi z głowy

26) Kiedy nowa wersja danego softu będzie dostępna i jakie zmiany wprowadzi?
https://released.info
INFO: strona agregująca daty releasów nowych wersji popularnych technologii.

== LINKI TYLKO DLA PATRONÓW ==

27) Jesteś osobą mocno techniczną i swobodnie piszesz po angielsku? A może by na tym zarobić?
https://uw7.org/un_60cc5f21efc74
INFO: lista 28 firm płacących za techniczne wpisy na ich blogach. Ceny zazwyczaj w przedziale $100 - $500 za tekst

28) Zbiór 160+ dobrych rad i tipsów do pracy z GITem
https://uw7.org/un_60cc5f274a066
INFO: nieważne jak długo pracujesz z gitem, prawdopodobnie znajdziesz tam coś nowego, co może Ci się przydać

29) Potężny zbiór linków do narzędzi dla designerów i ludzi od UX
https://uw7.org/un_60cc5f2c4a56b
INFO: całość podzielona na działy: projektowanie, mockupy, no-code, dostępność i dziesiątki innych

30) Podręcznik przygotowujący do rozmów kwalifikacyjnych z HTML/CSS/JavaScript
https://uw7.org/un_60cc5f317ed0f
INFO: dziesiątki pytań z pełnymi odpowiedziami i opracowaniami. Idealne do nauki przed rozmową o pracę. U góry po prawej możesz wybrać język polski

==
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 i najlepiej zapisz się na newsletter :)

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

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

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

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

10 popularnych pytań z rozmów rekrutacyjnych dot. Reacta i odpowiedzi.

#dlaprogramistow #webdev #frontend #javascript #react #html

źródło: Untitled.jpg

Czy wiesz, że możesz zmienić styl napisów do filmu z użyciem pseudoelementu CSS o nazwie ::cue ? CSS zawsze trafia do bramki :)

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue

źródło: sketch1623845690284.png

Czy wiesz, że możesz dodać napisy do filmu za pomocą jednego tagu HTML?

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue

źródło: sketch1623759540550.png

Czy wiesz, że teraz możesz czasem drastycznie zwiększyć wydajność Twoich rubasznych divów? Używaj właściwości CSS contain: content i testuj. Daj żyć wiatrakom!

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue pokaż całość

źródło: sketch1623484114935.png

◢ #unknownews ◣

Dziś publikuję trochę później niż zwykle, ale przynajmniej połowa piątku będzie produktywna ;)

1) Ekstremalna optymalizacja serwera WWW (nginx) - od 224k req/sec do 1.2M
https://talawah.io/blog/extreme-http-performance-tuning-one-point-two-million/
INFO: autor pokazuje kolejne kroki optymalizacji mającej na celu przygotowanie API mogącego obsługiwać przynajmniej milion requestów na sekundę na pojedynczej instancji EC2 (model c5.xlarge)

2) Słuchasz muzyki tylko w najwyższej jakości? A faktycznie czy umiałbyś rozpoznać, która jakość jest najwyższa?
https://www.npr.org/sections/therecord/2015/06/02/411473508/how-well-can-you-hear-audio-quality?t=1622044062122&t=1623396391703
INFO: posłuchaj sześciu utworów. Każdy z nich dostępny jest w jakości 128kbps, 320kbps oraz w formie czystego, nieskompresowanego pliku WAV. Twoje zadanie to znalezienie tego ostatniego.

3) Jak debugować problemy z wyświetlaniem strony na iPhone? - kompleksowe podejście
https://css-tricks.com/debugging-ios-safari/
INFO: czy to wina rozdzielczości? może to specyfika przeglądarki? a może po prostu "na iPhone tak to działa"? Każdy z tych problemów ma swoje rozwiązanie.

4) Jak działają zapytania DNS w systemie Linux? - to nie może być trudne, prawda? ;)
https://zwischenzugs.com/2018/06/08/anatomy-of-a-linux-dns-lookup-part-i/
INFO: pięcioczęściowa seria wyjaśniająca krok po kroku, co dzieje się podczas odpytywania systemu o nazwę domeny

5) iPhone 12 wyłowiony z kanału po 7 godzinach spędzonych pod wodą (działał!) - ciekawa była metoda odnalezienia go i wyłowienia
https://riedel.wtf/iphone-12-pro-in-canal-magsafe-fishing-rod/
INFO: autor tekstu przy okazji odkrył, że użycie bluetooth (celem np. błyśnięcia ekranem) i próby dzwonienia na telefon znajdujący się głęboko pod wodą zazwyczaj nie przynoszą rezultatów ;)

6) Używaj poprawnych tagów HTML do zadania, jakie chcesz wykonać - czyli słów kilka o semantyce
https://localghost.dev/2021/06/the-right-tag-for-the-job-why-you-should-use-semantic-html/
INFO: dlaczego nie powinieneś wrzucać wszystkiego w DIVy i SPANy? Wyjaśnienie jest w artykule.

7) Wszystkie komputery Apple z chipem M1 posiadają buga w zabezpieczeniach, którego nie da się naprawić (bez wymiany procesora)
https://m1racles.com
INFO: ostatnio sporo się mówi o tym błędzie. Zanim jednak napiszesz w komentarzu kultowe "i dlatego właśnie nie kupuję Maków!", przeczytaj proszę FAQ na stronie. Autor wyjaśnia tam, że praktycznie nic Ci nie grozi, a bug jest bardziej nerdowską ciekawostką.

8) Generator rysowanych map z ulicami - dobre jako np. plakat na ścianę
https://anvaka.github.io/city-roads/
INFO: podajesz nazwę miasta/regionu, czekasz (potrzeba cierpliwości) i masz naprawdę fajną grafikę. Obsługiwane są wszystkie miasta, wsie itp., ale dla lepszego efektu warto wpisać duże miasto. Eksport do SVG/PNG jest dostępny pod "Customize...".

9) Astro - generator statycznych stron internetowych, ale... z wersji dynamicznej
https://astro.build/blog/introducing-astro
INFO: budujesz stronę w czymkolwiek zechcesz, a Astro robi z tego wersję statyczną.

10) Jak stworzyć przyjazną dla środowiska stronę internetową?
https://branch.climateaction.tech/issues/issue-1/hands-on-sustainable-web-design/
INFO: wyjaśnienie, co wpływa na bycie 'green' i jak można poprawić stronę, aby być bardziej ekologicznym

11) Container Queries w CSS - jak z nimi pracować
https://ishadeed.com/article/container-queries-for-designers/
INFO: artykuł dobrze wyjaśnia, czym są wspomniane kontenery i dlaczego używanie media query to nie jest to samo. Przyjemne wyjaśnienie.

12) Czy wszystkie komentarze w kodzie mają sens? Kiedy komentarze mogą być zbyteczne
https://blog.jim-nielsen.com/2021/useful-and-usless-code-comments/
INFO: komentowanie kodu to dla niektórych coś na wzór obowiązku, a nie dobra praktyka, która ma poprawić zrozumienie kodu. Przez to poczucie obowiązku, komentowane często są elementy niepotrzebujące komentarza i/lub kod komentowany jest na niewłaściwym poziomie szczegółowości.

13) Jak zbudować twitterowego bota, zupełnie bez programowania i bez wydawania pieniędzy na jakiekolwiek narzędzia
https://gumroad.com/l/twitter-bot
INFO: poradnik (4 filmy z tutorialami) jest dostępny w modelu "zapłać ile chcesz", ale jeśli nie jesteś w stanie dać nawet $1, to wpisz tam zero - też zadziała

14) Dlaczego Proof-Of-Stake mający zastąpić Proof-Of-Work np. w Ethereum jest problematyczny?
https://github.com/stickfigure/blog/wiki/Proof-Of-Stake-Wears-No-Clothes
INFO: autor prostymi słowami (z pominięciem algorytmów, obliczeń itp.) wyjaśnia, do czego może doprowadzić przejście na PoS.

15) vaice2json - rozpoznawanie głosu w trybie offline (rozwiązanie Open Source)
https://voice2json.org
INFO: jest to narzędzie CLI, pracujące na plikach WAV. Może przydać się do zrobienia własnej wersji asystenta głosowego. Posiada moduł do obsługi języka polskiego. Ta aplikacja dopasowuje próbkę głosu do wzorca, czyli umie rozpoznawać wydawane polecenia, ale nie wykona transkrypcji tekstu.

16) Interaktywny kurs CSS prosto od Google - zupełnie za darmo
https://web.dev/learn/css/
INFO: naprawdę przystępnie napisany i zwięzły kurs CSS. Przykłady osadzone są przez CodePen, więc można się nimi dynamicznie pobawić.

17) Jak działają hasła maskowane? - "podaj pierwszą cyfrę telekodu..." (film, 7 minut)
https://www.youtube.com/watch?v=LP9xFk38g44
INFO: krótkie wyjaśnienie algorytmu, jego wad i przypadków użycia.

18) Jak NIE tworzyć buttonów w HTML - krótkie porównanie rozwiązań z komentarzem
https://www.buttoncheatsheet.com/
INFO: przycisk na stronie można osadzić jako button, input, div, ostylowany link i jeszcze na kilka innych sposobów. Które z nich są złe, a które skrajnie złe i dlaczego?

19) Superintendent - odpytuj pliki CSV tak, jakby to była baza SQL. Do tego graficznie
https://superintendent.app
INFO: natywna aplikacja na Windows/Linux/Mac, która w wersji beta dostępna jest zupełnie za darmo. Na załączonym na stornie filmie widać, jak się tego narzędzia używa.

20) Czym różnią się Su, Sudo Su, Sudo -s oraz Sudo -i?
https://www.maketecheasier.com/differences-between-su-sudo-su-sudo-s-sudo-i/
INFO: taka ciekawostka dla adminów i devopsów. Wyjaśnienie, kiedy używać każdej z tych opcji

21) Piszesz aplikacje na Maca? Lepiej iść do marketu, czy rozpowszechniać oprogramowanie na własną rękę?
https://www.jessesquires.com/blog/2021/06/02/to-distribute-in-the-mac-app-store-or-not/
INFO: odpowiedź nie jest taka oczywista, bo oba wyjścia posiadają swoje plusy jak i minusy. Poza tym zawsze można zdecydować się na model mieszany

22) Używanie menadżerów haseł - czy może nas to narażać na jakieś niebezpieczeństwa?
https://lock.cmpxchg8b.com/passmgrs.html
INFO: autor pokazuje, że menadżery haseł także można sprytnie zaatakować. Wektory ataku są jednak na tyle specyficzne, że przeważnie lepiej dla Ciebie będzie używać menadżera niż zaniechać jego używania z wymienionych powodów ;)

23) Minimalistyczny edytor kodu w wersji selfhosted z obsługą wielu użytkowników
https://github.com/ekzhang/rustpad
INFO: działa to trochę jak dokumenty google, gdzie wielu userów, jednocześnie może modyfikować kod aplikacji.

24) Jak bezpiecznie zachować dane "na zawsze"?
https://drewdevault.com/2020/04/22/How-to-store-data-forever.html
INFO: ciekawa analiza tematu. Jaki nośnik wykorzystać? Jaką technologię? jak to wszystko połączyć i czego zdecydowanie nie używać?

25) Pisanie "sprytnego" kodu - zło, czy dobre rozwiązanie?
https://www.hillelwayne.com/post/cleverness/
INFO: niekiedy napotykamy się na kod źródłowy, który wykorzystuje bardzo wymyślne właściwości języka. Trudno się to czyta, trudno go zrozumieć, ale przynajmniej jest zgrabny i krótki. Istnieje jednak inny rodzaj sprytnego kodu - taki, który wykorzystuje właściwości danego problemu, a nie języka.

== LINKI TYLKO DLA PATRONÓW ==

26) Jak używać HTTPS na localhoście? Poradnik.
https://uw7.org/un_60c356b027c29
INFO: do czego potrzebujesz HTTTPSa? Chcesz przetestować usługi/serwisy działające jedynie w wersji szyfrowanej, albo wpisałeś sobie do hostów domenę swojego przyszłego serwisu i chcesz przetestować jej działanie w wersji 1:1 jak oryginalnej, ale podając kod z lokalnego komputera.

27) Jak napisać rozszerzenie do przeglądarki Chrome (w praktyce: do każdej przeglądarki obsługującej webextensions) w czystym JS
https://uw7.org/un_60c356b52a507
INFO: bardzo zwięzły, ale - jakby nie patrzeć - w zupełności wystarczający tutorial

28) System do automatyzacji śledztw OSINT - zbieranie informacji o domenach, mailach i ogólnie o ludziach
https://uw7.org/un_60c356b996571
INFO: narzędzie w stylu recon-ng, z tym że posiadające interfejs webowy i ponad 200 dodatków zbierających dodatkowe informacje

==
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: #technologia #ciekawostki #programowanie #webdev #frontend #linux #javascript pokaż całość

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

No i cyk. Właśnie wypuściłem ebooka - Jak napisać dokumentację IT?

Dowiesz się z niego:
✅ Jak rozmawiać z klientem aby poznać PRAWDZIWE oczekiwania do projektu?
✅ Jak notować aby było czytelnie NAWET ROK po spotkaniu?
✅ Jak pisać aby BYĆ ZROZUMIANYM? (+ czego unikać)
✅ Jak skrócić czas pracy nad dokumentacją do NIEZBĘDNEGO MINIMUM?
✅ Jak zabezpieczyć się dokumentacją przed konsekwencjami?
✅ Jak doskonalić warsztat pisania i skąd czerpać wiedzę PO PRZECZYTANIU EBOOKA?

Jeśli temat Cię interesi, to możesz go pobrać za śmieszny piniondz (29.99). To mniej niż pizza, a zdrowiej! ( ͡° ͜ʖ ͡°)

~~> KUP EBOOKA TANIEJ <~~

#it #wojciszko #programowanie #webdev #zarzadzanieprojektami #biznes #projectmanagement #projectmanager #dokumentacja #uml #programista15k #ebook #ebooki pokaż całość

źródło: ebook_okladka.png

Czy wiesz, że możesz dodać trochę stylu do swoich zdjęć z użyciem właściwości CSS o nazwie clip-path?

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue

źródło: sketch1623263472535.png

Lubicię tę zabawę w klikanie "edytuj"? Trudna, ale jak się uda to jest satysfakcja. Dziękuję #wykop

#heheszki #webdev

źródło: edytuj_1.png

Czy wiesz, że możesz rozświetlić dzień użytkowników Twojej strony albo aplikacji zmieniając kolor kursora tekstowego? CSS to ogarnia!

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue pokaż całość

źródło: sketch1623073217995.png