Halo, jak mnie słychać? Tutaj [ #webstuff ]!

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

➡ Chcesz być wołany do kolejnych wpisów? Zaplusuj ten wpis.

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

● LoFi Generator – strona, która generuje muzykę LoFi. Co ciekawe, nie wykorzystuje ML, lecz stosunkowo proste generowanie proceduralne.
https://lofigenerator.com/

● Rephrasely – Sztuczna inteligencja, która przekształca i zmienia układ zdań nawet na kilka różnych sposobów.
https://rephrasely.com/

● Netlix-Codes – Wiecie, że Netflix posiada ukryte kategorie z gatunkami filmów?
https://www.netflix-codes.com/

● FlowCV
źródło: comment_1647006022cwapcSST9MtVqgFGpciDgx.jpg
Nie ma czasu na wyjaśnienia! To po prostu [ #webstuff ]

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

➡ Chcesz być wołany do kolejnych wpisów? Zaplusuj ten wpis.

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

● Stumbled to zbiór wszystkiego, co ciekawe, dziwne lub zaskakujące; strony internetowe o wyjątkowej jakości, strony, na których można zabić czas lub nauczyć się czegoś nowego.
https://stumbled.to/

● Ta strona ulegnie samozniszczeniu, jeśli nie będzie używana.
https://www.thiswebsitewillselfdestruct.com/

● LALAL.AI – Wyodrębnianie wokalu, akompaniamentu i różnych instrumentów z dowolnego materiału
źródło: comment_1644165755nrTTcfTi0RUmuuYRBU5i0J.gif
Wiem, wiem... Długo nic nie publikowałem, ale już jest – świeżutki [ #webstuff ]!

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

➡ Chcesz być wołany do kolejnych wpisów? Zaplusuj ten wpis.

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

● Animacja 3D gry w tenisa stołowego w #css oraz HTML.
https://codepen.io/amit_sheen/pen/PobQjMX

● Kord – Webowa aplikacja, która pozwala połączyć playlisty z Spotify, Soundcloud i YouTube w jednym miejscu.
https://www.kord.app/

● Jak tworzyć tabele, by wyglądały dobrze i były przyjazne dla użytkownika? Krótki tutorial.
https://imgur.com/ZY8dKpA

źródło: comment_16149686022cegNCzhTVobUNUDhO9WxF.jpg
Cześć i czołem! [ #webstuff ]!

Dzisiejsze wydanie zawiera kilka linków do poczytania w przerwie świątecznej :)

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

➡ Chcesz być wołany/a do kolejnego wpisu? Zaplusuj pierwszy komentarz pod wpisem.

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

● Dlaczego żaden pracownik umysłowy nie pracuje 8 godzin dziennie?
https://dev.to/shivenigma/nobody-is-working-for-8-hours-a-day-why-3ilg

● Zaawansowane użycie map Sass, dzięki któremu możemy dostać się do każdego z jej elementów w bardzo prosty sposób: get('color.black.base').
https://itnext.io/advanced-use-of-sass-maps-bd5a47ca0d1a

● "Wiele lat zajęło mi jako programiście, aby czuć
źródło: comment_1608546833qlAn50vrX07V2spiAZqGvM.jpg
@klocus: odnośnie tempa pracy. Sam kiedyś chciałem robić wszystko szybko, jak byłem wolniejszy to czyłem, się gorszy. Dzisiaj po 9 latach pracy mam to gdzieś. Ilu ja już szybkich magików którzy nie piszą testów spotkałem... Potem okazuje się, że jestem najwolniejszy ale jako jedyny piszę testy, tak było w jednej firmie.

Druga rzecz wspomnina w artykule, to research. Czasem lepiej poświęcić pół dnia więcej na porównanie rozwiązań niż potem kilka dni
Witam w muzycznym wydaniu [ #webstuff ]!

➡ Chcesz być wołany/a do kolejnego wpisu? Zaplusuj pierwszy komentarz pod wpisem.

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

● X-Team Radio – Ciekawe "radio" z utworami do programowania / pracy / nauki z animowanymi pixel-artami w tle.
https://radio.x-team.com/

● Poolside FM – Internetowa stacja radiowa, odtwarzająca nieskończoną ilość letnich dźwięków.
https://poolside.fm/

● moooodify – Aplikacja pozwala na posortowanie ulubionej muzyki Spotify według nastroju, który można następnie zapisać jako playlisty.
https://moooodify.com/
Uwaga! Zmiana zasad wołania użytkowników [ #webstuff ]!

#mirkolisty nie działają, więc zmieniam zasady wołania do kolejnych wpisów z tej serii.

➡ Chcesz być wołany/a do kolejnego wpisu? Zaplusuj ten wpis.
➡ Nie chcesz być wołany/a do kolejnego wpisu? Nie plusuj tego wpisu.

Dziś ostatni raz wołam osoby zapisane na dawną mirkolistę.

PS. Dajcie znać czy wolicie plusować sam wpis czy specjalny komentarz pod wpisem i na podstawie tego wołanie do kolejnych
źródło: comment_1600535413sgoBb388IATLEUFLcuDFk6.jpg
Nie wiem co napisać we wstępie, więc zapraszam po prostu na [ #webstuff ]!

● Aspect App – Narzędzie, które pozwala wyklikać responsywną stronę.
https://aspect.app

● dbdiagram.io – Darmowe i proste narzędzie do rysowania diagramów relacji DB poprzez zwykłe pisanie kodu. Zaprojektowane dla programistów i analityków danych.
https://dbdiagram.io/

● PHPSandbox – Narzędzie do prototypowania lub współdzielenia projektów PHP z obsługą pakietów Composer.
https://phpsandbox.io/

● Tiiny Host – Wybierasz plik *.zip z plikami
źródło: comment_1599658606vNaTJ3LOE2hXCRM2GOjKNu.jpg
Cześć, webdeveloperskie świry! [ #webstuff ]

● Aplikacja internetowa, która pozwala na oglądanie samouczków kodowania na YouTube bez rozpraszania uwagi i dodawanie do nich notatek.
https://teachyourselfcode.io/

● Zbiór wskazówek projektowych, nad którymi pracował użytkownik Twittera.
https://twitter.com/i/events/994601867987619840

● Wtyczka do Visual Studio Code, która poszerza możliwości edytora o Real-Time Debugging.
https://marketplace.visualstudio.com/items?itemName=hediet.realtime-debugging

● Niewielka i prosta biblioteka JavaScript do dodawania powiązań klawiatury do aplikacji.
https://github.com/lukeraymonddowning/whenipress

● Zbiór zasad UX, które projektanci mogą brać pod
źródło: comment_1599387425qkrWmSXNNt3s1c9Gh3Fy1j.jpg
Bez zbędnego przedłużania – zapraszam na [ #webstuff ]!

● Tworzenie makiet zrzutów ekranu w przeglądarce w kilka sekund. Screenshot.rocks zmienia zwykłe zrzuty ekranu w piękne makiety.
https://screenshot.rocks

● Przydatne jednolinijkowce w JS. #javascript
https://1loc.dev/

● Zbiór lekcji i wiedzy z różnych dziedzin IT: algorytmika, CSS, git, HTML, PHP, JS, Python, C#, LaTex, MySQL, Angular, itd.
https://devtut.github.io/

● Interaktywna nauka gita wraz z wizualizacjami.
https://learngitbranching.js.org/

● Darmowe kursy od Harvardu: Game Development,
źródło: comment_1598186342g50eaRLKAnwssLCckAQR2k.jpg
Nie ma czasu na wprowadzenie! [ #webstuff ]!

● Kompletny przewodnik dla twórców webdev, którzy są lub chcą zostać freelancerami.
http://ow.ly/MOqb50ylC3U

● Narzędzie z fajnym przedstawieniem graficznym Regexu oraz wieloma przykładami najczęściej używanych formuł.
https://ihateregex.io/

● To narzędzie pozwala szybko wygenerować dane połączenia Wi-FI wraz z kodem QR. Po prostu wprowadź swoje dane logowania i wydrukuj wygenerowany plik PDF.
https://www.mywifisign.com/

● Konsolowe narzędzie, które znajduje publicznie znane luki bezpieczeństwa w frontendowych bibliotekach
źródło: comment_1581612981qo2QSBL2kOiBZ7BaP3RXbP.jpg
Hoł, hoł, hoł! Zapraszam na #webstuff!

❶ Internet Society (ISOC) niedawno sprzedało rozszerzenie domen „.org” za 1,35 miliarda dolarów firmie Ethos Capital. Szykujcie się na podwyżkę cen...
http://ow.ly/KmoY50xv8A3

❷ A tak wygląda większość stron internetowych w 2019 :/
http://ow.ly/pFCZ50xv8Rn

❸ Krótki przewodnik wizualny po elementach typografii.
https://imgur.com/a/D3RZwDQ

❹ Etykiety (labelki) nie zawsze są potrzebne, by użytkownik zrozumiał, co przedstawiają dane :)
http://ow.ly/NzSP50xv9az

❺ Proceduralne generowanie krajobrazów jako SVG w JS.
http://ow.ly/uCha50xv9ln
źródło: comment_QrQCESHVYsTZznrOv9wTmuC48R107LHP.jpg
Hej! Dziś kolejne wielkie badanie Mirków z #webdev! Z jakiego systemu operacyjnego korzystacie podczas pracy?

W komentarzach możecie uzasadnić swój wybór.

Wyniki opublikuję w kolejnym #webstuff.


#internet #windows #linux #macos #programowanie #programista15k #frontend #backend
źródło: comment_RNv0sMJb6kMPnG4JdsLo8Q2ns4v77E9Q.jpg

JESTEM WEB DEVELOPEREM I W PRACY KORZYSTAM GŁÓWNIE Z:

  • Windows 45.0% (203)
  • Linux 29.7% (134)
  • macOS 24.6% (111)
  • Inny OS 0.7% (3)

Oddanych głosów: 451

@koneser_azbestu: trochę to smutne, że w webie, gdzie deploy jest w większości na stos Linnuksowy (tak, k8s, cloud itp, ale to nadal na Linuksach głównie stoi) ludzie mają jakiś lęk... dla mnie to jest dziwne, a już kompletnie nie rozumiem tego jak wiele osób się chwali że "nie dotyka" (i nie zna kompletnie) Linuksa.

rozumiem jeszcze developerów aplikacji mobilnych, czy też natywnych dla Windows lub OSX czy też tych pracujących na
Witam serdecznie wszystkich obserwatorów tagu o nazwie [ #webstuff ]!

❶ Darmowa i otwartoźródłowa alternatywa dla Postmana dostępna przez przeglądarkę.
https://postwoman.io/

❷ Lista 18 użytecznych narzędzi dla deweloperów.
http://ow.ly/NWPJ50x5D82

❸ Kiedy używać checkboxów, a kiedy switchy?
http://ow.ly/5TEw50x5CRj

❹ "38 osób przegląda ten lot!", czyli jak to jest z tymi licznikami mającymi nas zmusić do szybszej decyzji zakupu?
http://ow.ly/NHrM50x3KHU

❺ Rozszerzenie do Chrome, które zmienia dowolną stronę internetową w interfejs API. Wybierz dane,
źródło: comment_oYzzFcvqMJxm1na4u0qX9xCbeMFKejMh.jpg
**Dziś w [ #webstuff ] wyniki ankiety, które nie są ani trochę zaskakujące ( ͡° ͜ʖ ͡° )*:

❶ Świetne plakaty pt. "Destroying nature is destroying life".
http://ow.ly/x67850wb3Lx

❷ Leon Sans to geometryczny krój pisma bezszeryfowego wykonany za pomocą kodu przez Jongmin Kim. Pozwala dynamicznie zmieniać grubość czcionki i tworzyć niestandardowe animacje, efekty lub kształty Canvas HTML5. Autor zaprojektował font na cześć
źródło: comment_jKMKqv27SzbYqBOpCtsFu6iIonY4YF1H.jpg
Łolololo! [ #webstuff ]!

❶ Dzięki CRUDPI możesz utworzyć interfejs CRUD API i wypełnić go niestandardowymi danymi-atrapami dla swojego interfejsu w ciągu kilku sekund!
https://crudpi.io/

❷ Jeśli szukasz tutoriali, to koniecznie zajrzyj na stronę, która ułatwia ich odkrywanie i oglądanie.
https://2uts.com/

❸ Git wytłumaczony w jedną godzinę.
https://www.youtube.com/watch?v=BnDiKdG6oUA

❹ Color picker kanapy przy pomocy CSS i SVG
http://ow.ly/agxW50vKEJj

❺ Generator fal SVG.
https://getwaves.io/

❻ Galeria gradientów #css.
https://www.gradientmagic.com/

❼ Wykrywanie trybu
źródło: comment_IJPQmZOykRHHNw4tyOErCDORVMjnJyh1.jpg
Web... Web.... Web... [ #webstuff ]!

❶ Dla większości ludzi "dark mode" zmniejsza czytelność i wydajność. W badaniu z 2003 r. zbadano, w jaki sposób na wykonanie zadań przez użytkowników miały wpływ różne warunki wyświetlania ekranu. Okazało się, że robili to szybciej mając ciemny tekst na jasnym tle.
http://ow.ly/cIg550vr7Z6

❷ Korektor graficzny w adresie!
http://ow.ly/GIWm50vnyJd

❸ Uroczy i animowany ekran logowania
http://ow.ly/c85050vnyGl

❹ Ogromna lista plików cookies na stronie Oracle...
https://i.imgur.com/kqjYVj9.gifv

źródło: comment_H8azVPstVs8kIGbnd3qse9EZB406EYuE.jpg
Ad 1 - chyba mialobyc ze zwiększa czytelność?


@Bratek: Nie, właśnie zmniejsza. Tak wychodzi w obiektywnych badaniach, niezależnie od osobistych preferencji. Dla mnie to od dawna jest oczywiste że w dzień łatwiej się czyta (i pisze) czarne na białym niż odwrotnie, mimo że większość współpracowników puka się w głowę widząc moje IDE w defaultowym wyglądzie.

Wykop mam w trybie nocnym na telefonie bo częściej używam po ciemku, a w trybie dziennym
Czas na... [ #webstuff ]!

Chcesz być na bieżąco? Zapraszam do śledzenia fanpage, który prowadzę!
https://www.facebook.com/truipl/

❶ Wskazówki, dzięki którym będziesz korzystał(a) efektywniej z Visual Studio Code.
http://ow.ly/xXm550v9t6U

❷ Konfiguracja VS Code dla wydajnego programowania w #php.
http://ow.ly/Ow6a50v9pVR

❸ Znacznik stylu, który styluje sam siebie. #css
http://ow.ly/VXoL50v9cdA

❹ "Responsywna" animacja buźki (zmniejszcie wysokość, aby zobaczyć efekt).
http://ow.ly/tWri50v9brL

❺ laxxx.js - Prosta i lekka wtyczka w czystym javascript do tworzenia animacji
źródło: comment_i1w1EV7RfHl9YiZmrnRdTiC6YRRXNJw2.jpg
Dziś w [ #webstuff ] zdecydowanie więcej treści do poczytania :-)

❶ "Programowanie jest do bani" - zabawnie i dobrze napisany artykuł o programowaniu.

You can’t restart the internet. Trillions of dollars depend on a rickety cobweb of unofficial agreements and “good enough for now” code with comments like “TODO: FIX THIS IT’S A REALLY DANGEROUS HACK BUT I DON’T KNOW WHAT’S WRONG” that were written ten years ago.

https://bit.ly/1NsMtY8

❷ Jak
źródło: comment_FjxEWFaEb8uDfkH1aj1pMlj1YoOKrsy0.jpg
Nikt się nie spodziewał dziś [ #webstuff ]-owej inkwizycji! ( ͡° ͜ʖ ͡°)

❶ Flexbox playground. #css
https://bit.ly/2GV4VRl

❷ Interaktywny generator CSS Grid.
https://grid.layoutit.com/

❸ Front-end Road Map
https://imgur.com/a/np96TYs

❹ DNS - Jak to się dzieje, że przeglądarka znajduje stronę w Internecie?
https://imgur.com/a/KaPnQVs

❺ Przewodnik po Lazy Loading Images
https://imgur.com/a/fXkDqPy

➡ #grafika / #webdesign
❶ Rozszerzenie przeglądarki Chrome dla projektantów / koderów do pomiaru wymiarów między elementami HTML.
źródło: comment_hDDp10XnxIhRfZKFsd12QRPWJw037jAr.jpg
Do przejrzenia przed nowym rokiem! [ #webstuff ]

❶ Prosta instalacja fontów z Google Fonts na #macos.
https://bit.ly/2Gz7WqG

❷ Wpis dla wszystkich programistów #javascript, którzy współtworzą aplikację wraz z innymi osobami lub planują to zrobić.
https://bit.ly/2LvmoyL

❸ Zobaczcie jak pewien serwis zredukował rozmiar JS/CSS o 67%.
https://bit.ly/2Lv9OiO

❹ Stwórz swoją pierwszą aplikację PHP/MySQL w #docker.
https://bit.ly/2LEvyZW

❺ Nowe właściwości logiczne CSS - Kolejny krok ewolucji #css.
https://bit.ly/2EPVota

źródło: comment_k8TqTu0mGOaw7yOWHGL5mYEvQKXVkY6i.jpg
Hoł, hoł, hoł! Cykliczne wpisy z serii [ #webstuff ] znów na Mirko!

❶ Czy Vue prześcigło Reacta? Tak. Jest to spowodowane w dużej mierze tym, iż Vue jest bardzo popularny w Chinach.
https://bit.ly/2MlPwIN

❷ Wyszukiwanie zdjęć na Twitterze za pomocą rozpoznawania twarzy przy użyciu TensorFlow.js
https://bit.ly/2rwFJWW

❸ Jak wygenerować zrzut strony internetowej w formacie SVG, który będzie skalowalny, a jednocześnie będzie posiadał ponad 10 razy mniejszy rozmiar pliku niż szczegółowy zrzut
źródło: comment_6qf1TlQe8X4X4CIrN53s3EsZLNSfc1GZ.jpg
Witam po dłuugiej przerwie i zapraszam do kolejnego wpisu z cyklu [ #webstuff ]!

❶ Zamień maile, HipChat i Slacka na najlepsze oprogramowanie open source do czatowania zespołowego.
https://rocket.chat

❷ Darmowy i praktyczny kurs sieci neuronowych w pythonie z użyciem frameworka PyTorch. #python
http://course.fast.ai

❸ Korzystacie ze Slacka? A może chcielibyście wykorzystywać niektóre ze slackowych komend poza Slackiem?
http://slashcommand.club

❹ Biblia Basha - kolekcja alternatyw dla zewnętrznych operacji w Bashu.
https://bit.ly/2uQtNBs

źródło: comment_JzODohx2mfW4jtE8st1cBVubMWsRrXYy.jpg
@konik_polanowy:
'All projects should have an interesting README'
'Welcome to 2018, if your project doesn't have unit tests you should hide it. It's a bad reference and it reflects poorly on you. No excuses.'

Podejrzewam, że 95% osób, które się do niego zgłaszają na interview wcale go "nie przechodzą". Ludzie na reddicie strasznie go wypunktowali i mają rację. Nie wspomnę już o demach aplikacji, które mają posiadać unit testy xD
Witam w kolejnym wpisie z cyklu [ #webstuff ]!
Dzisiejszy wpis zdominował JavaScript, ale czy na pewno powinniśmy go nadal tak nazywać? Dodatkowo przygotowałem dla Was małą atrakcję w postaci kodu zniżkowego, o czym na samym dole.

❶ Usuwanie duplikatów z tablicy przy użyciu obiektu "Set" z ES6.
https://imgur.com/a/qj2zfRg

❷ Podstawowa lista kontrolna bezpieczeństwa dla aplikacji internetowych.
https://bit.ly/2HPdUAJ

❸ Let's Encrypt (darmowe certyfikaty SSL/TLS) posiada już ponad 50% udziału w rynku.
https://bit.ly/2mouyzx
źródło: comment_vKKLTZgIHo1oDIMTBF3cEsIj07QcWbA3.jpg
Zapraszam do kolejnego wpisu z cyklu [ #webstuff ]!

❶ Zbiór przydatnych fragmentów #css, które możesz zrozumieć w 30 sekund lub szybciej.
http://bit.ly/2EWLen7

❷ Aplikacja na macOS X, która wyłącza powiadomienia na pulpicie w czasie udostępniania pulpitu podczas wideorozmowy.
https://muzzleapp.com

❸ Kolekcja tutoriali i przydatnych zasobów dla front-end deweloperów.
http://bit.ly/2FTAl5V

❹ Niektóre z najdziwniejszych funkcji CSS wraz z poradami i sztuczkami dla zaawansowanych użytkowników CSS.
http://bit.ly/2Frhoas

❺ Skrypt JS, który automatycznie
źródło: comment_pBolMXHmLJ5busLz7nGhIjtNJBE8QX5h.jpg