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

Dodany: 2018-08-12 12:14:36 | Ostatnio wołany: 2018-08-12 12:18:07



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

❺ Klient dla Slacka w... Konsoli.
https://bit.ly/2M9VNKe

❻ #php Sandbox dla wielu wersji do szybkiego przetestowania kodu.
https://bit.ly/1qQFNd4

❼ Zarządzanie wieloma chmurami w jednym miejscu, a w tym bezpłatne migracje pomiędzy nimi.
https://www.multcloud.com/

❽ Darmowe narzędzie w przeglądarce do podglądania plików PSD, a w tym eksportu poszczególnych elementów, wyświetlenia kodu CSS itd.
https://studio.psdetch.com/

❾ Jak przyspieszyć swoją pracę z BrowserSync?
https://bit.ly/2uUXYqu

❿ Otwarta biblioteka #javascript służąca do umieszczania interaktywnych map, np. OpenStreetMap, UMP, Google, HERE i wielu innych.
https://leafletjs.com

⓫ Ceny użytkowania Google Maps, np. na własnej witrynie, podniosły się 14x, a darmowy limit został zmniejszony 30x. Wiecie jednak, że możecie skorzystać z darmowej, polskiej mapy UMP-pcPL? Bez problemu umieścicie na niej marker lub skorzystacie z dostępnego API JS.
https://bit.ly/2NuAO1P
Dokumentacja: https://bit.ly/2LtNp4D

⓬ OpenSource'owy framework do #wordpress, który pozwala utworzyć własne pola, podstrony w panelu administracyjnym itd.
https://typerocket.com

⓭ Dlaczego front-end development jest taki niestabilny?
https://bit.ly/2LLB2k3

⓮ Pływające etykiety pól w #css.
https://bit.ly/2t1Zp5j

⓯ Jak możesz usprawnić swój workflow za pomocą konsoli #javascript?
https://bit.ly/2l5yKky

⓰ PDO vs. MySQLi w PHP.
https://bit.ly/2y374WV

⓱ Interaktywny konstruktor siatki CSS. Obsługuje obszary szablonu, nazwy linii i wiele więcej.
https://www.layoutit.com/grid

⓲ Interaktywna piaskownica do zabawy z gradientem CSS.
https://bit.ly/2ntjsHs

⓳ Post użytkownika na Reddicie, w którym pisze, w jaki sposób przygotować swój profil na GitHubie pod kątem szukania pracy.
https://bit.ly/2B6cnq8

⓴ Pamiętacie Bob Rossa ze słynnego programu "The Joy of Painting"? Powstał "A Happy Lorem Ipsum" generator na jego cześć :-)
http://www.bobrosslipsum.com

➡ #grafika / #webdesign
❶ Biblioteka bardzo ładnych gradientów.
https://webkul.github.io/coolhue/

❷ Darmowe ikony w formie SVG oraz WebFontu.
https://linearicons.com/free

❸ Kolejne darmowe ikony, które z powodzeniem mogą zastąpić Font Awesome.
https://pl.icons8.com/line-awesome

❹ Typowe błędy w projektowaniu stron internetowych + wskazówki jak ich uniknąć.
https://bit.ly/2NUTmbJ

➡ Inspiracje
❶ Dlaczego jedzenie z ulotek, plakatów czy menu różni się od tego, które dostajemy? Jak wygląda proces fotografowania jedzenia? Zobaczcie to na przykładzie zdjęć do McDonald's.
https://www.youtube.com/watch?v=oSd0keSj2W8

❷ Geometryczna seria "odznaczeń" Pucharu Świata 2018.
https://imgur.com/a/vDkPo4y

❸ Świetne logo niemieckiej firmy zajmującej się produkcją papieru.
https://imgur.com/a/mOG1lRm

➡ Nowości
❶ Let's Encrypt jest teraz oficjalnie uznany za godny zaufania przez wszystkie główne programy, takich firm jak Microsoft, Google, Apple, Mozilla czy Oracle.
https://bit.ly/2OZTubg

❷ Python staje się najpopularniejszym na świecie językiem programowania.
https://econ.st/2JXs3v6

❸ Gdyby słynni naukowcy mieli swojego logo, to jak mogłoby wyglądać?
https://bit.ly/2OvieqR

❹ Chrome 68: Oznaczanie HTTP jako niebezpieczne to dopiero początek.
https://bit.ly/2MiKmA0

❺ jQuery zostało usunięte z interfejsu GitHub.com
https://bit.ly/2P3TsPR

➡ #humorinformatykow
❶ Znacie licencję GPL?
http://giant-penis-license.org

Przejdź do wpisu

Dodany: 2018-04-21 11:45:44 | Ostatnio wołany: 2018-04-21 11:53:46



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

❹ 10 darmowych motywów #bootstrap 4.
https://bit.ly/2HMd5s9

❺ 13 wartych uwagi punktów z przewodnika po najlepszych praktykach JavaScript od Google.
https://bit.ly/2pSDblu

❻ Darmowy podręcznik z tego roku dla Front-endowców.
https://bit.ly/2EPK3F8

❼ Wpis o niefajnym trendzie rozmów o pracę w branży technologicznej: próbne projekty za darmo.
https://bit.ly/2F1qmu9

❽ Trik: Operator "+" w #javascript to skrót do konwersji ciągu znaków na liczbę.
https://imgur.com/a/ImslbN6

❾ Nowoczesny front-end development w 2018 roku, czyli czego powinieneś/powinnaś się nauczyć.
https://bit.ly/2Ix1U63

❿ Omówienie składni i właściwości ES6 wraz z porównaniem do ES5.
https://bit.ly/2JdauHn

⓫ Kilka przykładów bardzo wkurzających poczynań projektantów aplikacji i reklamodawców.
https://bit.ly/2HtAIIf

⓬ Darmowy kurs React w formie wideo, podczas którego stworzysz webową aplikację.
https://bit.ly/2HiSk6s

⓭ Strona, która zamieni Wasze odręczne pismo w komputerowy font.
https://www.calligraphr.com

⓮ JavaScript w 14 minut.
https://bit.ly/2K1AEOs

⓯ Rozszerzenia do Visual Studio Code dla programistów JavaScript.
https://bit.ly/2vw6nUT

⓰ Ścieżka nauki dla full stack dewelopera w 2018 roku.
Cz. 1: Front-end - https://bit.ly/2F1xma9
Cz. 2: Back-end - https://bit.ly/2vz8GXe

⓱ Dlaczego powinniśmy przestać nazywać JS... JavaScriptem?
TL;DR: Okazuje się, że Oracle jest właścicielem znaku towarowego "JavaScript".
https://tek.io/2qJ0VsP

⓲ W jaki sposób budować maile oparte o #html i CSS, by się dobrze wyświetlały w różnych klientach?
https://bit.ly/2GI4ObG

⓳ Jak działa w JavaScript silnik renderujący + wskazówki, jak zoptymalizować jego wydajność.
https://bit.ly/2HMSwvO

⓴ Detekcja twarzy w czasie rzeczywistym z obrazu z kamery wykonana w JavaScript w 200 linijkach kodu.
https://bit.ly/2qPG5XV

➡ #grafika / #webdesign
❶ Logo Paryża na Igrzyska Olimpijskie w 2024 roku. Sprytnie przedstawiono liczbę "2", "4" oraz wieżę Eiffla.
https://imgur.com/a/q9Ca6cc

❷ Facet poprawia UI różnych serwisów. Przykładowy film z pracy:
https://www.youtube.com/watch?v=S6-q5BheEYU

❸ Nie masz pomysłu na kombinację dwóch kolorów? To narzędzie "pomyśli" za Ciebie.
https://bit.ly/2HfKgHH

❹ Zauważyliście, że sporo horrorów do swoich plakatów używa tego samego fontu? Jest nim "Trajan".
https://imgur.com/a/G1YBXOR

❺ Tutorial, który pokazuje jak cieniować przy użyciu tekstur w Adobe Illustratorze.
https://youtu.be/e__cPyVUpE0

❻ Tajemnicze życie UX Designerów.
https://youtu.be/gfHcnig8Lo4

❼ "Oto wszystko, czego nauczyłem się podczas projektowania ponad 10 000 ekranów UI jako lead product designer."
https://bit.ly/2GfbehY

❽ Darmowe zdjęcia typu "mockups" z osobą o ciemnej karnacji.
https://bit.ly/2HhRXJo

➡ Inspiracje
❶ Ekran logowania z kreatywnymi animacjami.
https://i.imgur.com/5MpFURA.gifv

❷ Wspaniały przykład designu strony z lat 90. #gimbynieznajo
https://www.cameronsworld.net

❸ 30 zagrożonych gatunków zwierząt pokazanych w bardzo interesującej formie.
http://species-in-pieces.com/

❹ Bardzo minimalistyczne opakowanie płatków śniadaniowych. Prawda, że się wyróżnia?
https://i.imgur.com/ODER9Ta.jpg

❺ Animowany Mario w samym #css i HTML.
https://codepen.io/alcidesqueiroz/pen/MVJEwd

➡ Nowości
❶ Za trzy miesiące, GitHub przestanie wspierać Internet Explorer.
https://bit.ly/2J8mMk4

❷ Chrome 66 blokuje domyślnie autoodtwarzanie głośnych wideo.
https://bit.ly/2HG0DfW

❸ Photopea, czyli darmowy edytor grafiki przez przeglądarkę obsługujący pliki Gimpa, Sketcha i Photoshopa, wprowadził wektoryzację grafik rastrowych.
https://www.photopea.com

❹ Twórca Vue.js stworzył generator statycznych stron - VuePress.
https://vuepress.vuejs.org

❺ Brave Software przenosi swoją przeglądarkę o krok bliżej Chrome, co oznacza nowy wygląd i możliwość skorzystania z szeregu rozszerzeń.
Jeżeli nie wiecie co to za przeglądarka, to obejrzyjcie ten krótki filmik: https://vimeo.com/228418113
https://cnet.co/2JdfWKl

➡ #humorinformatykow
❶ Stwierdziłem, że do tej pozycji pasuje kategoria humorystyczna. Otóż T-Mobile twierdzi, że nie ma nic złego w przechowywaniu haseł w bazie danych czystym tekstem. #security
https://bit.ly/2HhD1Lk

➡ #rozdajo
Monsteroid2 od TemplateMonster.com to uniwersalny motyw dla WordPressa. Wyposażony jest w prosty edytor bloczków, które wystarczy przeciągnąć myszką w odpowiednie miejsce. Każdy z bloczków odpowiada za inną funkcję wizualną. Posiada on 9 gotowych stylów. Motyw jest na licencji GPL, a to oznacza, że kupując go raz, możemy go wykorzystać na dowolnej liczbie stron.

Kod "webstuff" upoważnia Was do 50% zniżki na ten motyw, czyli zamiast 254 zł zapłacicie 127 zł (⌐ ͡■ ͜ʖ ͡■) Kod jest ważny do 10 maja.

-----------------------------------
Gdyby ktoś chciał sypnąć złotówą za moje publikacje, to może zrobić to tutaj: https://www.paypal.me/klocus/1 ( ͡° ͜ʖ ͡°)

Przejdź do wpisu

Dodany: 2018-03-19 10:16:14 | Ostatnio wołany: 2018-03-19 10:19:22



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 dopasowuje jasność obrazu do tekstu, który jest na nim, tak, by był czytelny.
http://bit.ly/2HIo9FE

❻ Zbiór ofert zdalnej pracy, który pobiera ogłoszenia z najpopularniejszych serwisów.
https://ditchtheoffice.co

❼ Visual Studio Code: funkcje, dostosowania i rozszerzenia, które mogą zwiększyć produktywność.
http://bit.ly/2GECBip

❽ 12 najlepszych praktyk dla konta użytkownika, autoryzacji i zarządzania hasłami prosto od Google. #security
http://bit.ly/2FuIOMi

❾ Narzędzie, które przeskanuje Twoją stronę w poszukiwaniu nieużywanych selektorów CSS.
http://bit.ly/2pjSumi

❿ Lista technicznych artykułów na temat tworzenia frontendu w realnym przedsiębiorstwie.
http://bit.ly/2oClzd4

⓫ Biblioteka #javascript, która może przesłać dosłownie wszystko wszystko. Otymalizuje obrazy w celu szybszego przesyłania i oferuje prostą obsługę dla użytkownika.
http://bit.ly/2pnZWg6

⓬ Słownik terminów programistów.
https://www.hackterms.com

⓭ Kompleksowy przewodnik do nauki React.js w 2018 roku.
http://bit.ly/2k1fXIT

⓮ .toLocaleString() to świetny sposób na sformatowanie waluty w JS.
http://bit.ly/2FRiNHx

⓯ Ciekawe narzędzie online do edycji plików *.PNG
https://onlinepngtools.com

⓰ Możesz zbudować sieć neuronową w JavaScript nie wiedząc nawet jak działa ;-)
http://bit.ly/2G5FmLS

⓱ Ech, ciężko przetłumaczyć tę pozycję, żeby nie brzmiała głupio, więc wstawię oryginalny tytuł: Crazy SVG odometer effect library.
http://bit.ly/2u17XNP

⓲ 10 wskazówek, dzięki którym będziesz debugował JavaScript w konsoli jak #programista15k.
http://bit.ly/2GDR3Hu

⓳ Ikona SVG, która zawsze zwraca aktualną datę.
http://bit.ly/2plJH44

⓴ Biblioteka PHP, dzięki której stworzysz menu CLI.
http://bit.ly/2FVRls0

➡ #grafika / #webdesign
❶ Praktyczne wskazówki dotyczące animacji elementów aplikacji.
http://bit.ly/2I7bVr7

❷ Nowa wersja strony z "płaskimi" paletami kolorów (14 palet, 280 kolorów).
https://flatuicolors.com

❸ Wygeneruj gradient w CSS i naucz się samemu pisać kod, który jest za to odpowiedzialny. Wiele fajnych przykładów i tutoriali.
https://cssgradient.io

❹ Mała biblioteka JS, dzięki której dodasz animacje CSS podczas przewijania strony w dół.
http://bit.ly/2FUG4s2

❺ Fajny efekt najechania na przycisk, który wykorzystuje zmienne CSS.
http://bit.ly/2BG9JWR

➡ Inspiracje
❶ Wiecie, że Kanada ma nowy banknot $10? Jest on... Pionowy, a do tego posiada ciekawą stronę.
http://bit.ly/2ttH70l

❷ Świetny efekt na stronie THX. Zwiększcie poziom na słuchawkach / głośnikach i przytrzymajcie wciśnięty LPM na animowanym tle.
http://www.thx.com

❸ Progressbar z donutem i postaciami z The Simpsons.
http://bit.ly/2FIWtUG

❹ Fajna symulacja pory dnia i pogody w WebGL.
http://rainbowhunt.me/

❺ Naprawdę pomysłowe menu obrócone o 45 stopni!
http://bit.ly/2FVNlIo

➡ Nowości
❶ Certyfikaty typu Wildcard są już dostępne w Let's Encrypt.
http://bit.ly/2Dp8gBn

❷ Od niedawna można wgrywać do Wikipedii obiekty 3D.
http://bit.ly/2FMNDW0

❸ Ubuntu 18.04 będzie dostarczane z #php 7.2, co oznacza, że następne Ubuntu LTS będzie pierwszą wersją, gdzie PHP będzie standardowym rozszerzeniem.

❹ Pojawiła się nowa werja (1.0) najmniejszego edytora WYSIWYG w JS. Skompresowany waży zaledwie 1.29kB.
http://bit.ly/2FST1mq

➡ #ciekawostki
❶ Wiecie, że istnieje font, który wygląda dla większości ludzi jak Helvetica, ale jest na licencji GPL? Różnice są bardzo subtelne ;-)
http://bit.ly/2wDgnIu

❷ W Windows 10 od bulidu nr 10540 możecie wybrać takie nowe fonty jak: Arial Nova, Georgia Pro, Gill Sans Nova, Neue Haas Grotesk, Rockwell Nova oraz Verdana Pro.
(Ustawienia -> Aplikacje -> Aplikacje i funkcje -> Zarządzaj funkcjami opcjonalnymi -> Dodaj funkcję -> Europejskie czcionki dodatkowe)
Dla tych co przeoczyli ciekawostkę z poprzedniego wpisu dodam, że zauważycie tam również OpenSSH.
https://imgur.com/a/V4aTA

❸ Biblioteka bardzo zwariowanych animacji CSS.
http://bit.ly/2plYBHx

❹ Font, który reaguje na dźwięk.
http://bit.ly/2DDrTFQ

➡ #humorinformatykow

Przejdź do wpisu

Dodany: 2018-02-23 16:33:46 | Ostatnio wołany: 2018-02-23 16:39:11



Witam po przerwie i zapraszam do kolejnego wpisu z cyklu [ #webstuff ]!

❶ Darmowe lekcje z bezpieczeństwa webowego. #security
https://www.hacker101.com

❷ Szyfrowany protokół HTTPS wyjaśniony na przykładzie gołębi pocztowych.
http://bit.ly/2n22sri

❸ Symulator NES (Nintendo Entertainment System w razie gdyby #gimbynieznajo) w #javascript.
http://bit.ly/2ENFe43

❹ Nowa wersja popularnej biblioteki JavaScript z alertami - SweetAlert2.
http://bit.ly/2FpHZpb

❺ Przewodnik po znaczniku w #html.
https://gethead.info

❻ Darmowy przewodnik z ponad 50 wskazówkami, która mają sprawić, by strona była wyżej w wynikach wyszukiwania.
http://bit.ly/2HG5cnZ

❼ Dlaczego powinieneś / powinnaś używać walidacji formularzy w czystym HTML5? + Przykłady
http://bit.ly/2EM8vvL

❽ Darmowa książka o JavaScript. Pierwsze 12 rozdziałów omawia sam język JavaScript. Następne siedem rozdziałów dotyczy przeglądarek internetowych i sposobu, w jaki JavaScript jest używany do programowania. Na koniec, dwa rozdziały poświęcono Node.js.
http://bit.ly/2CDOHow

❾ basicScroll pozwala na zmianę zmiennych CSS w zależności od pozycji scrolla. Użyj zmiennych bezpośrednio w swoim CSS, aby animować cokolwiek chcesz.
http://bit.ly/2F2gNPx

❿ Wpis wyjaśniający działanie CORS (Cross-Origin Resource Sharing), czyli rządania AJAX pomiędzy serwerami.
http://bit.ly/2FpRh4l

⓫ Biblioteka JavaScript, która obsługuje Force Touch, 3D Touch oraz Pointer Pressure.
https://pressurejs.com

⓬ 100 projektów na 100 dni z JavaScript.
https://100dayz.js.org

⓭ Nowoczesny #css dla dinozaurów.
http://bit.ly/2ot1Ag1

⓮ Zbiór darmowych zdjęć, ikon, szablonów, fontów itd.
http://allthefreestock.com

⓯ TIP: JavaScript Array.from() akceptuje drugi argument będący funkcją "map".
http://bit.ly/2F06cED

⓰ Najważniejsze trendy JavaScript do śledzenia w 2018 roku.
http://bit.ly/2CSq7Ff

⓱ Kanał wykładowcy akademickiego, który uczy JavaScriptu oraz Cordovy.
http://bit.ly/2ELBxM6

⓲ Front End Interview Handbook: Kolekcja pytań na rozmowie o pracę.
http://bit.ly/2ELBWy6

⓳ Przydatne narzędzie, które pomaga skonstruować skomplikowane kształty dla właściwości CSS "clip-path".
http://bit.ly/2EKuV0B

⓴ Gra, w której trzeba zgadąć czy wyświetlana nazwa to font czy rasa świnek.
http://typefaceortrotters.com

➡ #grafika / #webdesign
❶ Strona, która generuje randomowe zlecenia od klientów na logo, dzięki czemu można sobie poćwiczyć.
https://fakeclients.com

❷ Typografia Popkultury - Teledysk ze znanymi logo. Rozpoznacie wszystkie?
https://youtu.be/WwyqQ-o6zHA

❸ Lista stron z darmowymi zdjęciami (Free stock photos).
http://bit.ly/2osm097

❹ Prosty generator palet kolorów.
https://pigment.shapefactory.co/

❺ 7 praktycznych wskazówek odnośnie projektowania interfejsów i stron.
http://bit.ly/2ERaVZo

❻ Wybór fontów: Przewodnik dla początkujących od Google.
http://bit.ly/2C9e71I

➡ Inspiracje
❶ Animowany avatar podczas wpisywania maila i hasła.
http://bit.ly/2F0kSDH

❷ Animacja "kodowania" w CSS.
http://bit.ly/2EP57fR

❸ Fajna animacja kursora.
https://iohk.io

❹ #apple iMac z efektem 3D podczas przewijania strony.
http://bit.ly/2GGFIFF

❺ Bardzo ładnie zaprojektowana strona + nowe narzędzie do projektowania stron i aplikacji.
https://phase.com

➡ Nowości
❶ Chrome od wersji 68, która ukaże się w lipcu tego roku będzie oznaczał strony bez HTTPS jako niebezpieczne.
http://bit.ly/2ENJsrE

❷ React Native zmienił licencję na MIT.
http://bit.ly/2sObUEP

❸ Gmail z AMP - bardziej interaktywne e-maile.
http://bit.ly/2olUjzp

❹ Nowa wersja chyba najlepszego silnika gier HTML5 - Phaser 3.1.2.
http://phaser.io

❺ Chrome w przyszłych wersjach będzie miało wbudowaną funkcję "Image Lazy Loading".
http://bit.ly/2CeHTC4

➡ #humorinformatykow
#tylkonocny ( ͡° ͜ʖ ͡°)

Przejdź do wpisu
Założona przez:

klocus

Osób na liście: 374
Wołań: 47
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-08-13 10:08:33
@Yokaii dołączył do listy


2019-08-13 09:57:57
@enceladus71 opuścił listę


2019-08-13 09:55:17
@klocus zawołał do wpisu


2019-08-02 22:56:46
@Colis dołączył do listy


2019-08-02 11:37:15
@wiktor12348 dołączył do listy


2019-08-02 11:33:06
@Szynka69 dołączył(a) do listy


2019-08-02 11:22:57
@klocus zawołał do wpisu


2019-07-26 11:17:00
@isee dołączył do listy


2019-05-22 13:34:43
@random_variable dołączył do listy


2019-05-21 14:47:24
@polikarp-ciasto dołączył do listy