Dodany: 2019-12-09 14:55:21 | Ostatnio wołany: 2019-12-09 14:57:12



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

❻ Wiecie, że z jQuery korzysta 85% z 5 milionów najpopularniejszych w Internecie stron?
http://ow.ly/cpNg50xv9t3

❼ Wywiad z web developerem pracującym dla Pornhub.
http://ow.ly/XjJ050xva57

❽ Przewodnik po wszystkich najważniejszych pojęciach w CSS: specificity hierarchy, document flow, positioning, layouts, and responsive design.
http://ow.ly/sMMZ50xvaap

❾ Nauka nowoczesnego JavaScriptu poprzez budowę gry Tetris.
http://ow.ly/Zzf850xvaFr

BONUS: Tetris w 100 linijkach: https://github.com/Alaricus/SimpleTetris

❿ Dwie złośliwe biblioteki Pythona przyłapane na kradzież kluczy SSH i GPG.
http://ow.ly/A4AB50xvaP8

⓫ Dlaczego warto wybrać Figmę zamiast innych popularnych narzędzi, np. zamiast Sketcha?
http://ow.ly/NSen50xvaWY

⓬ Rozszerzenie dla przeglądarki Chrome, które zmienia „nową kartę” w narzędzie do robienia notatek.
http://ow.ly/pzVe50xvbcm

⓭ Prosta i niewielka biblioteka JavaScript, która dodaje efekt paralaksy do dowolnych obrazów.
https://simpleparallax.com/

BONUS: Efekt paralaksy może powodować u niektórych użytkowników zawroty głowy lub uczucie choroby lokomocyjnej.
http://ow.ly/mcBh50xvbxy

⓮ 30 porad i wskazówek dotyczących narzędzi programisty w Firefox.
http://ow.ly/ie3Z50xvbAn

➡ #humorinformatykow

❶ Ktoś ma jakiś pomysł dlaczego nie działa zaznaczone media query na tej stronie?
https://imgur.com/a/u8heDSL

➡ Wyniki ankiety

Około 2 tygodnie temu utworzyłem ankietę na mirko, w której zapytałem o system operacyjny, z którego korzystają czytelnicy webstuff. W ankiecie wzięło udział ponad 400 użytkowników. Dane porównałem z http://ranking.gemius.com/pl/ranking/systems/

Przejdź do wpisu

Dodany: 2019-11-22 16:06:10 | Ostatnio wołany: 2019-11-22 16:08:58



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, które chcesz, nazwij je, a po kilku sekundach uzyskasz URL endpoint, który możesz zapytać o wyniki.
https://simplescraper.io/

❻ Bardzo kreatywne portfolio.
https://bruno-simon.com/

❼ The Fuck to wspaniałe narzędzie, które koryguje błędy w poprzednich poleceniach konsoli.
https://github.com/nvbn/thefuck

❽ Darmowy plugin do WooCommerce, który umożliwia dodanie własnych pól do produktu oraz podsumowania zakupów.
http://fieldsfactory.com/

❾ Zmiana favicony w zależności od trybu graficznego (dark mode / light mode).
http://ow.ly/54Vl50wOsrH

❿ Jak nie tworzyć przycisków?
http://ow.ly/DKoW50wOsnS

⓫ Mini kurs Sass w 20 minut.
http://ow.ly/v5UU50wOrP0

⓬ Unikaj korzystania z wartości "100vh" dla urządzeń mobilnych. Zamiast tego można użyć "html, body { height: 100%; }" osiągając ten sam efekt na różnych urządzeniach omijając problem z artykułu.
http://ow.ly/i3ec50wOrHK

⓭ Artykuł, który przedstawia proces tworzenia logo do filmu "Joker".
http://ow.ly/AFDk50xi4Hs

⓮ Przeanalizowano 10 000 000 stron w Internecie pod kątem WCAG (Web Content Accessibility Guidelines) i ADA (Americans with Disabilities Act). Niekiedy wynik dochodził do 98% niezgodności z wytycznymi.
http://ow.ly/fJhq50xf45x

⓯ Zestawy kolorów, fontów, narzędzi w jednym miejscu.
https://www.colorsandfonts.com/

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

➡ #humorinformatykow

Przejdź do wpisu

Dodany: 2019-11-05 12:07:04 | Ostatnio wołany: 2019-11-05 12:13:50



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ść swojego nowo narodzonego dziecka Leona.
https://leon-kim.com/

❸ Lepszy sposób na sprzedanie swoich umiejętności jako programisty niż po prostu pisanie „zatrudnij mnie!” lub masowe aplikowanie na stanowiska pracy.
Dowiedz się, jakie są problemy firmy; pokaż, jak możesz pomóc rozwiązać te problemy.
http://ow.ly/IY8s50wcFEp

❹ Google wprowadza dwa nowe atrybuty do linków.
http://ow.ly/2Yo950wcFPg

❺ Bardzo ciekawy wpis pt. "Rzeczy, których nauczyłem się na własnej skórze (w ciągu 30 lat rozwijania oprogramowania)".
http://ow.ly/65Ks50wcG1d

❻ Niesamowity efekt podczas scrollowania od #apple!
https://www.apple.com/ipados/

Dla ciekawskich, którzy chcieliby zobaczyć jak można uzyskać taki efekt przy pomocy HTML, CSS & JS: https://codepen.io/m-mccallum/pen/GRKxqbr

❼ Wycięty tekst na tle obrazkowym w #css? Sprawdź jak to zrobić!
http://ow.ly/qnlW50wcHUE

❽ JSON Storage przez protokół HTTP. Pozwala przechowywać, odczytywać i modyfikować dane JSON przez API HTTP za darmo. Idealny do małych projektów, prototypów lub hackathonów.
https://jsonbox.io/

❾ Nowoczesna aplikacja do robienia notatek oparta na Markdown.
https://notable.md/

❿ Notatki w Markdown z edycją w trybie live.
https://typora.io/

⓫ Wiedzieliście, że w #macos można kliknąć 2x w krawędź aplikacji (górną, dolną, prawą lub lewą), aby została ona rozszerzona w tę stronę?
https://streamable.com/r0nww

⓬ Ależ świetnie wykonane rozwijane menu! Koniecznie sprawdźcie je na wersji desktopowej :)
https://stripe.com/

⓭ "git-blame-someone-else", czyli obwiń kogoś innego za swój commit z kiepskim kodem!
http://ow.ly/mtTJ50wtfJ7

⓮ Skąd symbol "x" w okienkach systemowych do ich zamykania? W jakim komputerze pojawił się po raz pierwszy?
https://medium.com/re-form/x-to-close-417936dfc0dc

⓯ Notatki dla programistów na macOS. Obsługa markdown oraz wersjonowanie przez gita
https://fsnot.es/

⓰ W CSS można ustawić osobne właściwości w zależności od trybu urządzenia (dark mode / light mode).
http://ow.ly/4lYX50wOqq1

⓱ Dodajesz "dark mode"? Nie zapomnij o jasnych obrazach! Podawaj różne obrazy natywnie w "dark mode".
http://ow.ly/1cm650wOrdL

⓲ Git Cheat Sheet z częstymi zadaniami, przykładami i wyjaśnieniami.
http://ow.ly/BPu650wOsxa

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

➡ Ankieta
Jakiś czas temu w tym wpisie przeprowadziłem ankietę wśród Wykopowiczów, którzy zajmują się #webdev. W ankiecie zapytałem się o przeglądarkę z jakiej korzystają podczas pracy. Co (nie)ciekawe, wyniki wyglądają bardzo podobnie do ogólnego udziału przeglądarek desktopowych w Polsce w ubiegłym miesiącu. Niestety byłem zmuszony wrzucić przeglądarki Brave oraz Vivaldi pod "Inne", ponieważ znalezione przeze mnie statystyki udziałów przeglądarek w Polsce ich nie uwzględniają jako osobne byty.

Przejdź do wpisu

Dodany: 2019-10-18 12:46:36 | Ostatnio wołany: 2019-10-18 12:49:23



Ł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 incognito w Google Chrome (⌐ ͡■ ͜ʖ ͡■)
http://ow.ly/XvF050vKIBZ

❽ Funkcje map(), filter() oraz reduce() wyjaśnione przy użyciu animacji
js_tut/map-filter-and-reduce-animated-7fe391a35a47" rel="nofollow">https://medium.com/@js_tut/map-filter-and-reduce-animated-7fe391a35a47

❾ Narzędzie, które pokazuje "koszt" dodania paczki npm do projektu.
https://bundlephobia.com/

❿ WebGL Fluid Simulation - bardzo fajnie wygląda.
http://ow.ly/UquX50vT2Kw

⓫ Wielu deweloperów nie przywiązuje wystarczającej uwagi do tworzenia stron, które byłby dostępne również dla osób niepełnosprawnych. Oto krótkie wideo, które wyjaśnia dlaczego to ma znaczenie.
https://youtu.be/dEbl5jvLKGQ

⓬ Najważniejsza umiejętność, jakiej może nauczyć się programista: mówienie NIE!
http://ow.ly/j6PJ50vT3yf

⓭ Świetna i darmowa alternatywa dla Slacka! Oferuje możliwość pisania z użytkownikami Slacka.
https://about.riot.im/

⓮ Uprość #javascript - użyj .some() i .find()
http://ow.ly/he0250vXgPT

⓯ CanIUse.com, ale dla klientów mailowych.
https://www.caniemail.com/

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

➡ #humorinformatykow

Przejdź do wpisu

Dodany: 2019-08-13 09:54:01 | Ostatnio wołany: 2019-08-13 09:55:17



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

❺ WTF?! To nie nie może być po prostu sam #css!
http://ow.ly/RaPC50vnysS

❻ Po podjęciu przez Microsoft decyzji o zakończeniu rozwoju własnego silnika renderowania sieci i przejściu na Chromium, kontrola nad siecią została funkcjonalnie przekazana Google. To niepokojący zwrot wydarzeń, biorąc pod uwagę zachowanie firmy w przeszłości.
http://ow.ly/npiZ50vnxZF

❼ Oto niektóre z najlepszych zasobów do poprawy umiejętności kodowania.
http://ow.ly/yiwP50vnxV9

❽ Co się dzieje, kiedy deweloperzy oprogramowania są (nie)szczęśliwi?
http://ow.ly/VlZd50vnx6k

❾ Windows 95 miał rozmiar 30 Mb. Dzisiaj strony internetowe są cięższe! Aplikacja klawiatury Google zjada 150 Mb. Czy aplikacja, która wyświetla 30 klawiszy na ekranie jest naprawdę pięciokrotnie bardziej złożona niż cały system Windows 95?
http://ow.ly/dVjB50vnwXN

❿ Interesujący komentarz na Reddicie o byciu programistą w dzisiejszych czasach. Czy szukanie odpowiedzi w Google jest czymś złym? Czy prawdziwy programista powinien wszystko znać na pamięć?
http://ow.ly/ijln50vmiKf

⓫ Optymalizacja żądań Google Fonts (ograniczenie nawet do 90%, deklarując tylko te znaki, których faktycznie potrzebujesz).
https://www.smashingmagazine.com/2019/06/optimizing-google-fonts-performance/

➡ #ciekawostki
❶ W ten sposób font Times New Roman "spotkał" się z czytelnikami po raz pierwszy.
https://imgur.com/a/PURI9yC

❷ Ewolucja frontendu w latach 1995-2019.
https://imgur.com/a/Pb41KBC

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

➡ #humorinformatykow
Porównanie wyników PageSpeed Insights stron, które piszą o tym jak je ulepszyć...

Przejdź do wpisu

Dodany: 2019-08-02 11:20:02 | Ostatnio wołany: 2019-08-02 11:22:57



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 podczas scrollowania.
http://ow.ly/wDj050v9b0J

❻ CSS to potrafi? Lista niesamowitych rzeczy, które potrafi CSS!
https://dev.to/ananyaneogi/css-can-do-that-18g7

❼ Czy wiesz o "prefers-reduced-motion" w CSS?
http://ow.ly/tP8950v98Pw

❽ Darmowe kursy programowania.
https://www.theodinproject.com/

❾ Lista zasobów związanych z tworzeniem / projektowaniem stron internetowych. Kolory, obrazy, tła, CSS, HTML, inspiracje i Javascript.
https://webdevresources.info/

❿ Node.js Crash Course w 90 minut.
https://www.youtube.com/watch?v=fBNz5xF-Kx4

⓫ Czy wiesz, że istnieje element #html, który tworzy natywną listę autouzupełniania o nazwie ?
http://ow.ly/X9Qk50v0DEi

⓬ OriginPHP to dość nowy i open source'owy framework MVC typu open source, która umożliwia programistom PHP szybkie tworzenie wysokowydajnych i skalowalnych aplikacji internetowych.
https://www.originphp.com/

⓭ Getting Started with Vue - Omówienie i samouczek dla początkujących.
http://ow.ly/zGdJ50uB8Gg

⓮ Książki, które powinien przeczytać Junior Developer w 2019 roku.
http://ow.ly/CfRF50uB8Cx

⓯ Blobmaker - narzędzie online, które pomaga tworzyć organiczne kształty SVG.
https://www.blobmaker.app/

⓰ "Rzeczy, których nikt nigdy nie nauczył mnie o CSS."
http://ow.ly/bj4950uyR2P

⓱ Zmniejsz rozmiar pliku projektu do 50%, losowo usuwając połowę plików.
https://thanosjs.org/

⓲ Strona internetowa, na której możesz przeglądać projekty open source, do których możesz dołączyć.
https://gauger.io/contrib/

⓳ O tworzeniu mailingów słów kilka.
https://pos.li/2c5ab7

➡ #grafika / #webdesign
❶ Ilustracja wizualnej hierarchii.
https://imgur.com/rF3oDMp

❷ Ponad 52 000 wysokiej jakości obrazów dzieł sztuki zostało udostępnionych na licencji CC0 przez Art Institute of Chicago.
http://ow.ly/wf2l50v99MF

❸ 30 Great Free Fonts
https://medium.muz.li/30-great-free-fonts-for-2019-14814a17e91a

➡ Inspiracje
❶ Liczba 123 w kształcie wiolonczeli.
https://imgur.com/RmGp3M3

❷ Naturalny font z truskawek.
https://imgur.com/HrgI990

❸ Fancy Scroll.
http://ow.ly/BkTb50v99fW

❹ Wystarczy przewinąć w dół, aby zobaczyć coś super!
https://www.apple.com/apple-arcade/

❺ Kreatywna reklama kuchni 3D w gazecie.
https://imgur.com/Kcer7Ta

➡ Nowości
❶ Niedługo pojawi się bardzo ciekawa wtyczka (Gimli) do Visual Studio Code, która zmienia ten edytor w wizualne narzędzie.
https://gimli.app/

❷ Natywne "image lazy-loading" w Chrome nadchodzi!
https://twitter.com/addyosmani/status/1114777583302799360?s=21

➡ #ciekawostki
❶ Ciekawy efekt frezowania w specjalnym wielokolorowym materiale.
https://gfycat.com/everlastingdeficientethiopianwolf

❷ Która jest godzina? Ach, zielona!
http://ow.ly/pTWp50uB8aH

➡ #humorinformatykow
I to się nazywa kreatywna rejestracja!

Przejdź do wpisu

Dodany: 2019-05-04 14:45:02 | Ostatnio wołany: 2019-05-04 14:48:36



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 odpowiadać na pytanie klientów "Ile kosztuje u ciebie stworzenie strony internetowej?".
https://bit.ly/2VKzhfM

❸ Kanał z darmowymi kursami Web Dev: HTML, CSS, JS, WordPress, Laravel, React, VUE, Node.js, bazy danych, git, Linux itd.
https://bit.ly/2DPmv5q

❹ Frontend Bootcamp od HTML/CSS/JS po TypeScript/React/Redux od Microsoftu.
https://bit.ly/2PL8gU9

❺ Czy Google AMP to coś dobrego czy złego?
https://bit.ly/2pnQ5HC

➡ Web Design
❶ Ciekawa dyskusja o klientach / szefostwie na Reddicie.

Asking a designer to start designing without content is like asking a house painter to start painting before the house is built. Sure, you can paint the foundation, but you'll just have to redo it when the drywall goes up.
https://bit.ly/2VIsMdf

❷ Problem z dzisiejszym zakresem projektowania graficznego. Ciekawy wywód użytkownika na Reddicie.
https://bit.ly/2vA0HGw

➡ Inspiracje
❶ Świetne logo "panda"
https://imgur.com/a/Oi0knfu

❷ Historia ikon programu Microsoft Word.
https://imgur.com/a/33dpFgx

❸ Minimalistyczny plakat "Hannibal" autorstwa Vier Nev.
https://imgur.com/a/ngmGaqb

➡ Nowości
❶ Redesign Facebooka, nowy Messenger, sekcja randkowa.
https://bit.ly/2WovHF6

➡ #humorinformatykow

Przejdź do wpisu

Dodany: 2019-04-25 20:40:31 | Ostatnio wołany: 2019-04-25 20:45:58



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.
https://bit.ly/2YDBIiI

❷ 12 zasad UX w ruchu (wzorowanych na "Illusion of Life" Disney'a)
https://bit.ly/2oAIK6w

❸ Dobra wizualizacja tego, jak działa CMYK (możecie kupić takie podkładki pod kubek: https://bit.ly/2UAeFSV)
https://i.imgur.com/dmXoFpw.gifv

❹ Ponad 200 narzędzi dla designerów.
https://flawlessapp.io/designtools

➡ Inspiracje
❶ Płynne przejście pomiędzy przyciskiem a formularzem.
https://i.imgur.com/7rM8VEs.gif

❷ Rysunek pizzy utworzony z wyrazów "Pizza".
https://i.imgur.com/NxClA5L.gifv

❸ Plakat, który ilustruje sposób, w jaki "widzi" Daredevil przy pomocy typografii.
https://imgur.com/a/KrCS0BP

❹ Ciekawy pomysł na biret studentów kończących grafikę.
https://imgur.com/a/Xr1NV3V

➡ Nowości
❶ Wiecie co się stanie w 2020? Microsoft wreszcie zabije IE 10 (szkoda, że nie 11).
https://tek.io/2Pw8tu1

❷ Bootstrap 5 nie będzie wymagał już jQuery do działania swoich komponentów.
https://bit.ly/2L1BRtD

➡ #ciekawostki
❶ Oryginalne szkice Pac-Mana.
https://imgur.com/a/u8cFR5Q

❷ Kiedy Narzędzia Deweloperskie w Chrome są otwarte, można kliknąć PPM na przycisk odświeżania, aby uzyskać więcej opcji.
https://imgur.com/kUjvFAA

❸ W USA żyje nieco ponad 1000 osób o imieniu "Infinity". Metoda ".data()" z jQuery próbuje konwertować tę wartość na liczbę. Za ten błąd jest odpowiedzialny Paul Irish.
https://bit.ly/2Gy2WiF

➡ #humorinformatykow

Przejdź do wpisu

Dodany: 2018-12-28 17:19:13 | Ostatnio wołany: 2018-12-28 17:23:56



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

❻ Sieci neuronowe w JavaScript - darmowy kurs składający się z 19 części.
https://bit.ly/2EJgw3B

❼ Zbiór podręczników, blogów, hacków, jednolinijkowców, narzędzi cli / web i innych. Specjalnie dla administratorów systemów i sieci, DevOps, pentesterów lub badaczy bezpieczeństwa.
https://bit.ly/2UOg3Cx

❽ The Front-End Checklist Application - narzędzie dla drobiazgowych web deweloperów.
https://frontendchecklist.io

❾ Kompletny przewodnik po Lazy Loading Images.
https://bit.ly/2NIhsuD

❿ Praktyczna wartość semantycznego #html.
https://bit.ly/2GJcfj3

➡ #grafika / #webdesign
❶ Wyszukiwarka... Kolorów!
https://picular.co

❷ Pary fontów z Google Fonts: kombinacje fontów, które wyglądają dobrze.
https://bit.ly/2ENNoJ2

❸ "Nie zbudujesz czegoś ładnego za pomocą pięciu kolorów HEX. Aby zbudować coś rzeczywistego, potrzebujesz znacznie bogatszego zestawu kolorów do wyboru."
https://bit.ly/2QR1QGU

❹ SVG Filter Builder.
https://svgfilters.com

➡ Nowości
❶ Electron 4.0.0 ujrzał światło dzienne!
https://bit.ly/2PZrBzt

❷ Nowa biblioteka uczenia maszynowego dla #php.
https://github.com/RubixML

❸ NetBeans 10.0 z obsługą PHP 7.3 został wydany.
https://bit.ly/2Rk1fwB

➡ #humorinformatykow
Właściwie to bardziej humor grafików, ale co tam :-)

-------------------------------------------
Chcesz być na bieżąco? Śledź nowy fanpage, który prowadzę: https://www.facebook.com/truipl/

Przejdź do wpisu

Dodany: 2018-12-21 10:10:07 | Ostatnio wołany: 2018-12-21 10:11:19



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 ekranu w PNG?
https://bit.ly/2QIn0pG

❹ 33 zagadnienia, które każdy programista #javascript powinien znać.
https://bit.ly/2EB53Tx

❺ Wskazówki Kirilla Smelova dotyczące PHPStorma wyjaśnione w 9 gifach.
https://bit.ly/2UNkSvR

❻ Narzędzie do tworzenia efektownych animacji w #css.
http://animista.net

❼ Unikalna kolekcja statystyk i spostrzeżeń, które, mam nadzieję, pomogą przejść przez ekosystem JavaScript.
https://2018.stateofjs.com

❽ Przykłady animacji tekstu w JavaScript.
https://bit.ly/2Lkqx8x

❾ Microsoft umożliwia korzystanie z darmowych maszyn wirtualnych z systemem Windows do testowania witryny w przeglądarkach tejże firmy.
https://bit.ly/29MTVTm

❿ Prosta gra przez przeglądarkę do nauki CSS Grid.
https://cssgridgarden.com/

⓫ Dan Abramov (twórca Redux) założył własnego bloga, gdzie wyjaśnia różne ciekawe zagadnienia Reacta.
https://overreacted.io

⓬ Web Development w 2019 - Przewodnik krok po kroku prezentujący etapy zostania web developerem.
https://www.youtube.com/watch?v=UnTQVlqmDQ0

➡ #grafika / #webdesign
❶ Generator favicony, który korzysta z Font Awesome.
https://gauger.io/fonticon/

❷ 7 praktycznych wskazówek wraz z przykładami, które podniosą twoje umiejętności UI poprzez odpowiednią taktykę, a nie talent.
https://bit.ly/2ERaVZo

❸ Data Color Picker to fajne narzędzie dla każdego programisty, który chciałby dobrać ładną paletę kolorów, ale tego nie potrafi.
https://bit.ly/2EpSoDI

❹ 30 darmowych fontów na rok 2019.
https://bit.ly/2rjcqaf

➡ Inspiracje
❶ Bananowy deszcz!
https://bit.ly/2PBwLkY

➡ Nowości
❶ Nowa wersja WordPressa 5.0 z wbudowanym edytorem blokowym.
https://bit.ly/2BTwLsM

❷ Nowa wersja przeglądarki Microsoftu będzie korzystała z Chromium.
https://bit.ly/2UbYdsX

➡ #ciekawostki
❶ Susan Kare, słynna artystka Apple, która zaprojektowała wiele ich fontów, ikon oraz ilustracji, jak również dla firmy NeXT, Microsoft czy IBM. (Zdjęcie z lat 80)
https://imgur.com/a/Zev0fQy

➡ #humorinformatykow
Wybór fontu ma znaczenie ;-)

-------------------------------------------
Chcesz być na bieżąco? Śledź nowy fanpage: https://www.facebook.com/truipl/

Przejdź do wpisu
Założona przez:

klocus

Osób na liście: 386
Wołań: 51
Cotygodniowy przegląd ciekawych narzędzi, komponentów, paczek oraz repozytoriów przydatnych dla web deweloperów i grafików.

Kategoria: Nauka i newsy

Ostatnie wydarzenia (zobacz wszystkie)


2019-12-09 20:19:59
@dan3k dołączył do listy


2019-12-09 20:06:26
@devones dołączyła do listy


2019-12-09 19:54:16
@yolonoskopia dołączył(a) do listy


2019-12-09 19:25:42
@ArrMeeR dołączył do listy


2019-12-09 14:57:12
@klocus zawołał do wpisu


2019-11-23 22:53:34
@Saeglopur dołączył do listy


2019-11-23 15:46:18
@Deflaut dołączył do listy


2019-11-22 21:11:27
@czarnobiaua dołączył do listy


2019-11-22 19:39:50
@kalkuba dołączył do listy


2019-11-22 19:27:04
@l_Grela_l dołączył do listy