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

Dodany: 2017-12-23 17:03:26 | Ostatnio wołany: 2017-12-23 17:08:06



Hoł, hoł, hoł! Nie ważne czy byliście w tym roku grzeczni czy nie, ja i tak przygotowałem dla Was [ #webstuff ]!

❶ Nie masz czasu lajkować postów swojego różowego paska na Instagramie? Nie ma problemu! Z pomocą przychodzi bot, który zrobi to za Ciebie i powiadomi o tym na Slacku ;-)
http://bit.ly/2C1ftuM

❷ Kolekcja skrawków kodu #javascript, które można zrozumieć w 30 sekund bądź mniej.
https://30secondsofcode.org

❸ 80% witryn jest "napędzanych" przez PHP, lecz 90% z nich korzysta z #php w wersji 5...
http://bit.ly/2BWNTfT

❹ 450 darmowych kursów informatycznych, które możesz zacząć już dziś (albo dodać do zakładek)!
http://bit.ly/2AoEA9v

❺ Thimble to edytor kodu online, który ułatwia tworzenie i publikowanie własnych treści podczas nauki HTML, #css i JavaScript. W narzędziu możemy tworzyć tutoriale, np. dla naszych uczniów.
https://thimble.mozilla.org

❻ Turbo to bardzo szybki klient NPM (instaluje paczki 5x szybciej niż NPM).
http://bit.ly/2jgP7dD

❼ Dlaczego CSS Grid jest lepszy do budowy szkieletu strony niż Bootstrap?
http://bit.ly/2DGCW2w

❽ Jak podłączyć się do API w czystym JavaScript? Tutorial dla początkujących.
http://bit.ly/2kpIMMP

❾ Krótki przewodnik, którzy przygotuje Cię przed rozmową o pracę na stonowisko front-endowca.
http://bit.ly/2DBO4gV

❿ Kanał YT z filmami z zagranicznego uniwersytetu, dzięki którym poznacie Angulara, jQuery, node.js i wiele innych technologii.
http://bit.ly/2l2Hmbq

➡ #grafika / #webdesign
❶ The Futur - kanał, który rozkłada znane grafiki na czynniki pierwsze, uczy designu, identyfikacji wizualnej itd.
https://www.youtube.com/user/TheSkoolRocks/

❷ Ewolucja logo znanych niemieckich marek.
https://imgur.com/a/2vddZ

❸ Ponad 100 godzinny kurs (płatny, ale 7 dni za darmo) dla osób, które chcą zdobyć wiedzę z zakresu UX.
https://uxclub.com

❹ 170 responsywnych bloczków Bootstrapa dostępnych za darmo.
http://bit.ly/2BrKLaE

➡ Inspiracje
❶ Timelapse z bardzo ciekawej kompozycji stworzonej w #photoshop.
https://youtu.be/C4v9QcTt1Cw

❷ Bardzo elastyczny i imponujący Morty z serialu #rickandmorty.
http://bit.ly/2A2JKId

❸ CSS Glitch Effect.
http://bit.ly/2BVqQSC

➡ Nowości
❶ Amazon uruchomił Web IDE oparte o znane wielu deweloperom Cloud9.
http://amzn.to/2ALxFYX

❷ Strona Białego Domu zmieniła CMS z Drupala na WordPress.
https://www.whitehouse.gov

❸ Chrome od połowy lutego przyszłego roku zacznie blokować szczególnie irytujące reklamy.
http://bit.ly/2pmbrYD

➡ #ciekawostki
❶ Gary Anderson to człowiek, który w wieku 23 lat (1970) zaprojektował wszystkim nam znany znak recyklingu (3 zwinięte strzałki).
https://imgur.com/a/3c5X7

❷ Wiecie co robi znacznik w #html? Spoko, ja nawet nigdy go nie użyłem :D
http://bit.ly/2BVnbnQ

❸ Witryna Peugeot używa modelu 404 jako stronę "404 Not Found".
https://imgur.com/a/azQ4z

❹ Wiecie, że w #windows10 jest OpenSSH? Dostępny jest z poziomu CMD oraz PowerShell.
http://bit.ly/2plZG4G

❺ Dyslexie to specjalny font opracowany i zaprojektowany dla osób z dysleksją, która ułatwia czytanie, uczenie się i pracę.
https://imgur.com/a/DhuJi

Przejdź do wpisu

Dodany: 2017-11-15 15:25:20 | Ostatnio wołany: 2017-11-15 15:28:35



Psst! Całkowicie świeży towar z tagu [ #webstuff ] Chce ktoś?

❶ Jak używać SVG jako pleceholdera + inne techniki ładowania obrazów.
http://bit.ly/2jsO1yk

❷ Czym jest "source map"?
http://bit.ly/2AIxlqO

❸ Fizyka w #javascript z wykorzystaniem Matter.js.
http://bit.ly/2AGOKiS

❹ Katalog darmowych kursów dla deweloperów.
http://bit.ly/2zZ3Dk7

❺ Code School jest dostępne za darmo w najbliższy weekend (17-19 listopada).
http://bit.ly/1QLH8f3

❻ Porównanie kilku najpopularniejszych frameworków JavaScript.
http://bit.ly/2zK0Ic3

❼ 7 frameworków do automatycznego testowania aplikacji #php.
http://bit.ly/2zBWB4d

❽ Github Help Wantend to strona, która agreguje open-source'owe projekty, które potrzebują Waszej pomocy lub zaangażowania.
http://github-help-wanted.com

❾ Stackview to wtyczka do Google Chrome, która pokazuje listę technologii, w jakich została stworzona przeglądana strona.
http://bit.ly/2zKYlWq

❿ Animowany placeholder treści (jak na Facebooku) w SASS i #html.
http://bit.ly/2AJkrrE

⓫ Kilka użytecznych wskazówek pisania zgrabnego kodu w JavaScript.
http://bit.ly/2z2Dscn

⓬ Przyspieszamy stronę - 8 przydatnych wskazówek na front-end.
http://bit.ly/2ALjYGb

⓭ Wonder CMS to mikro system zarządzania treścią, który zawiera jedynie 5 plików.
https://www.wondercms.com

⓮ a11y.css to plik #css, który pokaże błędy w zastosowanym kodzie HTML, np. poinformuje o pustym atrybucie "alt".
http://bit.ly/2zL0v8F

⓯ Interfejs API dla publicznych danych Instagrama, działa bez uwierzytelniania ;-)
http://bit.ly/2hv3mKK

⓰ Budowanie układu Trello za pomocą CSS Grid i Flexbox.
http://bit.ly/2gVUNLZ

⓱ Zanurz się i poznaj cuda modelu CSS Flexible Box.
http://bit.ly/2yKmb3D

⓲ Ostateczny przewodnik po CSS Flexbox - nauka poprzez przykłady.
http://bit.ly/2zxrKpM

➡ #grafika / #webdesign
❶ Kolekcja dobrych przykładów UX.
https://www.reallygoodux.io

❷ IBM rzuciło sobie wyzwanie na stworzenie nowej Helvetici. Font o nazwie "IBM Plex" jest dostępny za darmo.
http://bit.ly/2jgkiZx

❸ Darmowe ikony dostępne jako SVG i Web Font.
http://picol.org

❹ Font "Futura" obchodzi 90-te urodziny!
http://bit.ly/2jqzhjr

❺ Darmowy font Metropolis.
http://bit.ly/29LjRBk

❻ Ikony kryptowalut.
http://bit.ly/2iXpvSj

➡ Nowości
❶ Firefox 57, czyli interfejs Photon, silnik Servo, Quantum CSS.
https://mzl.la/2yYXzYT

❷ WebAssembly obsługuje już wszystkie popularne przeglądarki.
https://mzl.la/2zBMFYB

❸ Nowa wersja Bolt CMS (3.4.0).
http://bit.ly/2yDz3s2

❹ Nowa wersja Spectacle (4.0) - biblioteki React.js do tworzenia prezentacji.
http://bit.ly/2zEntkc

❺ Podkreślenia tekstu w Google Chrome 64 mają od teraz przerwę.
https://imgur.com/ZwheMZF

➡ #ciekawostki
Wiecie, że w #windows #windows10 możecie wpisać w pasek adresu eksploratora słowo "cmd" lub "powershell", aby uruchomić wiersz polecenia?

Przejdź do wpisu
Założona przez:

klocus

Osób na liście: 370
Wołań: 45
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-05-22 13:34:43
@random_variable dołączył do listy


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


2019-05-17 22:55:47
@Qbasa dołączył do listy


2019-05-04 23:25:43
@nikolaj92 dołączył do listy


2019-05-04 18:49:54
@d37ght dołączył do listy


2019-05-04 17:41:04
@KazdyLoginZajety dołączył do listy


2019-05-04 14:48:36
@klocus zawołał do wpisu


2019-04-25 20:54:41
@zielonaMarchewa dołączył do listy


2019-04-25 20:45:58
@klocus zawołał do wpisu


2019-04-17 07:45:00
@1z10 dołączył(a) do listy