Webstuff - najlepsze znaleziska i wpisy o #webstuff w Wykop.pl

klocus 1 tydz. temu

+149

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 strony, wgrywasz i gotowe! Strona jest dostępna w Internecie przez 7 dni.
https://tiiny.host

● 30 seconds of code – Strona, która dostarcza krótkich fragmentów kodu ułatwiających pracę. Można je wyszukiwać według nazwy, tagu, języka lub za pomocą opisu fragmentu. Posiada ponad 400+ snippetów kodu.
https://www.30secondsofcode.org

● Front-end coding challenges using a real-life workflow – Polepszaj swoje umiejętności w zakresie front-endu, budując prawdziwe projekty. Rozwiązuj prawdziwe wyzwania związane z HTML, CSS i JavaScriptem podczas pracy nad profesjonalnymi projektami.
https://www.frontendmentor.io

● Shortcuts.design – Niewielka strona internetowa, która w prosty i przejrzysty sposób wymienia skróty klawiszowe w popularnych aplikacjach projektowych.
https://shortcuts.design

● content-visibility, czyli pomiń renderowanie tego czego jeszcze user nie widzi na ekranie w #css.
https://web.dev/content-visibility/

● Optymalizacja CSS w celu szybszego ładowania strony.
https://pustelto.com/blog/optimizing-css-for-faster-page-loads/

● Strona z czterema różnymi narzędziami: edytor animacji CSS, generator cienia z obsługą orientacji urządzenia (cień zienia swoje położenie wraz z ruchami naszego telefonu), generator palet kolorów, a także lista znaków specjalnych.
https://keyframes.app

● Web Skills – Wizualny przegląd przydatnych umiejętności do nauki jako web developer. Jest on przydatny dla osób, które dopiero co zaczęły uczyć się o rozwoju sieci oraz dla osób, które są w tej dziedzinie od lat i chcą się uczyć nowych rzeczy.
https://andreasbm.github.io/web-skills/

● Themer – Narzędzie, w którym wprowadzasz zestaw kolorów i generuje motywy dla Twojego środowiska programowania (edytory, terminale, tapety i inne).
https://themer.dev

● TV Chart - Rozszerzenie dla Google Chrome, które pokazuje oceny odcinków seriali na Netfliksie przy użyciu API IMDB.
https://chrome.google.com/webstore/detail/tv-chart/hodmmnlcinpkhnkkmfdbblcdnfffakgk

● Maztec – Platforma do tworzenia interaktywnych scenariuszy, np. tekstowych gier RPG.
https://www.mazetec.org

● Brave – Plugin dla #wordpress, który umożliwia w łatwy sposób zbudowanie okienka pop-up (np. z newsletterem), które może zawierać wiele kroków.
https://getbrave.io

● Free for developers – lista oprogramowania (SaaS, PaaS, IaaS, itd.) i innych ofert, które są w jakimś stopniu za darmo dla deweloperów.
https://free-for.dev/

● Wiele linków z mojego tagu #webstuff posegregowanych wg odpowiednich kategorii.
https://tagpacker.com/user/klocus

➡ #ciekawostki
● Dodając kropkę do adresu filmu na YouTube pominiesz reklamy. Kropkę należy dodać zaraz po domenie *.com.

Przykład:
https://www.youtube.com/watch?v=EzDLDLxOVM4 – reklama na początku
https://www.youtube.com./watch?v=EzDLDLxOVM4 – brak reklamy na początku

➡ #humorinformatykow pokaż całość

źródło: flexbox.png

+: panTralalinski, filip_k +147 innych

‹ embed ›

antosbdg 1 tydz. temu via Android
0

Wołaj mnie człowieniu ( ͡º ͜ʖ͡º)
- udostępnij
  
  Link
spaduwa_mam_robote 1 tydz. temu
0

Wlaj do następnych jak możesz.
- udostępnij
  
  Link
więcej komentarzy (15)

klocus 1 tydz. temu

+89

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 uwagę podczas budowania interfejsów użytkownika.
https://lawsofux.com

● Wyjaśnienie działania NgRx w Angularze na prostych przykładach.
https://medium.com/better-programming/angular-getting-started-with-ngrx-75b9139c23eb

● Gitmoji, czyli przewodnik emoji dla Twoich commitów.
https://gitmoji.carloscuesta.me

● Conventional Commits – Specyfikacja dodawania czytelnych commitów.
https://www.conventionalcommits.org/

● GACP – narzędzie, które automatyzuje dodawanie commitów wg specyfikacji dodawania czytelnych commitów + wstawia odpowiednie emoji.
https://github.com/vivaxy/gacp

● Kolekcja komponentów, wzorów, przykładów i inspiracji w zakresie wzornictwa ui/ux.
https://www.niceverynice.com/components

● Wzory tła w CSS, które dodadzą złożoności Twoim projektom.
https://bansal.io/pattern-css

● tailblocks – gotowe komponenty Tailwind CSS.
https://mertjf.github.io/tailblocks/

● Narzędzie, które punktuje SEO, dostępność, szybkość itp.
https://web.dev/

● Dark Mode przy użyciu jednej linijki CSS.
https://dev.to/akhilarjun/one-line-dark-mode-using-css-24li

● Wiele linków z mojego tagu #webstuff posegregowanych wg odpowiednich kategorii.
https://tagpacker.com/user/klocus

➡ #humorinformatykow pokaż całość

źródło: dark-mode.jpg

+: KaelX, CrossX +87 innych

‹ embed ›

admx1 1 tydz. temu
0

@klocus Dobra robota ;)
- udostępnij
  
  Link
phervers 1 tydz. temu
0

@klocus: Ogólnie spoko ale ten web.dev po prostu uruchamia lighthouse'a tylko wolniej.
- udostępnij
  
  Link
więcej komentarzy (9)

klocus 3 tyg. temu

+107

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, JavaScript, Python i React Native.
http://ow.ly/H2Yo50zw62v

● Kolekcja elementów UI w CSS i HTML.
https://csslayout.io/patterns/

● Jak zarządzać HTML DOM w czystym JS?
https://htmldom.dev/

● Darmowy kurs online dla programistów na poziomie junior i regular.
https://devupgrade.online/

● Komponenty Vue z konfigurowalnymi klasami przytosowanymi do TailwindCSS, ale są kompatybilne z dowolnym frameworkiem. #vue
https://vue-tailwind.com/

● Nieostylowane i elastyczne komponenty UI do Vue.
http://ow.ly/9Jec50z8CvB

● Ponad 600 ikon SVG na licencji MIT, które można dostosować.
https://tablericons.com

● Wiele linków z mojego tagu #webstuff posegregowanych wg odpowiednich kategorii.
https://tagpacker.com/user/klocus

➡ #ciekawostki
● Protip na #apple #macos: Klawisz "Option" + kliknięcie LPM w wybranym miejscu Terminala umiejscowi tam kursor (⌐ ͡■ ͜ʖ ͡■)
https://streamable.com/aq75p4

➡ #humorinformatykow i trochę #przegryw pokaż całość

źródło: Bing.jpg

+: czornolisto, CrossX +105 innych

‹ embed ›

Gymski 3 tyg. temu via Android
0

@szuineg bo google masz już spersonalizowane pod siebie. Ale wielki pan znawca wie o tym przeciez
- udostępnij
  
  Link
szuineg 3 tyg. temu via Android
+1

@Gymski no akurat na nowym firmowym komputerze, nie zalogowany na nic, żadnej historii. No ale wielki pan znawca wie o tym przecież.
xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd xd

+: kt13
- udostępnij
  
  Link
więcej komentarzy (15)

klocus 7 mies. temu

+149

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 JavaScript wybranej strony internetowej.
http://ow.ly/e7bJ50ylEaR

● Jak zachować motywację do dalszj nauki nowych technologii, bibliotek lub języka?
https://youtu.be/EINfXAuHORI

● Zbiór pomysłów, które pomogą deweloperom na poziomie podstawowym zbudować portfolio.
http://ow.ly/muhh50ylFkq

● Zestaw 72 pytań wielokrotnego wyboru, które sprawdzą twoją wiedzę na temat JavaScriptu. Każda odpowiedź ma swoje wyjaśnienie.
https://quiz.typeofnan.dev/

➡ Nowości
● Chrome DevTools posiada już inspektora animacji CSS! Możecie zmienić czas, opóźnienia i wiele innych.

● Chrome DevTools ma wbudowany edytor box-shadow, który wyświetla podgląd cienia w czasie rzeczywistym.

● WebComponents są obsługiwane natywnie w każdej liczącej się przeglądarce!
http://ow.ly/T1bE50ylEQ8

➡ #ciekawostki
● Szybkość rozwiązania Recaptchy zależy od tego, na ile pozwalasz śledzić się Google. W przypadku korzystania z ustawień lub rozszerzeń zapewniających prywatność w przeglądarce internetowej (np. blokowanie plików cookies firm trzecich, modułów śledzących itp.) zadanie Recaptcha z pewnością potrwa co najmniej 3-5 razy dłużej niż w przypadku użytkowników, którzy nie dbają o swoją prywatność.
http://ow.ly/iuWp50ylDpV

● Wiecie, że Microsoft, Google i Mozilla wysyłają sobie ciasta z okazji aktualizacji przeglądarek? Ostatnio twórcy Edga otrzymali takie.
http://ow.ly/DuJx50ylFXP

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

➡ #humorinformatykow pokaż całość

źródło: comments meme.jpg

+: marusz, Migfirefox +147 innych

‹ embed ›

mac501 7 mies. temu via Android
0

@klocus
let thisIsAComment;
- udostępnij
  
  Link
E.......i 7 mies. temu
0

Komentarz usunięty przez autora
- udostępnij
  
  Link
więcej komentarzy (12)

klocus 9 mies. temu

+100

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/ pokaż całość

źródło: Zrzut ekranu 2019-12-09 o 14.54.31.png

+: Verbatino, filip_k +98 innych

‹ embed ›

marusz 9 mies. temu
+22

❻ Wiecie, że z jQuery korzysta 85% z 5 milionów najpopularniejszych w Internecie stron?

@klocus:

źródło: lets-make-a-website.jpg

+: severnight, dendrofag +20 innych
- udostępnij
  
  Link
rimyi 9 mies. temu
0

@kuskoman: już myślałem, że to ten sam ziomek co od loadable ( ͡° ͜ʖ ͡°)
- udostępnij
  
  Link
więcej komentarzy (16)

klocus 10 mies. temu

+230

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 pokaż całość

źródło: trolololo.jpg

+: Mr_Plank, bersking +228 innych

‹ embed ›

Prezydent_Polski 10 mies. temu
0

Komentarz usunięty przez autora
- udostępnij
  
  Link
p.............o 9 mies. temu
0

@klocus: no za to to się należy nagroda złotego szpadla
https://simplescraper.io/

Bardzo dziękuję
- udostępnij
  
  Link
więcej komentarzy (10)

klocus 10 mies. temu

+67

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. pokaż całość

źródło: chart.png

+: Tuff, Ukassiu +65 innych

‹ embed ›

Patres 10 mies. temu
0

taktyczna .
- udostępnij
  
  Link
danoxide 10 mies. temu
0

@klocus: zajebiste zestawienie :P
- udostępnij
  
  Link
więcej komentarzy (18)

klocus 11 mies. temu

+297

Ł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
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 pokaż całość

źródło: 70433356_2416611948433721_7764642753329233920_n.jpg

+: bboymc, Tuff +295 innych

‹ embed ›

Xtreme2007 11 mies. temu via Android
0

@klocus super wpis
- udostępnij
  
  Link
p.............o 11 mies. temu
0

Teraz będzie bitwa o WCAG czy słuszny czy nie (－‸ლ) bo w dobie web komponentów już z repozytoriami to będzie jakiś problem.
- udostępnij
  
  Link
więcej komentarzy (17)

klocus 1 rok 1 mies. temu

+91

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ć... pokaż całość

źródło: 67782535_2360003700761213_8568099347634323456_o.png

+: Ogniste_Jezyki_Sprawiedliwosci, pietk4 +89 innych

‹ embed ›

niepodszywamsiepodbiauka 1 rok 1 mies. temu
0

@hitherto: Ale ten cytat nie jest o szybkości... Bierz wyniki badań, przeinaczaj znaczenia słów, dodawaj do tego swoje interpretacje i pisz artykuły w których obalasz stworzonego przez siebie chochoła (bo kto i gdzie twierdzi, że dark mode zwiększa produktywność?). Tyle w tym temacie.
A i jeszcze brak dostępu do samych badań ze względu na licencje, eh...
- udostępnij
  
  Link
hitherto 1 rok 1 mies. temu via Android
0

@niepodszywamsiepodbiauka a ja nigdzie nie pisałem o szybkości, też walczysz ze stwierdzeniem które nie padło. "czytelność" zgadzam się że jest dyskusyjna, ale poziom rozumienia tekstu jest dla mnie miarą produktywności
- udostępnij
  
  Link
więcej komentarzy (18)

klocus 1 rok 1 mies. temu

+139

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 <datalist>?
http://ow.ly/X9Qk50v0DEi

⓬ OriginPHP to dość nowy i open source'owy framework MVC, który 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 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! pokaż całość

źródło: 67636967_2357464054348511_2464336124298919936_n.png

+: Red_Ducc, kidi1 +137 innych

‹ embed ›

f.............z 1 rok 1 mies. temu
0

❷ Konfiguracja VS Code dla wydajnego programowania w #php.

@klocus: mycie zebow dla wydajnego srania w #kiblu
- udostępnij
  
  Link
klocus 1 rok 1 mies. temu
0

@ghost1511: ostatnio próbowałem VS Code (stąd też te linki). Wróciłem do phpStorm po około godzinie zabawy z VSC. Póki co nie ma sobie równych i żadne wtyczki do VSC nie są w stanie go zastąpić.
- udostępnij
  
  Link
więcej komentarzy (8)

klocus 1 rok 4 mies. temu

+198

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 pokaż całość

źródło: graphic designer naming convention.jpg

+: Alabazam, bersking +196 innych

‹ embed ›

N......e 1 rok 4 mies. temu via Wykop Mobilny (Android)
0

@klocus: taktyk
- udostępnij
  
  Link
bonbonek 1 rok 4 mies. temu
0

@klocus: Numer 2, złoto, prawda na 100%.
- udostępnij
  
  Link
więcej komentarzy (10)

klocus 1 rok 4 mies. temu

+187

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 pokaż całość

źródło: design_feedback.jpg

+: Mr_Plank, Snowdr0p +185 innych

‹ embed ›

kinlej 1 rok 4 mies. temu
+3

@klocus: Najlepszy przykład - polskie monety. Było idealnie to jakiś zj*b wymyślił że trzeba coś zmienić. I wziął i rozjebał symetrię.

źródło: nbp.pl

+: pauper, MartinPL +1 inny
- udostępnij
  
  Link
klocus 1 rok 4 mies. temu
0

@kinlej: #piekloperfekcjonistow
- udostępnij
  
  Link
więcej komentarzy (12)

klocus 1 rok 8 mies. temu

+129

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? Codziennie dwa posty! Śledź nowy fanpage, który prowadzę: https://www.facebook.com/truipl/ pokaż całość

źródło: 48424009_2021183367976583_4985709547432706048_n.jpg

+: Roxerood, Zdzisiu1 +127 innych

‹ embed ›

Adam_pasztecik_czwarty 1 rok 8 mies. temu
+1

@klocus: dobre zestawienie, dzięki :)

+: n..u
- udostępnij
  
  Link
interpolacja_liniowa 1 rok 8 mies. temu
0

@klocus: Dzieki!
- udostępnij
  
  Link
więcej komentarzy (11)

klocus 1 rok 9 mies. temu

+220

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. #php
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/ pokaż całość

źródło: 47380425_1991804500914470_571814302063788032_n.png

+: Migfirefox, KolejnyWykopowyJanusz +218 innych

‹ embed ›

jazuu 1 rok 9 mies. temu via Android
0

zjem pozniej
- udostępnij
  
  Link
R4vPL 1 rok 9 mies. temu via iOS
0

Taktyk
- udostępnij
  
  Link
więcej komentarzy (22)

klocus 2 lata 1 mies. temu

+262

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

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

➡ 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

❸ 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

❷ pokaż całość

źródło: marquee.png

+: konik_polanowy, coeai +260 innych

‹ embed ›

klocus 2 lata 1 mies. temu
0

@kolargolo: Byłem skupiony na pracy inżynierskiej, a później zacząłem kilka projektów, przez co zaniedbałem swój tag (╥﹏╥) Zamierzam jednak wrócić do cyklicznych publikacji ( ͡° ͜ʖ ͡°)
- udostępnij
  
  Link
jamnig 2 lata 1 mies. temu
0

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

@klocus: brak połączeń głosowych, wideokonferencji i shareowania ekranu. "Najlepsze"...
- udostępnij
  
  Link
więcej komentarzy (15)

klocus 2 lata 5 mies. temu

+200

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

➡ #cebuladeals
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 ( ͡° ͜ʖ ͡°) pokaż całość

źródło: monsteroid.png

+: Mr_Plank, Ogniste_Jezyki_Sprawiedliwosci +198 innych

‹ embed ›

gregoryk55 2 lata 5 mies. temu
0

@klocus: kod chyba przestał działać :<
- udostępnij
  
  Link
majorponury 2 lata 4 mies. temu
0

@klocus: witamy wśród bordo! (zmiana zawsze dosłownie dzisiaj w ciągu ostatnich 8 godzin)
Dobry stuff ( ͡° ͜ʖ ͡°)
- udostępnij
  
  Link
więcej komentarzy (22)

klocus 2 lata 6 mies. temu

+212

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 front-endu w realnym przedsiębiorstwie.
http://bit.ly/2oClzd4

⓫ Biblioteka #javascript, która może przesłać dosłownie wszystko wszystko. Optymalizuje 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 wersja (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 pokaż całość

źródło: graphic_designer.jpg

+: d.........r, TheySeeMeBowlin +210 innych

‹ embed ›

maxim-pekarsky 2 lata 6 mies. temu
+1

Twórca Hackterms tutaj - dziękuję za udostępnienie i mam nadzieję, że strona internetowa okaże się przydatna. Proszę napisz do mnie na max@hackterms.com jeśli masz jakieś przemyślenia lub pomysły!

+: dobrze-zbudowany-grubas
- udostępnij
  
  Link
klocus 2 lata 6 mies. temu
+1

@maxim-pekarsky: O kurczę! Masz polskie korzenie? ( ͡° ͜ʖ ͡°)

+: maxim-pekarsky
- udostępnij
  
  Link
więcej komentarzy (15)

klocus 2 lata 6 mies. temu

+748

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 <head> 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 ( ͡° ͜ʖ ͡°) pokaż całość

źródło: blind-people.png

+: Tacocat, Cinex +746 innych

‹ embed ›

adios 2 lata 6 mies. temu
0

@gambit25: język Rust. IDE cholera wie bo language service (Rocket?) robi robotę. Możliwości to Intelij IDEA, VS Code, Sublime Text, może coś jeszcze.
- udostępnij
  
  Link
jazuu 2 lata 6 mies. temu via Android
0

.
.
.
- udostępnij
  
  Link
więcej komentarzy (37)

klocus 2 lata 8 mies. temu

+129

Hoł, hoł, hoł! Nieważ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 <wbr> 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 pokaż całość

źródło: zyczenia.jpg

+: konik_polanowy, jasieq91 +127 innych

‹ embed ›

klocus 2 lata 8 mies. temu via Android
+1

@austra Może w weekend ;)

+: austra
- udostępnij
  
  Link
austra 2 lata 8 mies. temu
0

@klocus: O, to super! ( ͡° ͜ʖ ͡°)ﾉ+
- udostępnij
  
  Link
więcej komentarzy (19)

klocus 2 lata 10 mies. temu

+164

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? pokaż całość

źródło: cmd.png

+: Jare_K, endrjuk +162 innych

‹ embed ›

klocus 2 lata 10 mies. temu
0

@BumboKlaat: Kurde, dobre :D
- udostępnij
  
  Link
Saibamen 2 lata 10 mies. temu
0

Strona z 7mego linku nie działa od kilku dni...
- udostępnij
  
  Link
więcej komentarzy (27)

klocus 2 lata 10 mies. temu

+335

Żebyście mieli co czytać w pracbazie w poniedziałek :D [ #webstuff ]

❶ TL;DR dla dokumentacji różnych języków i narzędzi.
https://devhints.io

❷ Nowoczesny #javascript dla dinozaurów, czyli osób, które nie wiedzą co to npm, gulp, webpack itd.
http://bit.ly/2yT1bLL

❸ Honest Ipsum to generator tekstu, który jest wypełniaczem treści. Zastępuje niezrozumiały często dla klientów Lorem Ipsum i odpowiada na pytanie czym jest.
http://bit.ly/2lSR3Ng

❹ Zbiór najlepszych front-endowych ściągawek w jednym miejscu.
http://bit.ly/2zicfiV

❺ City Lights to bardzo ładny, ciemny motyw do edytora Atom oraz Visual Studio Code.
http://citylights.xyz

❻ HEML to język znaczników, który służy do budowy responsywnych maili.
https://heml.io

❼ Zastosowanie Google AMP (Accelerated Mobile Pages) przez pewien internetowy magazyn przeniosło się na wzrost liczby odwiedzin o 13%, czyli o tym, że Google faworyzuje szybkie strony w wynikach wyszukiwania.
http://bit.ly/2gABuUP

❽ Funkify to nowa wtyczka do Chrome, która pomaga doświadczyć sieć web z perspektywy osób z pewnymi wadami wzroku i innymi niepełnosprawnościami.
http://www.funkify.org

❾ Tetris w JavaScript oraz HTML w mniej niż 512 bajtów.
http://bit.ly/2hdRj7S

❿ Lista rzeczy na froncie, które musisz sprawdzić zanim Twoja nowa strona ujrzy światło dzienne.
http://bit.ly/2xOPtMZ

⓫ Playlistify to generator playlist podstawie szczegółowych charakterystyk piosenek, artystów i gatunków.
http://www.playlistify.me/

⓬ 14 wskazówek debugowania JavaScript, o których mogłeś nie wiedzieć.
http://bit.ly/2ijHiTi

⓭ PaperCSS to framework #css, który stylistyką przypomina ręcznie narysowane elementy. Nadaje się do tworzenia wireframe'ów.
https://www.getpapercss.com

⓮ Animowana piaskownica do zabawy z Flebox CSS. Przydatna do zrozumienia działania.
http://bit.ly/2zjEY8U

⓯ Wszystko co chcielibyście wiedzieć o atrybucie "alt", ale boicie się zapytać.
http://bit.ly/2y3YDGu

⓰ Podstawy CSS Grid na filmie.
https://www.youtube.com/watch?v=Rpm7cSWjiGA

⓱ Zapowiada się ciekawe narzędzie do animacji.
https://spiritapp.io

⓲ Historia CSS Grid od jego twórcy.
http://bit.ly/2Al1AnE

⓳ HTML Web Component przy użyciu Vanilla JavaScript.
http://bit.ly/2zmuu8P

⓴ Front-End Developer Handbook 2017
http://bit.ly/2kJbG9M

➡ #grafika / #webdesign
❶ Gra, która uczy jak korzystać z narzedzia pióra.
http://bezier.method.ac

❷ Krótki przewodnik po webdesignie dla deweloperów, którzy nie zajmują się grafiką na co dzień.
http://bit.ly/2zeGvLf

❸ Jak przekształcić obraz rastrowy na wektorowy w #photoshop?
https://youtu.be/5ZX890lABFQ

❹ Inter UI to darmowa czcionka stworzona z myślą o tym, by była czytelna w małej skali na ekranach komputerów.
https://rsms.me/inter/

❺ Podstawy teorii koloru.
http://bit.ly/2j5er95

❻ inVision Studio, czyli narzędzie podobne do Sketcha i Adobe XD.
http://bit.ly/2yRoIMN

➡ Inspiracje
❶ Plansza do Monopoly stworzona przy pomocy CSS Grid.
http://bit.ly/2xMVw9C

❷ Ciekawa wizualizacja zasięgu broni Korei Północnej.
http://ab.co/2yMeu06

❸ Animacja nawiązująca do wydarzeń z pierwszego sezonu Stranger Things.
https://vimeo.com/239722120

❹ Ciekawy koncept przycisku "submit".
http://bit.ly/2h7zqEg

❺ Świetny efekt ciekłego / galaretowatego przycisku.
http://bit.ly/2zekIFX

❻ Animowany i pomysłowy przycisk dostawy.
http://bit.ly/2zzrBm0

➡ Nowości
❶ Chrome z wbudowanym dławikiem na koparki kryptowalut?
http://bit.ly/2hex8a3

❷ Mozilla zrzesza Microsoft, Google, W3C oraz Samsunga do wspólnej pracy nad dokumentacją MDN.
https://mzl.la/2xRYKJ2

❸ Po 12 latach projekt "Firebug" (najbardziej popularne narzędzie dla web deweloperów) zostaje zamknięty.
https://mzl.la/2y2oCSw

❹ Google buduje nowy rodzaj clip artów - obiektów 3D.
http://bit.ly/2h2WBD6

❺ Nowa wersja Node.js - 9.0.0
http://bit.ly/2yy56Oh

➡ #ciekawostki
Margaret Hamilton stojąca obok programu nawigacyjnego, który ona i jej zespół MIT napisał ręcznie dla projektu Apollo (1969). pokaż całość

źródło: Margaret Hamilton.jpg

+: lubie-sernik, TheySeeMeBowlin +333 innych

‹ embed ›

vshila 2 lata 10 mies. temu via iOS
0

@Ap2OAxExHamg8qlzUgsfcReovkvSdSvnTMT: zatrzymałam sie na dziewczynie XD
- udostępnij
  
  Link
Navarrano 2 lata 10 mies. temu via Android
0

Taktyk
- udostępnij
  
  Link
więcej komentarzy (36)

klocus 2 lata 11 mies. temu

+278

Czy ktoś zamawiał powiększony zestaw [ #webstuff ]? (╭☞σ ͜ʖσ)╭☞

❶ Domknięcia oraz funkcje anonimowe #php w przykładach - część 2 mirka @Daredzik.
http://bit.ly/2y8AiCy

❷ Porównanie sześciu frameworków #css Material Design.
http://bit.ly/2viZ3Ib

❸ Naklejki dzielnego pacjent... Tfu! Frelancera :D
http://bit.ly/2ukbwyh

❹ O śmiesznym lecz prawdziwym problemie: każdy samouczek frameworka #javascript napisany ponad 5 minut temu.
http://bit.ly/2wppVoT

❺ Czas dać liskowi drugą szasnę, czyli Firefox 57.
http://tcrn.ch/2ywDxQU

❻ Najgorszy błąd komputerowy w dziejach historii, przez który stracono 460 milionów USD w 45 minut.
http://bit.ly/2yacL4c

❼ Modern JavaScript Cheatsheet.
http://bit.ly/2yI7JJJ

❽ Strona prezentująca różne algorytmy sortowania przy użyciu wizualizacji graficznej oraz dźwiękowej.
http://bit.ly/2wOCECQ

❾ Klient HTTP w wierszu polecenia.
https://httpie.org

❿ Draggable JS - lekka, elastyczna i nowoczesna biblioteka drag&drop.
http://bit.ly/2x2XpK6

⓫ iPhone X nowym Internet Explorerem, czyli jak dostosować stronę pod nowy produkt Apple.
http://bit.ly/2f3AIiE

⓬ Krótki artykuł o tym, że dziś na stronach firmowych coraz trudniej o informacje czym dana firma się w ogóle zajmuje.
http://bit.ly/2eCo0XQ

⓭ Przewodnik po CSS w najpopularniejszych klientach poczty e-mail.
http://bit.ly/1jBHomU

⓮ 5 właściwości CSS, o których mogliście nie wiedzieć.
http://bit.ly/2wOiWqG

⓯ Tech Interview Handbook - podręcznik dla osób przed rozmową o pracę w firmie technologicznej.
http://bit.ly/2kI6Y0k

⓰ Wprowadzenie do CSS Grid stworzone przez Mozillę.
http://bit.ly/2g2ieiF

⓱ Sprawdź ile rocznie zarabiają deweloperzy z Twoimi umiejętnościami w USA, Kanadzie, UK, Francji lub Niemczech.
http://bit.ly/2ymov4b

⓲ Może nie potrzebujesz jQuery - przewodnik po nowych możliwościach JS zaimplementowanych w przeglądarkach.
http://bit.ly/2h0LwBJ

⓳ O tym jak zwykły "padding" może poprawić czytelność strony.
http://bit.ly/2kyeR8v

⓴ Biblioteka JS, która dodaje efekt bąbelków / bokeh w tle strony.
http://bit.ly/2xeOnde

➡ #grafika / #webdesign
❶ Szybki kurs rysowania w Adobe Illustrator CC.
http://bit.ly/2xypaj2

❷ Katalog darmowych narzędzi i zasobów od Google przeznaczonych do projektowania.
http://bit.ly/2yEgJ5X

❸ 3 nowe darmowe zdjęcia w każdy poniedziałek na licencji Creative Commons.
http://bit.ly/2yglUaB

❹ Logo Crunch to narzędzie, dzięki któremu logo wysokiej rozdzielczości będzie czytelne w niższych rozdzielczościach. Użyjecie go do utworzenia favicona, ikony aplikacji iOS lub Android, a także dostosujecie inne parametry.
http://bit.ly/2fsIxSH

❺ Dlaczego każdy freelancer powinien pracować z przewodnikiem po stylu?
http://bit.ly/2yfXTAw

❻ Design logo od szkicu po sam finał.
http://bit.ly/2gctltn

❼ Jak zrobić optycznie zrównoważone ikony, poprawić wyrównanie kształtów czy dodać doskonałe zaokrąglanie rogu. Ponad 50 zdjęć w zestawieniu.
http://bit.ly/2wum1Lx

❽ 5-minutowy przewodnik po typografii.
http://bit.ly/2fE07Qc

❾ Biblioteka darmowych zasobów graficznych (zdjęcia, wektory, ikony, fonty).
https://www.stockio.com

❿ Katalog open source-owych fontów, z których można dowolnie korzystać.
http://velvetyne.fr

➡ Inspiracje
❶ Comics Sans użyty w znanych logo.
https://imgur.com/a/hw8nj

❷ Krótka lekcja na przykładzie logo Google o tym, że poprawność matematyczna oraz optyczna w grafice, to zupełnie różne rzeczy.
https://imgur.com/a/xQT66

❸ Wizualna podróż po totalitarnym designie Korei Północnej
http://bit.ly/2hRpsKQ

❹ Krótka przejażdżka tramwajem w świecie ilustracji. Przytrzymajcie strzałkę w prawo, aby poruszać postacią.
http://bit.ly/2wMP9D2

❺ Styl komiksu przy użyciu CSS Grid.
http://bit.ly/2yciofC

❻ Katalog stron typu "landing page" z możliwością filtrowania.
http://www.goodweb.design

❼ Ciekawy efekt podczas przewijania strony.
http://www.section32.com

❽ Kolekcja różnego rodzaju wizualizacji danych.
http://datavizproject.com

❾ Biblioteka tytułów filmowych.
http://bit.ly/1dF4yQF

➡ Nowości
❶ Let's Encrypt Wildcard w 2018 roku, czyli SSL dla nowych subdomen.
http://bit.ly/2sKvzVC

❷ Czas dać liskowi drugą szasnę, czyli Firefox 57 nadchodzi.
http://tcrn.ch/2ywDxQU

❸ Google Chrome będzie blokowało dodatkowe zakładki z reklamą, które pojawiają się klikając w jakiś przycisk.
http://bit.ly/2yJcWA3

❹ React w wersji 16.
http://bit.ly/2xXpw1t

➡ #ciekawostki
❶ Czyżby Safari w nowej wersji miało powrócić do MS Windows? Na tej stronie Apple możecie ujrzeć porównanie szybkości działania tej przeglądarki na macOS oraz Windows 10.
https://imgur.com/a/DMQ0S

➡ #humorinformatykow
( ͡° ͜ʖ ͡°) pokaż całość

źródło: friends.png

+: lubie-sernik, TwigTechnology +276 innych

‹ embed ›

panczekolady 2 lata 11 mies. temu
0

Może nie potrzebujesz jQuery - przewodnik po nowych możliwościach JS zaimplementowanych w przeglądarkach.

@klocus: Ja nie potrzebuję, ale duże i popularne biblioteki i tak go wymagają - na czele z Bootstrap 3/4.
- udostępnij
  
  Link
klocus 2 lata 11 mies. temu via Android
0

@panczekolady tak to jest jak twórcy nie czytają webstuff (⌐ ͡■ ͜ʖ ͡■)
- udostępnij
  
  Link
więcej komentarzy (25)

klocus 3 lata temu

+193

Czołem Wykopki! Sprawdźcie co dziś dla Was przygotowałem w kolejnym wpisie [ #webstuff ]!

❶ Wpis mireczka @Daredzik o funkcjach anonimowych w #php.
http://bit.ly/2vIVUA7

❷ Prosty, lekki i responsywny system siatki w #css zbudowany przy użyciu flexbox.
http://bit.ly/2uldBsf

❸ Sposób na zapis danych w formularzach po utracie połączenia z siecią.
http://bit.ly/2v4GGtQ

❹ Jak pozyskać dobre zlecenia pracując jako freelancer?
http://bit.ly/2wvUpaM

❺ Biblioteka JS do płynnych przejść pomiędzy ikonami.
http://bit.ly/2cUYrja

❻ Skrypt, który zmienia clickbaitowe nagłówki na zwyczajne, bardziej szczere.
http://bit.ly/2gyTdzt

❼ Wizualny przewodnik po flexbox.
http://bit.ly/1CVXPh5

❽ Biblioteka JS do tworzenia notyfikacji Push w przeglądarce.
https://pushjs.org

❾ Zbiór ciekawych i sprytnych przykładów w #python.
http://bit.ly/2exA9Rp

❿ Mallery - generator statycznych dokumentacji. Aplikacja automatycznie utworzy dokumentację na podstawie zawartości folderu.
http://bit.ly/2gAdUe9

⓫ Wskazówki z książki "Czysty kod. Podręcznik dobrego programisty" dostosowane do języka PHP.
http://bit.ly/2exBqb8

⓬ Nowoczesny odtwarzacz muzyki w #javascript.
http://bit.ly/2exQ7et

⓭ Dlaczego nie warto pisać własnego CMS-a w innych celach niż edukacyjnych?
http://bit.ly/2gqTHaC

⓮ Biblioteka JS, która rozszerza nieco funkcjonalność atrybutu "placeholder" pól formularza. Umożliwia wstawienie kilku następujących po sobie komunikatów.
http://bit.ly/2gsi4Ru

⓯ Wprowadzenie do programowania w języku GO.
http://bit.ly/2exMDZ7

⓰ Don't Use Entities in Symfony Forms. Use Custom Data Objects Instead. PHP
http://bit.ly/2xF7tKM

⓱ Zasób dla każdego, kto chce poprawić typografię na swojej stronie internetowej. Zawiera dobre połączenia fontów wraz z gotowym kodem HTML i CSS.
http://www.baseline-type.com

⓲ Narzędzie, które nagrywa odwiedzających naszą stronę. Wersja darmowa obsługuje do 2 tysięcy odwiedzin miesięcznie.
https://www.smartlook.com/pl/

⓳ Ściągawka obsługi gita linkująca do wyczerpujących odpowiedzi oraz pokazująca wskazówki i skróty.
http://bit.ly/2etj7QS

⓴ Geolokalizacja w HTML5.
http://bit.ly/2wt0k1X

➡ #grafika / #webdesign
❶ Zdecydowanie warty obejrzenia filmik o tym jak Aaron Draplin zabiera się do tworzenia logo.
https://youtu.be/zOPA0NaeTBk

❷ Logo Rank to system AI, który rozumie design logo. Szkolił się na ponad milionie logo, aby móc wyświetlić wskazówki i pomysły. Może być również używany do sprawdzenia, czy projektant wziął inspirację gotowca.
http://bit.ly/2xOTp0z

❸ 100 nowych i starych narzędzi dla designerów, które warto znać.
http://bit.ly/2wX4vEG

❹ Ponad milion darmowych ikonek.
https://thenounproject.com

❺ O tym dlaczego ikony powinny posiadać podpisy.
http://bit.ly/2exWu19

❻ Twoje logo jest kopią. Serio, możesz nawet o tym nie wiedzieć ;-)
http://bit.ly/2wAS6p2

➡ Inspiracje
❶ Kilka ciekawych plakatów filmów dla dorosłych z lat 60 i 70.
http://bit.ly/2wmdKx7

❷ Bardzo kreatywna reklama, która wykorzystuje architekturę. Co prawda przedstawia coś za czym nie przepadam, ale szanuję za kreatywność.
http://imgur.com/oA9CBrX

❸ Strona, która pokazuje swoją treść dopiero, gdy będziesz offline.
http://bit.ly/2vMNqIp

❹ Bardzo ciekawy efekt rozlewającej się farby.
http://bit.ly/2esHUEu

➡ Nowości
❶ Pojawiła się nowa wersja frameworka PHP Laravel (5.5).
http://bit.ly/2x0iQjs

❷ Nowa wersja PhpStorm (2017.2.2).
http://bit.ly/2wwlHxs

➡ #ciekawostki
❶ Wiedzieliście, że "break" w PHP przyjmuje argumenty?
http://bit.ly/2eOStT3

❷ Nginx wyprzedził Apache i jest aktualnie najczęściej wybieranym serwerem WWW wśród miliona najpopularniejszych stron w Internecie.
http://bit.ly/2uBFRYP

➡ #humorinformatykow
A co tam, wpasuję się w ostatni trend ( ͡° ͜ʖ ͡° )つ──☆*:・ﾟ pokaż całość

źródło: rekurencja.jpg

+: DannyMurillo, TwigTechnology +191 innych

‹ embed ›

MrBanana 3 lata temu
0

@klocus: Gdzie mogę użyć tej biblioteki Push?
- udostępnij
  
  Link
noekid 3 lata temu
0

Nginx wyprzedził Apache i jest aktualnie najczęściej wybieranym serwerem WWW wśród miliona najpopularniejszych stron w Internecie.

@klocus: Pytanie tylko czy faktycznie jest używany jako serwer czy tylko jako reverse proxy i/lub load balancing
- udostępnij
  
  Link
więcej komentarzy (14)

klocus 3 lata temu

+114

Zapraszam do kolejnego wpisu z cyklu [ #webstuff ]!

❶ Generator filtrów wraz z kolekcją gotowych do użycia na obrazach przy pomocy kodu #css.
http://www.cssfilters.co

❷ Prosta, lekka i szybka biblioteka #javascript do animacji.
http://bit.ly/1zO2gZP

❸ Krótki przewodnik po CSS Grid wraz z kilkoma ćwiczeniami.
http://bit.ly/2x66wv5

❹ Ciekawy pomysł umieszczania pliku "security.txt", który podobnie jak "robots.txt" zawierałby przydatne informacje, ale związane z polityką bezpieczeństwa.
http://bit.ly/2fYRGC9

❺ Jakie są podstawowe rzeczy, które każdy programista powinien wiedzieć?
http://bit.ly/2vXgyhG

❻ Lista przydatnych rozszerzeń do Visual Studio Code.
http://bit.ly/2fYLlGR

❼ Masz startup? Może nie powinieneś wykorzystywać Reacta zważając na licencję "BSD + patents" Facebooka. Wpis o dość kontrowersyjnej licencji w świecie Open Source.
http://bit.ly/2vQZKus

❽ 12 września mija 20 lat odkąd Amazon uzyskał patent na zakupy poprzez "1-click ordering". Oznacza to, że tego dnia patent wygaśnie i każdy inny sklep będzie mógł zaimplementować taką samą funkcjonalność.
http://bit.ly/2uYPUDU

❾ Narzędzie, które generuje animacje CSS z opóźnieniem pomiędzy kolejnymi iteracjami.
http://waitanimate.wstone.io/

❿ System zarządzania treścią, który deweloperowi dostarcza jedynie API do podpięcia pod aplikację, którą buduje, a klient może korzystać z prostego w obsłudze panelu i aktualizować treści.
https://www.contentful.com

⓫ Instrukcja krok po kroku, która pokazuje w jaki sposób wnieść swój wkład w jakieś repozytorium na GitHubie (Contribution).
http://bit.ly/2udvgTx

⓬ Kojarzycie efekt rozwijania informacji o obrazie w Google Grafika? Gridder to plugin jQuery, który pozwala uzyskać bardzo podobny efekt.
http://bit.ly/2fYGDsU

⓭ Biblioteka JavaScript, która ułatwia pisanie wyrażeń regularnych, a dokładniej zastępuje je funkcjami.
http://bit.ly/2ilag8w

⓮ Artykuł o ciekawych wariacjach wzorca architektonicznego MVC.
http://bit.ly/2vhNEHk

⓯ Plugin #jquery, który służy do liniowego animowania krawędzi obiektów SVG.
http://lazylinepainter.info

⓰ Każdy zna metodę Drag & Drop do przeciągania oraz zmiany kolejności elementów. Autor prezentuje co zrobić, by był on wygodniejszy i bardziej intuicyjny dla użytkownika.
http://bit.ly/2xlttcW

⓱ Responsywny harmonogram wysyłki maili Gmaila zbudowany przy użyciu Bootstrapa i Google Apps Scripts.
http://bit.ly/2xlAxGx

⓲ Hyperapp - minimalistyczna biblioteka JavaScript do budowy frontendowych aplikacji.
http://bit.ly/2k8CY9R

⓳ Wprowadzenie do Vue.js dla osób, które znają wystarczająco dobrze jQuery, aby przez nie przejść.
http://bit.ly/2v7BRvV

⓴ Symfony 4: Najlepsze praktyki
http://bit.ly/2paIQ3M

➡ #grafika / #webdesign
❶ Powiedzmy, że masz klienta, który chciałby, aby jego strona internetowa wyglądała dobrze w ciągu najbliższych 10 lat bez jakichkolwiek zmian. Jak byś ją zaprojektował(a)?
http://bit.ly/2fRco7f

➡ Inspiracje
❶ Specyficzne portfolio pewnego programisty, które wygląda jak z lat 90.
http://bit.ly/2uZkgdx

➡ Nowości
❶ Pojawiło się pierwsze stabilne wydanie frameworka CakePHP w wersji 3.5.0.
http://bit.ly/2x5Qv8d

❷ Dodano podświetlanie CSS Grid w narzędziach dewelopera przeglądarki Google Chrome.
http://bit.ly/2ijAkkp

❸ Ogłoszono TypeScript w wersji 2.5 RC.
http://bit.ly/2fUjTdE

❹ Nowa wersja #php (7.2.0 Beta 3).
http://bit.ly/2ij80i3

❺ Joomla w wersji 4 będzie wymagała PHP w wersji minimum 7.
http://bit.ly/2xlBcrv

➡ #humorinformatykow
Przecież nie istnieje większa liczba naturalna od 2147483647, a wiadomo o tym od czasów powstania świata, czyli od pierwszego stycznia 1970 roku ( ͡° ͜ʖ ͡°) pokaż całość

źródło: chatbot.png

+: f.....d, jeehox25 +112 innych

‹ embed ›

klocus 3 lata temu
+1

@Wychwalany: Narzędzie korzysta z Twoich szkiców / wersji roboczych :)

+: Wychwalany
- udostępnij
  
  Link
haszimo 3 lata temu via Android
0

@klocus taktyk
- udostępnij
  
  Link
więcej komentarzy (9)

klocus 3 lata 1 mies. temu

+203

Nie spodziewaliście się dziś kolejnego wpisu z cyklu [ #webstuff ], hm? ( ͡° ͜ʖ ͡° )つ──☆*:・ﾟ

❶ Narzędzie do podziału plików TXT oraz CSV na kilka części. Szczególnie przydatne, gdy importując jakieś dane przez przeglądarkę przekraczamy czas połączenia.
http://filesplit.org

❷ Materiały Code School dostępne za darmo w dniach 18 – 20 sierpnia 2017. Platforma należy do dość znanej firmy Pluralsight specjalizującej się w przekazywaniu wiedzy specjalistycznej.
https://www.codeschool.com

❸ Jak wykorzystać Stack Overflow do celów marketingowych na przykładzie autora pewnej usługi dostarczającej informacji o adresach IP.
http://bit.ly/2vFXlT7

❹ Prezentacja o tym jak #css Grid zmienia budowanie stron.
http://bit.ly/2v0Iaot

❺ Bardzo szybki kurs (60 minut) podstaw Vue.js 2
http://bit.ly/2uJ32R8

❻ Film demonstrujący działanie wyskakujących okien przeglądarki chowających się za aktywnym oknem, tzw. PopUnder.
http://bit.ly/2w4zQV5

❼ Prezentacja senior dewelopera firmy Microsoft o możliwościach SVG w sieci web.
http://bit.ly/2x7hnnE

❽ Strona, która generuje obraz złożony z pikseli o odmiennych kolorach (każdy piksel to inny kolor).
http://bit.ly/2i7saLQ

❾ Czy użytkownicy mobilnych wersji stron korzystają z przycisków udostępniania treści na portalach społecznościowych? Pewna firma postanowiła to zbadać. Wynik jest dość zaskakująco niski: otóż zaledwie 0.2% użytkowników klika na telefonie w przyciski udostępniania. Wygląda na to, że nie ma sensu umieszczać takich przycisków na innej wersji niż desktopowa.
http://bit.ly/2okgdDK

❿ Kolejny szybki kurs zajmujący godzinę, ale tym razem Angulara w wersji 4.
http://bit.ly/2vLjluh

⓫ Ion to „framework” CSS, który zawiera elementy systemu Apple MacOS. Ion przeznaczony jest do użytku w szczególności w obrębie frameworka Electron.
http://bit.ly/2uSC9Xv

⓬ Jeff Harris to gość, który podpiął API pod grę DOOM z 1993 roku. Dzięki temu można ją kontrolować używając HTTP i JSON. #gimbynieznajo
http://bit.ly/2vmDdpI

⓭ The JavaScript Way – nowa książka o #javascript dostępna za darmo w formie repozytorium na GitHubie.
http://bit.ly/2w4oP68

⓮ Dlaczego startupy tak chętnie sięgają po MongoDB?
http://bit.ly/2vFZDBC

⓯ Generator zrzutów ekranu w urządzeniach (desktopy, laptopy, tablety i telefony).
http://bit.ly/2wSDQpa

⓰ Sztuczna inteligencja, która zmienia zwykły obraz interfejsu na kod.
http://bit.ly/2rPOkFG

⓱ Śledzenie kursora efektem „:hover” w czystym CSS.
http://bit.ly/2w4Rc4a

⓲ Coroczny konkurs organizowany przez Polaka Andrzeja Mazura od 2012 roku, który polega na stworzeniu gry w JavaScript, której rozmiar nie przekracza 13 kilobajtów. W linku poniżej możecie znaleźć gry z poprzednich edycji.
http://bit.ly/2v4sufm

⓳ Bot na Twitterze, który co 3 godziny przestawia jakąś bibliotekę JavaScript.
http://bit.ly/2v5faaQ

⓴ Mobilne menu zakładek dla Bootstrapa, które jest alternatywą dla „hamburgera”. Coś podobnego możecie znać z mobilnej wersji serwisu Facebook.
http://bit.ly/2wSNN5X

➡ Grafika / #webdesign
❶ Parallax Flipping Cards
http://bit.ly/2w3P7FG

❷ O tym jak globalna sieć odzieżowa – Zara, kradnie projekty niezależnych artystów.
http://www.shoparttheft.com

❸ 10 najlepszych stron z darmowymi zdjęciami.
http://bit.ly/2wcWRFP

❹ Narzędzie do generowania trójkolorowej palety w stylu Material Design.
http://bit.ly/2wY6lkm

❺ Wiecie, że wraz ze zmianą wielkości czcionki powinno używać się innego odcienia szarości? Strona w prosty sposób prezentuje jakich odcieni używać, by tekst nadal był czytelny dla odbiorcy.
http://bit.ly/2wiVZhR

➡ Inspiracje
❶ Świetna animacja reklamowa wody mineralnej.
http://bit.ly/2uT77hU

❷ Jeden z bardziej minimalistycznych sklepów z odzieżą i dodatkami jaki w życiu widziałem.
https://www.balenciaga.com

❸ Bardzo dziwna strona amerykańskiego rapera A$AP Rocky w retro stylu.
https://www.awgeshit.com/

❹ Zaufanie jest fajne, ale może spowodować, że inni zaczną Cię wykorzystywać. Ten dylemat próbuje przedstawić autor nietypowej gry przez przeglądarkę – Ewolucji Zaufania. Zwróćcie uwagę na to jak ładnie gra jest wykonana.
http://ncase.me/trust/

❺ Świetne minimalistyczne obrazy przedstawiające gatunki zwierząt, które są zagrożone wyginięciem.
http://bit.ly/2w4JKGc

➡ Nowości
❶ Czwarta wersja bootstrapa (beta) jest już oficjalnie udostępniona.
http://getbootstrap.com

❷ Nowa wersja Atoma (1.19), czyli dość popularnego edytora, w której zoptymalizowano wykorzystanie pamięci.
http://bit.ly/2fNMOzN

❸ Nowa wersja Visual Studio Code (1.15), w której pojawił się próbnik kolorów.
http://bit.ly/2wiEbDM

➡ #ciekawostki
❶ Ambigram – grafika utworzona kaligraficznie lub obrazowo w taki sposób, że po obróceniu całości można odczytać ten sam lub inny tekst. Daniel Dostal od wielu lat specjalizuje się w tworzeniu tych dzieł. Przykłady oraz proces tworzenia możecie zobaczyć na jego blogu.
http://bit.ly/2w4HNJK

❷ Czy użytkownicy mobilnych wersji stron korzystają z przycisków udostępniania treści na portalach społecznościowych? Pewna firma postanowiła to zbadać. Wynik jest dość zaskakująco niski: otóż zaledwie 0.2% użytkowników klika na telefonie w przyciski udostępniania. Wygląda na to, że nie ma sensu umieszczać takich przycisków na innej wersji niż desktopowa.
http://bit.ly/2okgdDK

➡ #humorinformatykow
( ͡° ͜ʖ ͡°) pokaż całość

źródło: loop.png

+: Anthon, starskaj +201 innych

‹ embed ›

JesusOfSuburbia 3 lata 1 mies. temu via Android
0

@klocus właśnie szukałem jakiejś alternatywy dla navbara w bootstrapie na mobilnej wersji, dzięki ( ͡° ͜ʖ ͡°)
- udostępnij
  
  Link
kary_koniu 3 lata 1 mies. temu
0

@Ilirian:

pokaż spoilerArray(2137).fill().forEach((_, i) => console.log(i)) // map nie ma sensu dla metody która nic nie zwraca

inne rozwiązanie, troche mniej oczywiste, ale bardzo ładne:

pokaż spoilerArray.from(Array(2137).keys())
- udostępnij
  
  Link
więcej komentarzy (19)

klocus 3 lata 2 mies. temu

+180

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

❶ Wprowadzenie do maszynowego uczenia się przy użyciu TensorFlow i #python.
http://bit.ly/2sREe7X

❷ Bardzo prosta aplikacja arkusza kalkulacyjnego w czystym JavaScript oraz #css.
http://bit.ly/2sRKqgB

❸ "Async/await z ES2017 jest najlepszą rzeczą jaka trafiła się w JavaScript". Sprawdźcie dlaczego.
http://bit.ly/2sUuWII

❹ Fidget Spinner jako preloader w CSS.
http://bit.ly/2tutdaM

❺ Narzędzie do tworzenia kopii stron internetowych zachowując przy tym ich dynamiczne elementy (JS, flash). Może się okazać szczególnie przydatne na Wykopie do tworzenia mirrorów :P
https://webrecorder.io

❻ Mówi się, że najlepszą obroną jest atak. Christian Haschek przedstawia dość starą metodę w #php, która polega na obronie strony poprzez bomby ZIP.
http://bit.ly/2trmyOx

❼ Darmowy kurs wzorców projektowych w #javascript.
http://bit.ly/1Q7R3iP

❽ Wybór front-endowego frameworka JavaScript w 2017 roku.
http://bit.ly/2tBGxtl

❾ Kilkadziesiąt obrazów przedstawiających codzienność freelancera z przymrużeniem oka ;)
http://imgur.com/gallery/ijVuF

❿ Wprowadzenie do D3.js (biblioteki do wizualizacji danych).
https://www.youtube.com/watch?v=8jvoTV54nXw

⓫ Lista najlepszych praktyk przy pracy z projektami w JS.
http://bit.ly/2sEVKgG

⓬ Kanał YT z kilkoma kursami (JS, Python, MATLAB, Linux).
http://bit.ly/2sR3pn2

⓭ Amerykańska flaga w CSS bez wykorzystania pseudo elementów.
http://bit.ly/2sR9dgF

⓮ Narzędzie, które wspomaga dostęp do ikon Google Material. Wystarczy wpisać nazwę, wybrać kolor i nazwę.
http://bit.ly/2uPkpvI

⓯ Kurs optymalizacji aplikacji opartych na frameworku PHP Laravel.
http://bit.ly/2tW5Tpd

⓰ Narzędzie do doboru fontu z Google Fonts, jego koloru oraz tła.
https://typehero.now.sh

⓱ Uczysz się Pythona? Nie masz pomysłu na własne programy? Skorzystaj z tego repozytorium, a w razie problemów zajrzyj do gotowego kodu :)
http://bit.ly/2suCgae

⓲ Preprocesor PHP.
https://preprocess.io/

⓳ Skrypt napisany w PHP do łatwego pobierania treści z Instagrama.
http://bit.ly/2tlFLCM

⓴ Ostatnią pozycję tej listy zajmuje quiz, w którym trzeba poprawnie odgadnąć, które z logo przedstawia oryginał z fontem Helvetica.
http://bit.ly/1pkb8mA

➡ #grafika / #webdesign
❶ Jeden z lepszych zbiorów darmowych zasobów graficznych, muzycznych i wideo!
http://makerbook.net/

❷ Proste, ładne i przede wszystkim darmowe ikonki.
https://feather.netlify.com/

❸ UI design na Windows, czyli przegląd oprogramowania.
http://bit.ly/2tWlrtt

❸ Katalog darmowych zasobów.
http://allthefreestock.com/

➡ Inspiracje
❶ Animowane żaluzje w CSS.
http://bit.ly/2sJtol2

❷ Inspiracje UI wraz z demo oraz kodem.
https://codemyui.com

❸ Kolejna biblioteka nawigacji, eksperymentów, templatek itd. w CSS / #html / JS.
https://codyhouse.co/

❹ Pewien turysta odwiedził Portugalię, lecz nie miał przy sobie aparatu. Wyszukał zwiedzone miejsca w Google Maps i użył Photoshopa, by wyglądały tak jak „obrazy”, które zapamiętał w głowie :)
http://imgur.com/a/BnCZh

❺ Zestawienie fontów z Google Fonts oraz klasycznych dzieł sztuki.
http://bit.ly/2tuOMbi

❻ Współczesne filmy na opakowaniach kaset VHS jak z lat 80-90. Aż przypomniał mi się specyficzny zapach mojej osiedlowej wypożyczalni! #nostalgia
http://bit.ly/2bmIO66

❼ Kreatywny projekt wieczka od jogurtu.
https://imgur.com/5QrtJ03

➡ #humorinformatykow
Chyba ktoś wstydził się upomnieć sąsiadów wprost ( ͡° ͜ʖ ͡°) pokaż całość

źródło: slyszejak.jpg

+: AceDM, moku +178 innych

‹ embed ›

klocus 3 lata 2 mies. temu
0

@tumulec: Zgadza się, Krk ( ͡° ͜ʖ ͡°)
- udostępnij
  
  Link
V......r 3 lata 2 mies. temu via Android
+1

@klocus w końcu po 17h dostałem powiadomienie ;p ale w sumie to już wcześniej zauważyłem Twój wpis ;p

+: Melt
- udostępnij
  
  Link
więcej komentarzy (14)

klocus 3 lata 3 mies. temu

+286

Jak tam [ #webstuff ]? Zmalał, urus? Dziś zdecydowanie urus ( ͡° ͜ʖ ͡°)

❶ Scroller to strona, która agreguje obrazkowe treści z serwisu Reddit, a w tym sztukę, jedzenie, naturę czy zawartość NSFW (⌐ ͡■ ͜ʖ ͡■)
https://scrolller.com

❷ AmplitudeJS - odtwarzacz plików dźwiękowych w #javascript. Obsługuje SoundCloud.
http://bit.ly/2qHiOXb

❸ Lubicie Sublime Text Editor? A co powiecie na coś zbliżonego, ale w terminalu?
http://bit.ly/YXFVhB

❹ Przydatna strona, którą możecie podsyłać klientom ( ͡° ͜ʖ ͡°)
http://didyouclearthecache.com

❺ Strona, która jest swego rodzaju eksperymentem społecznym. Czy zapłaciłbyś jednego dolara, by sprawdzić ilu ludzi już wpłaciło dolara? :D
http://bit.ly/2s0XNdK

❻ Graficzny interfejs dla Composera #php.
http://bit.ly/2qIZht8

❼ The Complete Guide to a Super Productive Docker Development Environment.
http://bit.ly/2qIZP2l

❽ Wywiad z twórcą Vue.js
http://bit.ly/2rYng7z

❾ 2134 strony książki o web deweloperce za darmo! HTML, PHP, MySQL, JavaScript i Linux.
http://bit.ly/2rLTgMy

❿ LateX Resume Generator.
https://latexresu.me/

⓫ Open Source’owe ikonki SVG.
https://feather.netlify.com

⓬ Doge Fidget Spinner.
http://bit.ly/2qHOYli

⓭ Brakuje Tobie ostatniego punktu w Google PageSpeed Insights? Sprawdź jak go zdobyć.
http://bit.ly/2qIUsjL

⓮ Narzędzia do tworzenia maili #html:
http://bit.ly/2rMe46r

⓯ Trzy wskazówki dotyczące Twojego pierwszego klienta w freelancingu.
http://bit.ly/2qGKL0Y

⓰ Jak zoptymalizować obrazy dla sieci web?
http://bit.ly/2qwf6jz

⓱ Nile.js – biblioteka JavaScript służąca do streamowania wideo na żywo używając komunikacji P2P.
http://nilejs.com

⓲ Budowa bota na Twittera w Node.js przy użyciu 38 linijek kodu.
http://bit.ly/2rs5k2B

⓳ Ścieżka rozwoju dla web dewelopera (Front + Back + DevOps).
http://bit.ly/2m4ljEv

➡ Bonusy
❶ Picodom is a 1kb Virtual DOM builder and patch algorithm.
http://bit.ly/2rMjUVB

❷ A lightweight wrapper to operate on nested dictionaries seamlessly. #python
http://bit.ly/2ryBnzI

❸ 11 things I learned reading the flexbox spec.
http://bit.ly/2qtkbs7

❹ Get a glance at a whole web page with an aerial view – UI experiment & JavaScript plugin.
http://bit.ly/2rrJvQH

❺ Should developers know design?
http://bit.ly/2qNQBNl

❻ 70% faster: rewriting the API that serves most of our traffic
http://bit.ly/2ryjYYc

➡ #grafika / #webdesign
❶ Open Source’owe ikonki SVG.
https://feather.netlify.com

❷ Narzędzie do odnajdowania fontów z Google Fonts wg wizualnych filtrów.
http://bit.ly/2qHrXyJ

❸ Trendy w tworzeniu logo na rok 2017.
http://bit.ly/2rw6yvF

❹ Co ten Samsung i jego emoji, to ja nawet nie…
http://bit.ly/2qvOQck

❺ Zasady responsywnej typografii.
http://bit.ly/2nigKWZ

➡ Inspiracje
❶ Jak zwykle, kolejny świetny efekt od Codrops. Tym razem zmiana kształtu w tle podczas przewijania strony.
http://bit.ly/2ryfErU

❷ Ciekawy „progress nav”, który zmienia się wraz z przewijaniem strony.
http://bit.ly/2swiJG7

❸ Perkusja w JavaScript.
http://bit.ly/2rbLOZE

❹ Bardzo ciekawe fotomontaże.
http://bit.ly/2rs503Q

❺ Zbiór inspiracji dla projektantów logo.
http://bit.ly/1h7Zesl

❻ Kolekcja 70 kart CSS.
http://bit.ly/2rAvHpx

➡ Nowości
❶ Skype przechodzi rebranding. Łączy funkcje wiodących komunikatorów na rynku, a w tym Snapa.
http://bit.ly/2qNFsMq

❷ Nowa wersja Node.js (8.0.0)
http://bit.ly/2ryuCyf

❸ Ciekawi co czeka Was w Media Queries Level 4 dla #css?
http://bit.ly/2qNNLrA

❹ Nowa wersja Symfony (3.3.0)
http://bit.ly/2rMeM3F

➡ #ciekawostki
❶ Wiecie, że w konsoli dewelopera możecie umieszczać obiekty SVG? Ba! Można je nawet animować ;-)
http://bit.ly/2qNqZ38

❷ Strona filmu „Kosmiczny mecz” (Space Jam) z Michaelem Jordanem oraz Królikiem Bugsem jest cały czas dostępna w sieci od 1996 roku. #film
http://bit.ly/2muNkCh

❸ Zapewne wiecie już, że Ubisoft zaktualizował swoje logo, ale czy znacie logo z początku działalności tej firmy?
http://bit.ly/2swqKe5

❹ Wiecie, że funkcja isset() w PHP obsługuje wiele argumentów? Niby jest o tym napisane w manualu, ale rzadko kto zwraca na to uwagę. Przykład:
if (isset($array['foo'], $array['bar']))

❺ Rumuński minister komunikacji (Augustin Jianu) jest deweloperem PHP.

➡ #humorinformatykow
Kojarzycie ten słynny kubek z napisem „CSS IS AWESOME”? Już jest naprawiony ( ͡° ͜ʖ ͡°) pokaż całość

źródło: cssisawesome.png

+: k......n, Melisandre +284 innych

‹ embed ›

simperium 3 lata 3 mies. temu
0

@klocus: potwierdzam, już działa. Nie, to nie był błąd po mojej stronie: linki przekierowywały na stronę bit.ly na której wyświetlał się error. Ale faktycznie już działa. Pewnie wyłączyłeś i włączyłeś, co? ;)
- udostępnij
  
  Link
JestemZSosnowca 3 lata 3 mies. temu via Mój Wykop (Android)
0

Taktyk
- udostępnij
  
  Link
więcej komentarzy (22)

klocus 3 lata 4 mies. temu

+159

Yup, kolejny wpis z cyklu [ #webstuff ]!

❶ Webanti to antywirus dla stron internetowych chroniący przed malware, ransomware oraz backdoorami. Dzięki Webanti dowiecie się o tym, że ktoś włamał się na waszą stronę i zainstalował na niej złośliwe oprogramowanie. Webanti pomoże również usunąć niebezpieczne oprogramowanie z waszej strony - automatycznie za pomocą opcji w panelu (co jest zupełnie darmowe) jak również ręcznie przez ich specjalistów.
https://webanti.com

❷ Czym jest słowo "this" w #javascript? [WIDEO]
https://youtu.be/zE9iro4r918

❸ Nowoczesny front-end development w Visual Studio 2017. [WIDEO]
http://bit.ly/2rlHeWT

❹ Wykorzystanie anonimowych klas do uproszczenia testów w #php.
http://bit.ly/2qnFTA9

❺ Fortran Web Framework
https://fortran.io

❻ Nowy silnik do gier 2D oraz 3D w JavaScript.
https://nunustudio.org

❼ 12 wskazówek do narzędzia dewelopera przeglądarki Chrome.
http://bit.ly/2rbL33v

❽ Aplikacje w React Nativ na Androida oraz iOS bez konieczności posiadania Maca.
https://expo.io

❾ Mikro framework dla front-endu w JS.
https://choo.io

❿ Local and Session storage wrapper with support for namespacing and multi get, set and remove.
http://bit.ly/2rmj1j5

⓫ 50 lekkich bibliotek i pluginów JavaScript.
http://bit.ly/2hyA53v

⓬ Gra typu GTA, ale oparta na mapach Google, więc możecie wybrać swoje miasto do rozgrywki.
http://bit.ly/2pPVki8

⓭ 35 nawyków, których należy unikać podczas pracy nad projektem.
http://bit.ly/2pFUFn8

⓮ Jak odnaleźć się w pierwszej pracy jako programista?
http://bit.ly/2qrXdTj

⓯ Umbrella JS jako alternatywa dla #jquery?
http://bit.ly/2nmbti4

⓰ Pewien programista przedstawia 10 powodów, dla których warto przejść z Angulara na React.
http://bit.ly/2jVcb42

⓱ Polski kurs Vue.js krok po kroku.
http://bit.ly/2qrU9q9

⓲ 10 przydatnych pluginów do edytora „Atom”.
http://bit.ly/2rlRb5E

⓳ Narzędzie do optymalizacji plików SVG.
http://bit.ly/2qN2sQs

⓴ Aplikacja przez przeglądarkę do wspólnego oglądania filmów ze znajomymi. Obiekt wideo synchronizuje aktualny czas odtwarzania jak również pauzę. Aby odtworzyć jakiś film należy wkleić adres do plik MP4, wideo na YouTube, magnetycznego linku torrent (plik docelowy musi posiadać rozszerzenie *.MP4) lub poprzez metodę drag&drop przeciągając plik z komputera.
http://sync.theater/

➡ Inspiracje
❶ Miejska odzież i to dosłownie. Całkiem ciekawy pomysł z tzw. „pirackim nadrukiem”.
http://bit.ly/2qi2QoQ

❷ Ciekawy efekt nieskończonych tuneli w WebGL.
http://bit.ly/2rgCPDC

❸ Świetny efekt nakładania odbić światła na tekście.
- efekt: http://apple.co/2q72eCs
- jak wykonać coś podobnego: https://jsfiddle.net/c46zz3st/

❹ Ciekawy #webdesign.
http://www.narrowdesign.com

➡ Nowości
❶ Nowa wersja Deployer (5.0.0) – narzędzia dla PHP.
http://bit.ly/2rlRNIp

❷ Fluent Design w systemie Microsoftu, który czerpie nieco z założeń Material Design.
- oficjalna strona: http://fluent.microsoft.com
- artykuł na ten temat: http://tcrn.ch/2qnwkRJ

❸ Nowa wersja PHP (7.1.5)
http://bit.ly/2pGeuea

❹ Nowa wersja jQuery Mobile (1.5.0-alpha.1)
http://bit.ly/2qMPUsa

➡ #humorinformatykow pokaż całość

źródło: try-catch.jpg

+: Hajmus, Zero +157 innych

‹ embed ›

av18 3 lata 4 mies. temu
0

@klocus: Nic nie widzę o opłatach. Czyżby darmowy?

Edit:
O cholera, darmowy. Nieźle! Dzięki za tip :)
- udostępnij
  
  Link
v..i 3 lata 4 mies. temu
+2

@av18: Polecam, po przeskoczeniu wszystkich sublime'ow, atomow, bracketsow, wreszcie trafilem na cos, co mnie satysfakcjonuje. Darmowy i open source ;)

+: p..............u, TenSoon
- udostępnij
  
  Link
więcej komentarzy (21)

klocus 3 lata 4 mies. temu

+126

Dzisiejszy wpis [ #webstuff ] został zdominowany przez JavaScript ( ͡° ͜ʖ ͡°)

❶ Narzędzie do edytowania commitów z przeszłości. #git
http://bit.ly/2pRhD7E

❷ Jak sprawdzić wydajność aplikacji #php?
http://bit.ly/2po95UH

❸ Narzędzie dla front-endowców, które jest znacznie prostsze w obsłudze od Gulp / Grunt. #frontend
https://pin.gy/cli/

❹ Ciekawe transmisje z polskimi programistami pracującymi w największych firmach informatycznych na świecie.
http://event.justjoin.it

❺ Zestaw kilku animacji w #css.
http://bit.ly/2q57TsI

❻ Komponenty "material #design" dla Internetu od Google.
http://bit.ly/2r4xAHY

❼ Krzyżówka w samym CSS.
http://bit.ly/2pC8LSx

❽ Implementacje słynnych algorytmów w #javascript.
http://bit.ly/2qWdVgf

❾ Szablon pliku #html, który w nagłówku zawiera wszystkie najważniejsze tagi na rok 2017.
http://bit.ly/2pnilwq

❿ 7 darmowych skryptów niestandardowego paska przewijania (JavaScript & #jquery Plugins)
http://bit.ly/2q8aWhQ

⓫ Prototypy w JavaSscript.
http://bit.ly/2r4I4qK

⓬ Open Source’owy silnik gier multiplayer w JavaScript. #gamedev
http://lance.gg

⓭ What the CSS? Krótka lista nietypowych przypadków.
http://bit.ly/2pnATN9

⓮ Proceduralne generowanie wysp w JavaScript.
http://bit.ly/2q5GSoK

⓯ Darmowy kurs wideo budowy produktów w JavaScript + materiały i kod.
http://bit.ly/2quYmwc

⓰ Boisz się zadać pytania na Stack Overflow / Elektrodzie? Możesz zapytać na mirko lub na Devolio, czyli platformie przypominającej SO, ale z tą różnicą, że została zbudowana z zamiarem bycia najbardziej przyjazną dla zielonek. Kod źródłowy Devolio jest otwarty i można go zobaczyć na GitHubie.
https://devolio.net

⓱ Animowane preloadery w CSS.
http://bit.ly/1cPEYLk

⓲ Najlepsze kursy do nauki JavaScript w 2017 roku.
http://bit.ly/2quZoIz

⓳ Prosty komunikator zbudowany przy użyciu Vue.js, Node.js, Express.js i Socket.io.
http://bit.ly/2quXPKp

⓴ Krótko o operacji „flatMap” w JavaScript, która jest podobna do metody „map”, lecz bardziej wszechstronna.
http://bit.ly/2quTCqq

➡ #grafika / #webdesign
❶ 25 wskazówek od ekspertów dotyczących projektowania logo.
http://bit.ly/2r31CLv

❷ Zbiór użytecznych zasobów dla grafików.
http://firepit.io

➡ Inspiracje
❶ Kolekcja kombinacji fontów.
http://bit.ly/2q626mi

❷ Symulator grawitacji w naszym układzie słonecznym.
http://bit.ly/2pC6S8v

➡ Nowości
❶ Nowa wersja Medoo (1.4), czyli lekkiego „frameworka” PHP dla baz danych.
https://medoo.in

❷ Microsoft udostępnił stabilną wersję Visual Studio 2017 dla #mac.
http://bit.ly/2quKCkU

❸ API Unsplash (dużej bazy darmowych zdjęć) jest od teraz otwarte i darmowe.
http://bit.ly/2pBSwVI

❹ Opera się odrodziła. Poznajcie Operę Reborn.
http://opr.as/2q5MhdQ

❺ Insomnia (REST client) jest od tego miesiąca na licencji Open Source.
http://bit.ly/2qWB0iA

❻ Nowa wersja jednego z najbardziej popularnych edytorów WYSIWYG – TinyMCE.
http://bit.ly/2quPSoA

➡ #ciekawostki

Początkowo Netscape nazwała nowy język LiveScript. Nazwa została jednak szybko zmieniona na JavaScript wskutek biznesowych porozumień pomiędzy Netscape a firmą Sun Microsystems (współwłaścicielem znaku handlowego JavaScript jest Oracle Corporation, które przejęło Sun Microsystems w 2010 roku). Skrypty JavaScriptu oraz aplety Javy (mimo odrębności tych dwóch języków) mogą się wzajemnie komunikować dzięki dostępnej w przeglądarkach Netscape, Mozilla i Opera technologii LiveConnect.

➡ #humorinformatykow pokaż całość

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

źródło: nodeapp.png

+: n.....s, Xisco +124 innych

‹ embed ›

ghost1511 3 lata 4 mies. temu
0

@PanWitold: Bardzo podobne, właściwe nie jestem pewien czy to nie to :P dzięki!
- udostępnij
  
  Link
ghost1511 3 lata 4 mies. temu
0

@ghost1511: Przyjrzałem się temu i to jednak była inna aplikacja, ale to powinno wystarczyć
- udostępnij
  
  Link
więcej komentarzy (22)

klocus 3 lata 4 mies. temu

+142

[ #webstuff ]

❶ Darmowy kurs podstaw #javascript na YouTube.
http://bit.ly/2omt4Wa

❷ Nadal nie do końca wiesz jak korzystać z #css flexbox? Być może prezentowana ścieżka edukacyjna pomoże Ci go zrozumieć.
http://bit.ly/2oVA76l

❸ Nowoczesna biblioteka mikro JavaScript, która zastępuje najbardziej popularne funkcje znane z #jquery.
http://bit.ly/2oZenWS

❹ Jedyną zaletą wyszukiwarki Bing są chyba piękne zdjęcia, które cyklicznie ukazują się na jej stronie głównej. Od #windows 10 można je również zobaczyć na ekranie logowania (Windows Spotlight). Aplikacja "Dynamic theme" pozwala na ustawienie tych zdjęć jako tapetę pulpitu. Dodatkowo umożliwia zapisywanie ich na dysk.
http://bit.ly/2owKOhZ

❺ Edytor online do zabawy z Reactem.
https://codesandbox.io

❻ Aplikacja dostępna przez przeglądarkę, a także na Windows, Mac OS, iOS oraz Android, która służy do zarządzania projektami i zadaniami. Darmowa wersja pozwala skorzystać z dwóch integracji, np. ze Slackiem i GitHubem.
https://www.meistertask.com

❼ Multiplatformowa aplikacja do sporządzania notatek dla programistów. Pozwala na wklejanie skrawków kodu, używanie Latex oraz Markdown.
https://boostnote.io/

❽ Prosta animacja preloadera w CSS.
http://bit.ly/2pqWd0D

❾ Dlaczego debugowanie metodą gumowej kaczki jest tak pomocne? #programowanie
http://bit.ly/2oMTG0X

❿ Aplikacja dostępna przez przeglądarkę, a także na sprzęt Apple, która pozwala synchronizować odtwarzanie utworów w #spotify ze znajomymi.
https://www.jqbx.fm

⓫ Bawiliście się już z CSS Grid? Krótki tutorial, który prezentuje jak użyć go w Bootstrapie.
https://mzl.la/2pVityZ

⓬ Ładna lista rozwijalna w czystym JavaScript i CSS.
http://slimselectjs.com/

⓭ Jak uruchomić wbudowany w #php serwer na Windows?
http://bit.ly/2ppTW94

⓮ Kurs aplikacji progresywnych od Google Chrome Developers.
http://bit.ly/2qivQJN

⓯ Biblioteka PHP do prostej manipulacji obrazami.
http://bit.ly/2pluoHj

⓰ 20 bibliotek i narzędzi do animacji.
http://bit.ly/2pSicRz

⓱ Prosty w użyciu lightbox w JavaScript dostosowany do urządzeń mobilnych.
http://bit.ly/2pr9RTq

⓲ Flexbox Zombies - darmowy kurs CSS Flexbox.
http://bit.ly/2q7Nbci

⓳ Cały świat w Twoim... Terminalu! Mapa ASCII.
http://bit.ly/2pgasUN

⓴ mStream to darmowy serwer streamujący muzykę napisany w Node.js
http://bit.ly/2pM4VZs

➡ #grafika / #webdesign
❶ 7 wskazówek dotyczących redesignu logo.
http://imgur.com/a/7TjDH

❷ Wtyczka inspektora elementów strony dla designerów do Google Chrome.
https://csspeeper.com

❸ Darmowy edytor grafiki wektorowej dostępny przez przeglądarkę, a także jako aplikacja na macOS, Windows, Linux oraz Chrome OS.
https://designer.io

❹ 15 generatorów schematów kolorów, które pomogą wybrać odpowiednią paletę.
http://bit.ly/2oPpf9z

❺ Zostań hakerem... Designu! Kurs #ui & #ux
https://hackdesign.org

❻ Kilka przydatnych wskazówek odnośnie projektowania graficznego.
http://bit.ly/2qqDvtx

❼ Dlaczego tekst strony internetowej powinien być większy?
http://bit.ly/2qjeIna

➡ Inspiracje
❶ Bardzo szczera strona web designera ( ͡° ͜ʖ ͡°)
http://www.alittlebitofsomething.co.uk

➡ #humorinformatykow (no tak prawie, bardziej humor grafików...)
Wiecie, że Starbucks zmienia co ~10-15 lat swoje logo? Zmiany zazwyczaj polegają na powiększeniu syreny znanej z mitologii greckiej. Jeżeli moje przypuszczenia są poprawne... pokaż całość

źródło: Starbucks.png

+: ArcheRbest, z...........y +140 innych

‹ embed ›

klocus 3 lata 4 mies. temu
+1

@kary_koniu: (⌐ ͡■ ͜ʖ ͡■)

+: Hajmus
- udostępnij
  
  Link
p.......i 3 lata 4 mies. temu
+2

Nowoczesna biblioteka mikro JavaScript, która zastępuje najbardziej popularne funkcje znane z #jquery.
http://bit.ly/2oZenWS

@klocus: Przebijam: http://jco.re/ (wielokrotnie mniejsza)

+: klocus, Hajmus
- udostępnij
  
  Link
więcej komentarzy (15)

klocus 3 lata 5 mies. temu

+222

Cześć! Zapraszam do kolejnego wpisu z cyklu #webstuff!

❶ Zna ktoś francuski? Na „Grafikart” znajdziecie darmowe lekcje programowania. #programowanie
https://www.grafikart.fr

❷ CMSish to system zarządzania treścią, którego bazą danych jest... Arkusz kalkulacyjny z Google Sheets. Serio. Wystarczy, że wypełnicie kilka kolumn arkusza, załadujecie plik #javascript na stronę i wstawicie klamrowe tagi w treść, które odpowiadają nazwom kolumn w arkuszu.
http://bit.ly/2njdmLT

❸ Silnik fizyczny dla gier w JavaScript, który został przepisany z C++.
http://bit.ly/2njtD3t

❹ Lista książek oraz wykładów w formie wideo, dzięki którym zgłębicie wiedzę o szeroko pojętej informatyce.
https://teachyourselfcs.com/

❺ Świetny trik pokazujący jak zachować takie same proporcje obrazów + równą wysokość w #css, które mają różne rozmiary.
http://bit.ly/2nwLbG8

❻ Prosty w użyciu, ale z wieloma możliwościami, static site generator, który opiera się na plikach *.md (markdown). Obsługuje wielojęzyczność, posiada system szablonów i sporo przydatnych pluginów (wiki, blog itd.)
https://datenstrom.se/yellow/

❼ A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass.
http://bit.ly/2n6650J

❽ Darmowy klon Trello napisany w #php do hostowania u siebie.
http://bit.ly/2o1K7cY

❾ Taskulu to wg mnie znacznie lepsza alternatywa dla Trello. Co więcej, darmowy pakiet oferuje więcej niż Trello: m.in. czat zespołowy, time tracking oraz integracje z Githubem, Google Drive, Dropboxem czy Google Calendar. Taskulu posiada również aplikację na iOS oraz Android.
https://taskulu.com/

❿ Wyniki tegorocznej ankiety ze Stack Overflow. Ponad 72% ankietowanych określiło siebie jako web deweloperów, dlatego tak wysoki wynik JavaScript nie może dziwić
http://bit.ly/2o3vTrM

⓫ Elegancki sposób wyodrębniania danych z tablic i obiektów w JavaScript.
http://bit.ly/2nJiTL9

⓬ Generator favicony na wszystkie platformy.
https://realfavicongenerator.net/

⓭ Krótki artykuł, który prezentuje prostą metodę rozpoczęcia animacji CSS dopiero po wczytaniu wszystkich lub wybranych elementów strony.
http://bit.ly/2ogdPyE

⓮ 200 wskazówek dotyczących #seo.
http://bit.ly/1UB89G0

⓯ Lista najlepszych narzędzi i usług dla web deweloperów.
https://deploystack.io/

⓰ Frogger w przeglądarkowej konsoli? Czemu nie!
http://bit.ly/2osT9Dm

⓱ Brotli to nowy, otwarty standard kompresji danych, znacznie lepszy od gzip. Od niedawna jest obsługiwany przez większość nowoczesnych przeglądarek. W artykule jest przedstawiony sposób na jego implementację na serwerze.
http://bit.ly/2nYEduc

⓲ Prosty edytor responsywnych maili poprzez metodę drag&drop.
https://beefree.io/

⓳ Zabawa z CSS Grids.
http://bit.ly/2oMSHkf

⓴ Autorzy React używają pojęcia "naucz się raz, pisz na cokolwiek". Dzięki React oraz React Native wasza aplikacja internetowa może dzielić logikę pomiędzy wersją na iOS i Androida, ale widoki dla każdej z tych platform muszą być implementowane oddzielnie. Microsoft zrobił krok dalej i opracował dodatkową warstwę międzyplatformową, którą nazwał "ReactXP" (XP = X-Platform). Jeśli piszecie aplikację, dzięki ReactXP możecie powiązać swoje definicje widoku, styli i animacji do wielu platform docelowych.
http://bit.ly/2o8mkJi

➡ Grafika / #webdesign
❶ O projektowaniu kart słów kilka.
http://bit.ly/2mzWeQF

❷ Praktyczna teoria koloru dla ludzi, którzy programują.
http://bit.ly/2n1qFzt

❸ Zestaw łagodnych gradientów w PSD. #photoshop
http://bit.ly/2mHtzFK

❹ Futuracha Pro to czcionka przyszłości, która się zmienia wraz z pisaniem kolejnych liter.
http://bit.ly/2nngxS2

❺ Colormind jest uczącą się SI, znającą teorię kolorów. Może generować palety kolorów od podstaw lub wypełnić puste pola na podstawie wprowadzonych danych, np. w postaci obrazu
http://colormind.io/

❻ Darmowe ikonki w formie SVG, PNG oraz web fontu.
http://bit.ly/2nA8gcZ

❼ O tworzeniu dobrego nagłówka słów kilka.
http://bit.ly/2oyJx6s

❽ Ikony w formie web fontu do gier typu RPG.
http://bit.ly/2oCy1XM

➡ Inspiracje
❶ Dość kreatywna strona pewnego copywritera.
http://getcoleman.com/

❷ Świetny zbiór inspiracji użycia fontów! ❤
http://typ.io/

❸ Kolejny zbiór inspiracji związany z fontami.
http://bit.ly/2ore2P2

➡ Nowości
❶ Nowa wersja PHP – 7.1.14
http://bit.ly/2ouQQgY

❷ Nowa wersja darmowego CMS „Batflat” – 1.3.0
http://bit.ly/2o9R7Vj

❸ Nowa wersja popularnej aplikacji do tworzenia gier #html w przeglądarce.
https://www.construct.net/pl

➡ Wskazówka
Dość ciekawą wskazówką podzielił się pewien użytkownik Reddita. Zasugerował on, aby ustawiać favicony o różnych kolorach dla różnych środowisk, nad którymi aktualnie pracujemy. Dzięki temu nie dojdzie do pomyłek w przeglądarce. Dziwię się, że sam na to wcześniej nie wpadłem.

pokaż spoilerIf you work in a scenario where you have multiple server environments: dev, staging, production, etc. (and often have them all open in a browser) use different color favicons in each of the environments, so you can quickly go to the intended tab and not what you thought was the right server.

➡ #ciekawostki
❶ Wiecie co oznacza akronim "PEBKAC"?

pokaż spoiler"Problem Exists Between Keyboard And Chair" (w wolnym tłumaczeniu: problem występuje pomiędzy krzesłem a klawiaturą). Akronimem tym w żartobliwy sposób określa się sytuacje, w których to użytkownik aplikacji komputerowej jest odpowiedzialny za jej błędne działanie. Inne znane formy akronimu to PEBCAC ("Problem Exists Between Chair And Computer") czy PICNIC ("Problem In Chair Not In Computer").

❷ Zapewne kojarzycie słynnego słonia z napisem PHP na jego boku. Ta urocza maskotka to "ElePHPant", która w 1998 roku została zaprojektowana przez Vincenta Pontiera. Vincent wymyślił ten kształt, gdy na kartce papieru rysował litery "PHP" w różnej postaci. Pewien z rysunków skojarzył mu się z kształtem słonia. Dziś każdy zainteresowany może kupić sobie takiego pluszaka poprzez internetowy sklep Vincenta. W stopce oficjalnego manuala PHP można zaobserwować zdjęcia z tymi słoniami, które są pobierane ze specjalnej grupy na Flickr.

➡ #humorinformatykow
❶ Randka programisty jako projekt ;D
http://bit.ly/2oIhLEJ

❷ Pierwsze wpisy na stronie / forum ( ͡° ʖ̯ ͡°) pokaż całość

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

źródło: komiks.png

+: random_pastry2, przemyslaw-maczka +220 innych

‹ embed ›

kary_koniu 3 lata 5 mies. temu
+3

@thcluboy:
Ale to jest problem związany z js, a nie z zastosowaną tutaj strukturą w formie arkusza.

Jednak odpowiadając na twoje pytanie: możliwe rozwiązania to:
1. http://prerender.io (i inne podobne narzędzia)
2. cSSR (conditional server side rendering)
3. Google od jakiegoś czasu radzi sobie z JS, jeszcze nie ze wszystkim, ale to kwestia czasu.

Istnieje wiele stron, gdzie treść jest asynchronicznie pobierana przez JS i wstrzykiwana w HTML i te strony są nieźle indeksowane przez google. Przykłady:
- facebook
- instagram pokaż całość

+: Internatka, D....y +1 inny
- udostępnij
  
  Link
jazuu 3 lata 5 mies. temu via Android
+1

taktyk

+: Hajmus
- udostępnij
  
  Link
więcej komentarzy (24)

klocus 3 lata 6 mies. temu

+170

Tęskniliście? Oto kolejny #webstuff!

❶ Fear Of Being Offline, czy też w skrócie FOBO – jest dość interesującym zjawiskiem, które pojawiło się wraz z wprowadzeniem internetu do naszego codziennego życia.
http://bit.ly/2lw1hkG

❷ Poziomy scroll w samym #css.
http://bit.ly/2msipVT

❸ Rozszerzenie do Google Chrome, dzięki któremu Wasi znajomi nie zobaczą czy odczytaliście ich wiadomość na Facebooku.
http://bit.ly/2cWhspN

❹ 10 #react mini-patterns.
http://bit.ly/2mjgo24

❺ Skończyłeś kurs programowania, np. Codeacadamy i nie wiesz co robić dalej? Posłuchaj gościa z filmu.
https://youtu.be/UQLOIwKJB7U

❻ WebSlides, czyli prosty sposób na prezentacje w #html.
https://webslides.tv/

❼ Lekki i prosty skrypt karuzeli w czystym #javascript.
http://bit.ly/2kcuJrE

❽ Animacja udająca pisanie tekstu w JavaScript.
http://bit.ly/2m2Bl0h

❾ Projektowanie idealnego pola wyszukiwania.
http://bit.ly/2lDmQx1

❿ Przewodnik po CSS Grid.
http://bit.ly/2mQh5wd

⓫ Lightweight JavaScript image / video viewer. Supports Youtube and Vimeo.
http://bit.ly/2mO6mD9

⓬ Przewodnik krok po kroku o tym jak skonfigurować i zabezpieczyć serwer Nginx na #ubuntu.
http://bit.ly/2mNM5xN

⓭ Popularne biblioteki CSS wg liczby gwiazdek na githubie.
http://cssdb.co

⓮ Plugin JavaScript, który dodaje funkcję przeciągnięcia strony w dół, by ją przeładować, podobnie jak ma to miejsce w wielu aplikacjach mobilnych.
http://bit.ly/2m7HGqR

⓯ Mouse w/o Borders, to sprytny program od Microsoft, który pozwala na obsługę kilku komputerów przy pomocy jednego zestawu myszy i klawiatury.
http://bit.ly/2n6hf2F

⓰ Jak stać się senior deweloperem?
http://bit.ly/2mANo5P

⓱ Build your own React Router v4.
http://bit.ly/2mwWdxf

⓲ X-Meni w CCSS.
http://bit.ly/2m1Prvu

⓳ Narzędzie, które usuwa nieużywany kod CSS.
http://bit.ly/1oELPLI

⓴ Efekt paralaksy dla nagłówka / stopki w CSS.
http://bit.ly/2mwmz02

➡ Grafika / #webdesign
❶ Futura - font, który uciekł z nazistowskich Niemiec i wylądował na księżycu.
https://www.youtube.com/watch?v=SaX_PwxSh5M

❷ Krótki przewodnik po teorii koloru.
http://bit.ly/2mQB0fb

❸ CSS Exclusions: Making Boring Layouts Less Boring.
http://bit.ly/2mQFbrx

❹ Podstawy projektowania grafiki w formie wideo.
http://bit.ly/2mWXkUB

❺ Tutorial #photoshop, dzięki któremu uzyskacie efekt glitcha jak ze starych kaset VHS.
https://youtu.be/qrV6hg0lWRM

➡ Inspiracje
❶ Przytrzymajcie przez chwilę LPM i sprawdźcie co Was czeka.
http://resn.co.nz/

❷ Zdjęcia zrobione w taki sposób, aby przypominały rendery 3D.
http://skrekkogle.com/still-file/

❸ Opis konceptu pewnego mobilnego menu. #ux #ui
http://bit.ly/2nadF7P

❹ Spora lista przewodników, narzędzi, inspiracji dotyczących typografii.
http://bit.ly/2mPhPVN

➡ Nowości
❶ Wiecie, że można już implementować przy formularzach niewidzialną reCaptchę?
http://bit.ly/2nco6M6

❷ Kolorowe fonty? Czemu nie! Być może w niedalekiej przyszłości będą jednym z podstawowych elementów stron.
http://www.colorfonts.wtf/

❸ Nowa wersja #jquery (3.2.0) już jest!
http://bit.ly/2nPMu29

➡ #humorinformatykow
❶ Świetny algorytm gry w kółko i krzyżyk w #python.
http://bit.ly/1MYW3Hh

❷ Huge improvements in both code quality and performance ( ͡° ͜ʖ ͡°) pokaż całość

źródło: Huge improvements.png

+: m.......8, AceDM +168 innych

‹ embed ›

nihil_novi 3 lata 6 mies. temu
+3

❺ Skończyłeś kurs programowania, np. Codeacadamy i nie wiesz co robić dalej? Posłuchaj gościa z filmu.

@klocus: *Codecademy ( ͡° ͜ʖ ͡°)

+: leoha, Hajmus +1 inny
- udostępnij
  
  Link
P.....X 3 lata 6 mies. temu
+1

xml i js, ale pomysł

@noekid: Masz rację. Lepiej będzie pobrać plain-textem te dane (to są URI), dzięki czemu będzie łatwiej je przerzucić na tabelę.

+: Hajmus
- udostępnij
  
  Link
więcej komentarzy (17)

klocus 3 lata 7 mies. temu

+179

Cześć! Zapraszam do zapoznania się z kolejnym #webstuff-em!

pokaż spoilerSwoją drogą któryś z czytelników zajął mi domenę webstuff.pl przede mną :(

❶ Lista przydatnych aplikacji przez przeglądarkę, które nie wymagają logowania.
http://bit.ly/2jRU1yD

❷ Prosty generator favicona, w którym można określić czcionkę, kolor tła i zaokrąglenie.
https://favicon.io

❸ PHPStan: Znajdź błędy w kodzie bez pisania testów. #php
http://bit.ly/2jSeJvD

❹ Darmowe kursy Git, #html, #css, #javascript i #python.
https://www.rithmschool.com/courses

❺ 20 świetnych porad CSS!
http://bit.ly/2kn4djt

❻ Jak działa flexbox CSS? Wyjaśnienie na podstawie animowanych gifów.
http://bit.ly/2kA1ItV

❼ Dwa skrypty, jeden w JavaScript, drugi w PHP, które odświeżają stronę po znalezieniu zmian w plikach źródłowych projektu. Bardzo przydatna rzecz podczas tworzenia stron.
http://bit.ly/2l3JRtl

❽ Przewodnik po PostCSS, czyli narzędziu do transformacji CSS. Posiada on wiele przydatnych pluginów, m.in. autoprefixer, precss czy cssnext, który pozwala na stosowanie przyszłej składni CSS już dziś.
http://bit.ly/2l4fm6k

❾ Ktoś z Waszych znajomych dopiero zaczyna przygodę z HTML i CSS? Koniecznie podrzućcie mu książkę "HTML & CSS Is Hard (but it doesn’t have to be)". Jest ona dostępna za darmo w postaci strony internetowej.
http://bit.ly/2kDH1gt

❿ Lista książek polecanych na StackOverflow.
http://www.dev-books.com

⓫ How to Create Direction-Aware CSS-Only Hover Effects.
http://bit.ly/2kjEARx

⓬ Potężna lista darmowych książek, przewodników, tutoriali programistycznych dla różnych języków.
http://bit.ly/1fDwBCX

⓭ Offliberty pozwala pobrać media z serwisów YouTube, SoundCloud oraz bandcamp przy pomocy terminala.
http://bit.ly/2kKXsHG

⓮ Personal static website generator using GitHub Flavored Markdown, Twig and Git.
http://bit.ly/2lIeN2A

⓯ Darmowe książki JavaScript.
http://jsbooks.revolunet.com

⓰ Przewodnik po testowaniu web aplikacji w wielu przeglądarkach.
http://bit.ly/2l0aujc

⓱ 15 ciekawych bibliotek JS i CSS na luty.
http://bit.ly/2koH3Fi

⓲ 20 przydatnych bibliotek PHP.
http://bit.ly/2kcqtdl

⓳ Biblioteka JavaScript, która porusza elementy strony w rytm muzyki! :D
http://bit.ly/2kjFBc7

⓴ An alternative Redis session handler for PHP featuring per-session locking and session fixation protection.
http://bit.ly/2l05JWz

➡ Grafika / #webdesign
❶ Nowa produkcja od Netflixa dla wszystkich projektantów, grafików i ludzi zajaranych designem. Zobaczcie zwiastun "Abstract: Sztuka Designu"!
https://youtu.be/DYaq2sWTWAA

❷ 2017 #design Trends Guide
http://bit.ly/2kYB13d

❸ 2105 darmowych ikon do wykorzysta również jako web-font.
http://icofont.com

➡ Inspiracje
❶ Ciekawe animacje i obrazy zbudowane przy pomocy trójkątów.
http://www.facesofpower.net

❷ Voxel Designing Tool built on top of CSS transformations.
http://bit.ly/2koGZFD

❸ Koncept bardziej przyjaznej rezerwacji terminu na stronie.
http://bit.ly/2kL7hWc

➡ Nowości
❶ Na GitHubie nadchodzą „potężne” zmiany w designie strony! Zmieniono navbar na ciemny. Podobno zmiany planowano rok i zrobiono to przy pomocy jednej linijki kodu ( ͡° ͜ʖ ͡°)
http://bit.ly/2l04pTQ

❷ PHP 7.2: The First Programming Language to Add Modern Cryptography to its Standard Library.
http://bit.ly/2lbGDX3

❸ JavaScript Will Finally Get Proper Asynchronous Programming.
http://bit.ly/2lHW9Ym

➡ #ciekawostki
❶ W 2014 roku zmarła córka Erica Meyera, który znany jest ze swej pracy na rzecz Web Standardów, a w szczególności CSS. World Wide Web Consortium (W3C) w ramach pamięci o jego córce, zdefiniowało słowo "rebeccapurple" jako kolor #663399 w CSS Color Level 4.
http://bit.ly/1ruq5DM

➡ Fanpage
Każdego kto chce być na bieżąco zapraszam na https://www.facebook.com/sruupl/

➡ #humorinformatykow
Co robi debugger? pokaż całość

źródło: debugger.png

+: sen_innego, nihil_novi +177 innych

‹ embed ›

wykopranger 3 lata 7 mies. temu
+1

blabla

+: Hajmus
- udostępnij
  
  Link
Kruppe 3 lata 7 mies. temu
+1

@klocus: świetna lista, dzięki!!!

+: Hajmus
- udostępnij
  
  Link
więcej komentarzy (14)

klocus 3 lata 7 mies. temu

+122

Witam po sesji i zapraszam do kolejnego wpisu z cyklu #webstuff!

❶ 100 najbardziej lubianych projektów na CodePen w 2016 roku.
http://bit.ly/2ishkOH

❷ Cudo w czystym #css i #html (mapa do gry typu FPS).
http://bit.ly/2j8sEyb

❸ Prosta wiki dla małych zespołów wykonana w Node.js oraz React.
http://matterwiki.com

❹ Budowa responsywnych maili przy pomocy MJML.
http://bit.ly/2j0nFmg

❺ 53 elementy, które powinna zawierać strona firmowa.
http://bit.ly/2k3wF71

❻ Jak korzystać z JSON przy pomocy #php lub #javascript?
http://bit.ly/2jbT6Zg

❼ Vue + Vuex - jak zacząć?
http://bit.ly/2kdAgiY

❽ Mockup generator dla macOS, czyli aplikacja, która wykonuje zrzut ekranu wprowadzonej strony i generuje mockup w wybranym urządzeniu.
http://bit.ly/2kdCuix

❾ A tiny requestAnimationFrame powered 60+fps lightweight parallax tilt effect for jQuery.
http://bit.ly/2kx81vH

❿ Praktyczne porady i wskazówki w typografii.
http://bit.ly/2jrLQpb

⓫ 1kb JavaScript library for building modern UI applications.
http://bit.ly/2k8CY9R

⓬ 2017 Frontend Developer Handbook, czyli wiele przydatnych porad, wskazówek, kursów i narzędzi.
http://bit.ly/2kcpMkp

⓭ Edytor markdown dla Linux w #python.
http://bit.ly/2jR7Drh

⓮ Generator artystycznego kodu QR na podstawie pliku graficznego.
http://bit.ly/2kcE04Q

⓯ OAuth2 and OpenID Connect Framework Library for PHP.
http://bit.ly/2jQfNTc

⓰ npm dla początkujących: przewodnik dla front-endowców.
http://bit.ly/2kcARlw

⓱ Narzędzie napisane w React, które służy do obliczania rocznego dochodu w mieście, do którego chcemy się przeprowadzić, by utrzymać aktualny poziom życia.
https://www.citii.io

⓲ Flexbox Cheatsheet.
http://bit.ly/2kLFsuU

⓳ Sensowne przestrzenie nazw w PHP.
http://bit.ly/2kQarVV

⓴ A user-friendly replacement for select boxes with multiple attribute enabled.
http://bit.ly/2kcHBzA

➡ Grafika / #webdesign
❶ Historia teorii kolorów.
http://bit.ly/2jF5zD8

❷ Kilka praktycznych wskazówek i narzędzi, które pomogą we właściwym korzystaniu z kolorów.
http://bit.ly/2jqbIVL

❸ Krótki przewodnik po Mixer Brush Tool w #photoshop.
https://www.youtube.com/watch?v=df5iF12V1w0

❹ Niedoceniona moc kolorów w aplikacjach mobilnych.
http://bit.ly/2jiaad1

➡ Inspiracje
❶ Świetne logo galanterii skórzanej "Wild Hide".
https://imgur.com/a/mHkuD

❷ Miła dla oka animacja podczas scrollowania :)
http://www.firewatchgame.com

❸ Kalendarz na rok 2017 inspirowany kolorami natury.
http://ansarimofid.in/calendar-2017/

❹ Mac Plus w CSS.
https://cssanimation.rocks/macplus/

❺ Lista kreatywnych stron portfolio.
http://bit.ly/2kLIXl0

❻ Animacja przerzutnika.
http://imgur.com/a/8gcK4

➡ Nowości
❶ WebAssembly będzie domyślnie włączony w Chrome 57. WASM to eksperymentalny i wydajny język niskiego poziomu dla przeglądarek, który tak jak JavaScript, jest wykonywany po stronie klienta, ale znacznie szybciej.
http://bit.ly/2j0xHDY

❷ Czyżby wkrótce miałby nastać zmierzch clearfixu w CSS? Sprawdźcie flow-root!
http://bit.ly/2ktxQ2Z

❸ CSS Grid nadchodzi! Już wkrótce będzie wspierany przez Firefox, Chrome i Operę. Później pozostaje nam czekać na kolejne przeglądarki ;) Czym jest CSS Grid Layout przeczytacie tutaj: http://bit.ly/1UM0gSd zaś o przeglądarkach obsługujących tutaj: http://bit.ly/2iMDlIW

❹ Od 13 lutego, Gmail będzie blokował w załącznikach pliki *.js.
http://bit.ly/2kcmMV3

➡ #ciekawostki
❶ Modelka i Miss Universe z Indonezji jest absolwentką kierunku informatycznego i programistką PHP. Programowałbym z taką :>
http://bit.ly/2jyOSIj

❷ Erotyka w znakach ASCII [+18] #nsfw #ladnapani
http://bit.ly/2jzYse7

➡ Fanpage
Każdego kto chce być na bieżąco zapraszam na https://www.facebook.com/sruupl/

➡ #humorinformatykow
Życie programisty. pokaż całość

źródło: zycie-programisty.png

+: wacek_1984, ArcheRbest +120 innych

‹ embed ›

R4vPL 3 lata 7 mies. temu via iOS
0

Taktyk
- udostępnij
  
  Link
Skowyrnie 3 lata 7 mies. temu
+1

@klocus: tyktak

+: lubie-sernik
- udostępnij
  
  Link
więcej komentarzy (17)

klocus 3 lata 8 mies. temu

+149

[ #webstuff ] Kolejna porcja linków do przejrzenia przed nowym rokiem :)

⓿ Animowany śnieżny lis w #css. i #html.
http://bit.ly/2hoNuLY

❶ Narzędzie do generowania playlisty, która połączy dwóch wybranych przez nas artystów przechodząc kolejno po gatunkach.
http://bit.ly/2i2wSJF

❷ Habitica to aplikacja, która może wprowadzić do Waszego życia elementy gry RPG. Służy do wyrabiania nawyków i podnoszenia produktywności. Zapewnia motywację poprzez system nagród i kar.
https://habitica.com

❸ CSS Sans - font stworzony w czystym CSS.
http://bit.ly/2irRUBX

❹ 4 błędy, których nie należy popełniać podczas pierwszej rozmowy z klientem.
https://youtu.be/g3qOQPHU3Ig

❺ Mobile Development Environment, czyli zestaw podstawowych narzędzi deweloperskich do przeglądarki mobilnej.
http://bit.ly/2i2Q7Cn

❻ Skrypt w czystym #javascript, który daje efekt paralaksy do obiektów HTML.
http://bit.ly/2iajT6o

❼ Co nowego czeka nas w #bootstrap 4? Porównanie z aktualną wersją.
http://bit.ly/2izxzdS

❽ Kolekcja różnych list i informacji przydatnych dla hakerów, testerów penetracyjnych i badaczy bezpieczeństwa. #security
http://bit.ly/2fdfxc0

❾ Prosty i lekki generator stron dokumentacji.
https://docsify.js.org/

❿ Czego uczyć się w 2017 roku, jeżeli jesteś front-endowcem?
http://bit.ly/2i8nS5i

⓫ Biblioteka w czystym JavaScript, która dodaje płynny efekt powiększenia do obrazów.
http://bit.ly/2iFgefL

⓬ Agregator zdalnych ofert pracy za granicą dla front-endowców.
https://fronthat.com

⓭ Praktyczne wskazówki dotyczące optymalizacji stron.
http://bit.ly/2htFJ63

⓮ WebRTC: przyszłość gier przez przeglądarkę? #gamedev
http://bit.ly/2iB9YWa

⓯ Konfiguracja nowego Maca pod web deweloperkę. #apple
http://bit.ly/2iuD0Yq

⓰ Markdown.css sprawia, że elementy HTML wyglądają jakby były zapisane czystym tekstem.
http://bit.ly/2iglDe1

⓱ Animowane tła na stronę z darmo.
http://vidlery.com

⓲ Zmęczony nowymi frameworkami JS? Zbuduj coś ciekawego w Vanilla JS. Znajomość najnowszych frameworków nie czyni Ciebie lepszym programistą, lecz rozwiązywanie problemów, z którymi wcześniej nie miałeś do czynienia.
http://bit.ly/2iJoMpM

⓳ 2017 CSS3 CheatSheet
http://bit.ly/2hRd3BP

⓴ Narzędzie do usuwania nieużywanych reguł CSS.
http://bit.ly/2ieWGld

➡ Grafika / #webdesign
⓿ Lista ciekawych filmów dokumentalnych o grafice i designie.
http://bit.ly/2hk3Roq

❶ 2017 Trendy Google Fonts Combinations
http://fonts.greatsimple.io

➡ Inspiracje
⓿ Użytkownik Reddita postanowił odświeżyć segregator z przepisami swojej matki na tegoroczne święta. Zobaczcie efekt.
http://imgur.com/a/DyACG

❶ Spilled Paint
http://bit.ly/2ht8cpq

❷ 110 przykładów nawigacji w CSS.
http://bit.ly/2iLYjUJ

❸ Filmik o Brytyjczyku, który spędził 17 lat jako buddyjski mnich, by nauczyć się tybetańskiej kaligrafii
https://youtu.be/CQtVHqQ6mb8

➡ #ciekawostki
Ikona powiadomień na Facebooku, czyli planeta Ziemia, zmienia się w zależności od Waszej lokalizacji. Istnieją trzy widoki: Północna + Południowa Ameryka, Afryka + Europa, Azja + Oceania.

➡ Fanpage
Każdego kto chce być na bieżąco zapraszam na https://www.facebook.com/sruupl/

➡ #humorinformatykow pokaż całość

źródło: spiders.png

+: m..........0, Utiopa +147 innych

‹ embed ›

kary_koniu 3 lata 8 mies. temu
0

@klocus:

Zajrzałem do tych ofert pracy zdalnej i w wielu pojawia się coś takiego:

Compensation $30K – $70K 0.0% – 0.5%

Jak to rozumieć? Jako widełki pensji w skali roku? Po co te procenty?
- udostępnij
  
  Link
Ghost_ 3 lata 8 mies. temu
0

@kary_koniu: Często przy zagranicznych ofertach podawane jest wynagrodzenie roczne, a te procenty to najprawdopodobniej ilość stock options firmy które dostajesz przy podpisaniu umowy(zazwyczaj 4 lata vestingu)
- udostępnij
  
  Link
więcej komentarzy (26)

klocus 3 lata 8 mies. temu

+262

Hoł, hoł, hoł! Zapraszam wszystkich grzecznych Mirków i Mirabelki do wpisu #webstuff!

⓿ 30 rzeczy w 30 dni przy pomocy 30 tutoriali w #javascript.
https://javascript30.com

❶ Framework #css, który posiada mnóstwo modułów i komponentów, dzięki którym podczas projektowania możemy ograniczyć się do pisania odpowiednich klas przy elementach HTML.
http://tachyons.io

❷ Kolorowa choinka w SCSS.
http://bit.ly/2hIdQV2

❸ Artykuł o tym jak stworzyć przemyślaną architekturę CSS, by później rozbudowa i praca była łatwiejsza.
http://bit.ly/2dyud7x

❹ Biała i czarna lista ładowarek. Może Wasza jest na liście?
http://bit.ly/2h4QJEf

❺ Kolory popularnych sieci społecznościowych.
http://imgur.com/a/SpP5P

❻ Skrypt JS, który sprawia, że boksy wyglądają jak ułożone karty, które można zamieniać kolejnością.
http://bit.ly/2gUjWB0

❼ Generator odpowiedzi na maile potencjalnych "klientów".
http://bit.ly/2hELDBN

❽ Czy z bezpieczeństwem w #wordpress jest naprawdę źle?
http://bit.ly/2gDYe41

❾ Sekundnik w czystym CSS.
http://bit.ly/2hdfssr

❿ Framework CSS, który jest mały, lekki, prosty i bez zbędnych właściwości stylizujących elementy HTML. Czasem nic więcej nie potrzeba.
http://bit.ly/2hZskn3

⓫ Angular 2 vs React: The Ultimate Dance Off
http://bit.ly/2hPwg9w

⓬ Budowa aplikacji na OS X w JavaScript.
http://bit.ly/2inlWmv

⓭ React czy Vue: czego powinienem użyć?
http://bit.ly/2inkYGw

⓮ Skracanie linków przy użyciu ikon emoji.
https://xn--dk8h6i.ws/

⓯ Wprowadzenie do React.js dla ludzi, którzy ogarniają jQuery.
http://bit.ly/1HQmkTE

⓰ 20 lat CSS na osi czasu.
https://www.w3.org/Style/CSS20/

⓱ Spora lista ciekawych i otwartych projektów w różnych językach programowania.
http://bit.ly/2hyA38j

⓲ Edytor markdown w przeglądarce. Umożliwia synchronizację z naszą chmurą, eksport do kilku formatów, wstawianie wyrażeń matematycznych czy tworzenie diagramów UML.
https://stackedit.io/

⓳ Infografika porównująca PHP5 i PHP7, a także prognozująca trendy związane z tym językiem w przyszłym roku. #php
http://imgur.com/a/INt3K

⓴ Aplikacja webowa napisana w Node.js, która służy do pisania i wykonywania zapytań SQL oraz do wizualizacji wyników. Obsługuje Postgres, MySQL, SQL Server, Crate, Vertica i Presto.
http://bit.ly/2g4Y6P7

➡ Grafika / #webdesign
⓿ Krótki przewodnik po organizacji pracy podczas projektowania #ui.
http://bit.ly/2hytPp4

❶ Przewodnik po typografii w formie PDF.
http://bit.ly/2ikj4KZ

❷ Prosta gra, która polega na odgadnięciu fontu
http://bit.ly/2i5LmEO.

➡ Inspiracje
⓿ Proste, lecz bardzo kreatywne logo pewnej restauracji.
http://imgur.com/a/fRNgc

❶ Animacja w CSS i JS jak z horroru.
http://bit.ly/1zGCxlE

❷ Świetnie i ciekawie wykorzystany Instagram w celach promocyjnych nowego serialu od Netflixa pt. "The OA".
https://www.instagram.com/the_oa/

❸ Najlepsze plakaty filmowe roku 2016
http://imgur.com/a/avI6I

❹ Otwierana kartka świąteczna w CSS.
http://bit.ly/2hMiNzw

➡ Nowości
⓿ Adobe XD (Experience Design) w wersji beta dostępne za darmo na Windows.
https://adobe.ly/1V6lloL

❶ Można już pisać apki na Microsoft HoloLens w JavaScript.
http://bit.ly/2hPk7C7

❷ System siatki i komponenty nowego #bootstrap 4 są budowane w oparciu o flexbox!
http://bit.ly/2i1PmHk

➡ #ciekawostki
Zauważyliście, że w Polsce większość wizytówek posiada "zły" rozmiar? Ich szerokość jest zazwyczaj większa niż szerokość kieszonek w portfelach, czyli są w rozmiarze 90 mm × 50 mm. Taki wymiar jest standardem również w następujących krajach: Białoruś, Czechy, Kazachstan, Mołdawia, Rosja, Słowacja, Węgry.
Rzadko kto jednak wie, że międzynarodowy standard wymiarowy wynosi 85,60 mm × 53,98 mm, czyli tyle ile karta kredytowa, która bez problemu mieści się w naszych portfelach ;)
Przy zamawianiu lub projektowaniu wizytówek, weźcie to pod uwagę. Ułatwicie w ten sposób ich zachowanie Waszym klientom i partnerom biznesowym.

➡ Fanpage
Każdego kto chce być na bieżąco zapraszam na https://www.facebook.com/sruupl/

➡ #humorinformatykow
Jednocześnie trochę #truestory. pokaż całość

źródło: react.png

+: Miczysko, Vinniczek +260 innych

‹ embed ›

herejon 3 lata 8 mies. temu
0

@klocus: tiktak
- udostępnij
  
  Link
mrowka_w_swiecie 3 lata 8 mies. temu
0

@lukskywaker (｡◕‿‿◕｡)
- udostępnij
  
  Link
więcej komentarzy (18)

klocus 3 lata 9 mies. temu

+278

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

⓿ Najpopularniejsze właściwości #css zobrazowane grafiką oraz animacją.
http://cssreference.io

❶ Z cyklu #gimbynieznajo i #nostalgia: pamiętacie wymienione rzeczy? :D
http://bit.ly/2aCMT4Q

❷ Wszystkie książki o #javascript dr Axela Rauschmayera za darmo!
http://exploringjs.com

❸ Proste narzędzie, które potrafi ukryć wiadomość w emoji.
http://andri.io/emojicipher

❹ Framework JS, który jest szybki jak vanilla JavaScript? Dlaczego nie? Svelte to zupełnie nowy "framework bez frameworka", który prezentuje ciekawą ideę.
http://bit.ly/2fYRnCz

❺ Inferno to szybka i lekka (7kb) biblioteka JS do budowy interfejsu użytkownika podobna do React.
http://bit.ly/1K08LEu

❻ Gitless to eksperymentalny system kontroli wersji zbudowany na bazie Gita, ale z tą różnicą, że jest prostszy w użyciu.
http://gitless.com

❼ Biblioteka #php do budowy własnych botów na komunikatory Messenger, Slack i Telegram.
http://bit.ly/2gSjCar

❽ Jak z gracją obsłużyć wyjątki w PHP?
http://bit.ly/2gSjdo9

❾ Od zera do kodera: Jak ogarnąć JavaScript?
http://bit.ly/2fVobNF

❿ Czym są progresywne aplikacje internetowe?
http://bit.ly/2fInWnf

⓫ Ciekawy artykuł o tym, dlaczego praca jako front-endowiec jest dziś tak męcząca i jak sobie z tym radzić, by się nie wypalić.
http://bit.ly/2fkDkqx

⓬ Jak w poprawny sposób ustalić punkty przerwania (breakpoints) w CSS?
http://bit.ly/2gg6gTZ

⓭ Jak wygrywać w benchmarkach frameworków JS i dlaczego nie należy traktować ich poważnie?
http://bit.ly/2fyEH9g

⓮ 4-bitowy kalkulator oparty na bramkach logicznych i… kartonie.
http://bit.ly/2eZO3L5

⓯ Hakowanie prawie 27% stron internetowych przez auto-aktualizację #wordpress.
http://bit.ly/2fph2n0

⓰ Lista przydatnych wyrażeń regularnych w JS.
http://bit.ly/2gFKwPA

⓱ Darmowy kurs w formie wideo z fundamentalną wiedzą o Vue.js
http://bit.ly/2g2psBO

⓲ Budowa gry Pacman w oparciu o Ember.js i Canvas. #gamedev
http://bit.ly/2fIpiOZ

⓳ Jak nauczyć się React i Redux?
http://bit.ly/2gFO5VY

⓴ Bardzo lekki plugin jQuery służący do walidacji danych z formularzy.
http://bit.ly/2g2stC2

➡ Grafika / #webdesign
⓿ Setki darmowych ikon w edytowalnych rozszerzeniach, które z powodzeniem można używać w komercyjnych projektach.
http://iconmonstr.com

❶ Wideo przedstawiające krok po kroku jak stworzyć film z efektem „Kinetic Typography” w Adobe After Effect.
https://youtu.be/Ju7bKLm4kFQ

❷ Darmowy font do użytku domowego i komercyjnego o nazwie „Vintage Numeral”.
http://bit.ly/2fwZOpl

➡ Inspiracje
⓿ Animowany nietoperz w CSS przy użyciu jednego diva.
http://bit.ly/2gCyuZF

❶ Efekty na obrazach jak z Photoshopa w CSS.
http://bit.ly/2gCC71L

❷ Kilka ciekawych animacji ładowania w CSS.
http://bit.ly/2g2qOww

❸ Świetnie wykonany efekt Parallax.
http://whois.wildlife.la

❹ Ciekawe efekty hover.
http://bit.ly/2gGYcgh

➡ Nowości
⓿ Space Mono, czyli nowa czcionka w Google Fonts.
http://bit.ly/2gwgWvZ

❶ Co nowego w #php 7.1.0?
http://bit.ly/2fBskbf

❷ Lista funkcji w PHP 7.2.0, które zostaną „potępione” :P
http://bit.ly/2g2j9xW

❸ Co nowego w PhpStorm 2016.3?
http://bit.ly/1KSRx9J

➡ #ciekawostki
Wpiszcie sobie w Google "blink html" (⌐ ͡■ ͜ʖ ͡■)

➡ Fanpage
Każdego kto chce być na bieżąco zapraszam na https://www.facebook.com/sruupl/

➡ #humorinformatykow
Taki starter pack, a jak sprawdzałem grupę tegorocznych pierwszaków, to mieli problem ze zrozumieniem szyfru Cezara ( ͡° ͜ʖ ͡°) pokaż całość

źródło: starter-pack.png

+: nielubieselera, PrawyKuba +276 innych

‹ embed ›

Daredzik 3 lata 9 mies. temu
0

@mirkobiniu: ten? https://twitter.com/exitfrags/status/797758161847341061 ^^
- udostępnij
  
  Link
R4vPL 3 lata 9 mies. temu via Mój Wykop (Android)
0

Tyktak
- udostępnij
  
  Link
więcej komentarzy (25)

klocus 3 lata 10 mies. temu

+128

Cześć! Zapraszam do kolejnego wpisu z cyklu #webstuff!

⓿ W pełni darmowy plugin do Wordpressa, który znacznie ułatwia budowę strony poprzez przeciąganie gotowych elementów w wybrane miejsca szablonu.
http://gettailor.com

❶ Aplikacja przez przeglądarkę, która umożliwia wykonywanie zapytań #sql i przedstawienie wizualizacji wyników.
http://bit.ly/2fL4RVF

❷ 8 prostych zasad solidnej i skalowalnej architektury #css.
http://bit.ly/2eSdMmZ

❸ Czym są generatory w #php i jak z nich korzystać?
http://bit.ly/2g05IDw

❹ SB jest środowiskiem dla web deweloperów, które pozwala w łatwy i interaktywny sposób tworzyć cały zestaw komponentów UI w oparciu o dowolny framework CSS.
http://bit.ly/2ftRx5k

❺ Plan, który krok po kroku wyjaśnia jak odnaleźć się w dość skomplikowany ekosystemie #javascript.
http://bit.ly/2eNKrqy

❻ Co to Abstract Syntax Tree w PHP 7 i jak z tego korzystać?
http://bit.ly/2f3QlIw

❼ Jak przeprowadzić refaktoryzację kodu przy użyciu PhpStorm?
http://bit.ly/2f32EBi

❽ Artykuł o tym jak prawidłowo projektować walidację formularzy na stronach.
http://bit.ly/2eSm7Hl

❾ Biblioteka JavaScript do renderowania zapisu notacji muzycznej lub tabulatory gitarowej.
http://www.vexflow.com

❿ 10 zasad tworzenia płynnych animacji webowych.
http://bit.ly/2f3ao6k

⓫ Pewien użytkownik, Sergei Garcia, przedstawia swoją ścieżkę dwuletniej nauki do bycia web deweloperem.
http://bit.ly/2fmhnuf

⓬ 8 filarów nowoczesnego web developmentu, czyli dlaczego budowa prostej strony jest bardziej skomplikowana niż wielu myśli.
http://bit.ly/1GbUOfn

⓭ Animacja Nyan cata na touchbar nowego MacBooka Pro od #apple
http://bit.ly/2eqimFG

⓮ Budowa RESTful API przy pomocy Node i TypeScript.
http://bit.ly/2f3aF9B

⓯ Dlaczego warto dodać opcję pokazania i ukrycia swojego hasła podczas logowania / rejestracji na stronie + prosty przykład.
http://bit.ly/2eNsA4L

⓰ Testowanie aplikacji napędzanych frameworkiem React pod względem SEO korzystając z Google Search Console i funkcji Fetch as Google.
http://bit.ly/2fLY5iA

⓱ Flagi w czystym CSS.
http://bit.ly/2fmmSJu

⓲ Kurs podstaw Angular 2 w formie wideo.
http://bit.ly/2fu5S1s

⓳ 15 interesujących bibliotek JavaScript i CSS na listopad. Link od Mireczka @morswin28.
http://bit.ly/2fmpEy9

⓴ Sztuka debugowania w narzędziach dewelopera Google Chrome. [wideo]
https://youtu.be/HF1luRD4Qmk

➡ Grafika / #webdesign
⓿ Co każdy powinien wiedzieć o procesie, który stoi za projektem aplikacji?
http://bit.ly/2eEXuxT

❶ Takiej strony 404 chyba jeszcze nie widzieliście :D
https://www.bloomberg.com/views/

❷ Dlaczego designerzy powinni znać się na typografii?
http://bit.ly/2g0Ce8l

❸ Lista nowości w niedawno wydanym Adobe #photoshop 2017.
http://adobe.ly/1cYy3mx

➡ Inspiracje
⓿ Bardzo efektowne przejście pomiędzy dwoma obrazami.
http://bit.ly/2eM46dV

❶ Ciekawy zegar w CSS i szczyptą JS.
http://bit.ly/2fmbDk1

❷ 7 koncepcji ciekawych interfejsów aplikacji mobilnych i ich implementacja.
http://bit.ly/2g0phLB

➡ Nowości
⓿ Niedawno ruszyła możliwość zostania beta testerem świetnej i taniej alternatywy dla Photoshopa na Windows, czyli Affinity Photo (wersja beta jest za darmo).
http://bit.ly/2fB3qa0

❶ Nowa wersja #batflat jest już gotowa do pobrania. Zostało wprowadzonych kilka poprawek ułatwiających pracę z tym CMS.
http://batflat.org

❷ Nowa implementacja Sass, która nosi nazwę „Dart Sass” jest już możliwa do pobrania w wersji alpha z oficjalnego repozytorium.
http://bit.ly/2e9u4UW

❸ Kolejna wersja (1.8) świetnego edytora Adobe Brackets jest już dostępna do pobrania.
http://bit.ly/2erVxGq

➡ Fanpage
Link z poprzednich zestawień możecie znaleźć również na https://www.facebook.com/sruupl/

➡ #humorinformatykow
⓿ Gra słów (a właściwie klas i właściwości) w CSS.
http://bit.ly/2errEWI

❶ Hitler i Bootstrap ( ͡° ͜ʖ ͡°) [wideo]
http://bit.ly/2g0uvY6

Wciąż mało? Zajrzyj do pierwszego komentarza z linkami od @codecalm.

PS. Zachęcam do podsyłania materiałów :) pokaż całość

źródło: youtube.com

+: R.....K, m.......8 +126 innych

‹ embed ›

Jurigag 3 lata 10 mies. temu
0

@klocus: szczerze - to ten filmik z hitlerem jest z dupy, flexbox to nie jest rozwiązanie które ma zastąpić grida, nie zapominajmy o mobilkach, flexbox na wolniejszych urzedzeniach się kiepsko renderuje
- udostępnij
  
  Link
danoxide 3 lata 10 mies. temu
0

@klocus: fajne są te szablony :)

console.log(square: ${(function(x){ return x*x })(5)});
- udostępnij
  
  Link
więcej komentarzy (20)

klocus 3 lata 10 mies. temu

+184

Dzień dobry, #webstuff!

pokaż spoilerDzisiaj w ramach krótkiego wstępu opowiem jak to jest z szukaniem ciekawych linków do moich wpisów. Wiecie na jakie najczęściej poradniki natrafiam? "How to Download Code Editors Softwares", "Why HTML5 is better than HTML4" (serio, w 2016 roku ktoś takie coś pisze), "HTML & CSS Advanced Tutorials", a w nim wstawianie obrazków i tagów, "Czy gotowe szablony zabijają własny design?" (XD) i pełno płatnych treści, np. kursów.

pokaż spoilerBtw. Czekam, aż ktoś przyzna mi prawa moderacji mojego tagu, bo wiem, że wielu z Was się wkurza, gdy ktoś użyje tego tagu.

⓿ Podział treści w #html5 - div, section czy article?
http://bit.ly/2ft3Sd2

❶ Vivus to lekka klasa w #javascript, która pozwala animować obiekty SVG.
http://bit.ly/1J2pFhv

❷ Przeciążanie nazwy funkcji (występowanie pod taką samą nazwą wielu funkcji różniących się zestawem argumentów) w #php.
http://bit.ly/2eWwomH

❸ Generowanie plików .gitignore dla prawie każdego języka.
http://bit.ly/2ft4jEb

❹ Prosty system siatki w #css z wykorzystaniem --zmiennych.
http://bit.ly/2eWuH8E

❺ Eksperymentalna i mała biblioteka JavaScript do dynamicznego pobierania innych bibliotek JS z jsdelivr CDN bazując jedynie na nazwie biblioteki.
http://bit.ly/2f5DgKM

❻ Historia frameworków PHP wg dat.
http://bit.ly/2ft697U

❼ Church to biblioteka napisana w #python do generowania danych wypełniających bazę danych.
http://bit.ly/2eaZqOg

❽ Najlepsza praktyka dla warunków if/else, np. podczas tworzenia lub aktualizowania jakiejś jednostki w PHP.
http://bit.ly/2ft7OKX

❾ Moim zdaniem świetny motyw dla Sublime Text w wersji 2 i 3. Prosty, czytelny i elegancki.
http://bit.ly/2eIX0qC

❿ Przewodnik dobrych praktyk w SASS.
http://bit.ly/2eb1hTm

⓫ Dlaczego warto poświęcić godzinę na automatyzację 10-sekundowego zadania?
http://bit.ly/2dSGgOP

⓬ O tym dlaczego React nie jest Open Source, choć Facebook tak o nim mówi.
http://bit.ly/2e5wQQW

⓭ Przewodnik po dobrych praktykach w CSS.
http://cssguidelin.es

⓮ Czy to koniec wzorca MVC na front endzie?
http://bit.ly/2eJ432L

⓯ SWeb Bloat Score Calculator to narzędzie, które wylicza współczynnik całkowitego rozmiaru strony do skompresowanego screenshota. Im większy współczynnik WebBS, tym strona jest zbyt bardzo przeładowana względem swojej graficznej reprezentacji.
http://www.webbloatscore.com

⓰ TestCafe to projekt napisany w node.js, który służy do testowania webowych aplikacji. Dba o wszystkie etapy: uruchomienie przeglądarek, prowadzenie testów, gromadzenie wyników badań oraz generowanie raportów.
http://bit.ly/2fthR2y

⓱ Mała konsola do gier oparta na #arduino i interpreterze Brainduino.
http://bit.ly/2e1iivE

⓲ Devilbox jest nowoczesną i wysoce konfiguralną alternatywą dla XAMPP. Bazuje na docker-compose z konfiguracją dla wszystkich webserwerów, serwów baz danych i PHP.
http://bit.ly/2f5Wct9

⓳ Conductor to aplikacja, zamiast konsoli, zepewnia interfejs użytkownika do tworzenia i zarządzania aplikacjami PHP poprzez Composer.
http://bit.ly/2eoaipT

⓴ Krótkie wprowadzenie do maszynowego uczenia się z przykładami w PHP.
http://bit.ly/2eJaZwS

➡ Grafika / #webdesign
⓿ Korzystanie z Adobe XD w komercyjnych projektach.
http://bit.ly/2eIRjJr

❶ Tutorial pokazujący jak poradzić sobie z wycinaniem, np. włosów ze zdjęcia.
https://youtu.be/soJdXsFx8V8

❷ 7 zasad tworzenia dobrego interfejsu użytkownika.
http://bit.ly/2eIUj8y

➡ Inspiracje
⓿ Animowany pies z piłką w CSS.
http://bit.ly/2eobRHz

❶ Nintendo Switch w CSS.
http://bit.ly/2fjPpRj

❷ Kolejne Nintendo Switch w CSS, ale tym razem animowane i w stylu flat.
http://bit.ly/2f2mLAu

➡ Nowości
⓿ Już 9 listopada kolejny WordUp w Poznaniu. Tym razem poruszone będą nieco bardziej zaawansowane tematy, które z pewnością zainteresują wszystkich programistów i inne osoby zawodowo zajmujące się WordPressem. To też okazja do spotkania się :)
http://bit.ly/2e1jUpl

❶ Od 21 listopada 2016 rusza sprzedaż domen z końcówką .BLOG.

❷ Google Doodle na Halloween to mała gra, w której kotem czarodziejem pokonujemy duchy.

➡ #ciekawostki
⓿ Twórcy gry "Battlefield 1" zastosowali font z 1927 roku o nazwie "Futura", który służył ludziom z przeszłości do tworzenia futurystycznych tekstów. Można zatem powiedzieć, że popełnili drobne faux pas :)

➡ Fanpage
Link z poprzednich zestawień możecie znaleźć na https://www.facebook.com/sruupl/

➡ #humorinformatykow
GitHub Halloween. pokaż całość

źródło: github halloween.jpg

+: T........k, r........a +182 innych

‹ embed ›

Krylan 3 lata 10 mies. temu
0

Eksperymentalna i mała biblioteka JavaScript do dynamicznego pobierania innych bibliotek JS z jsdelivr CDN bazując jedynie na nazwie biblioteki.

@klocus: JS-owi hipsterzy nie przestają mnie zadziwiać. Czekam na bibliotekę do pobierania bibliotek pobierających biblioteki ( ͡° ͜ʖ ͡°)
- udostępnij
  
  Link
asterix61 3 lata 10 mies. temu
0

@klocus: @Kajakiem_przez_Tybet: tylko brogrammer
- udostępnij
  
  Link
więcej komentarzy (28)

klocus 3 lata 11 mies. temu

+177

Cześć, #webstuff! Dziś znacznie obszerniejsze wydanie wpisu! Znajdziecie tutaj linki, które dopiero pojawią się na FP :)
#webdev #programowanie

⓿ Konwersja dowolnego pliku graficznego na ASCII Art w #php.
http://bit.ly/2dJKmXA

❶ MultiHack to edytor napisany w #javascript, który pozwala na kolaborację w czasie rzeczywistym, jest dostępny przez przeglądarkę oraz posiada funkcję rozmowy głosowej.
http://bit.ly/2euk7mq

❷ Dontbug to debugger do PHP, który pozwala na Reverse Debugging.
http://bit.ly/2eEqcvV

❸ 9 rzadko wykorzystywanych funkcji CSS.
http://bit.ly/2dwJBCI

❹ 35 narzędzi online, które ułatwiają pracę web designerom.
http://bit.ly/2eT8r10

❺ Niedawno pojawiła się beta klienta Gita o nazwie Tower na system Windows. Wcześniej był dostępny jedynie na OS X.
http://bit.ly/2eiAcQK

❻ Prosty sposób na responsywne tabele w #css.
http://bit.ly/2ev6ary

❼ Super lekki responsywny framework siatki CSS korzystający z flexbox. Waży tylko 93 bajty!
http://bit.ly/2cWTKs8

❽ TetrOS to gra Tetris napisana w Assemblerze, która jest jednocześnie swego rodzaju systemem operacyjnym. Można ją z powodzeniem bootować podczas uruchamiania komputera.
http://bit.ly/2dmyw5N

❾ Dlaczego @supports w CSS jest takie fajne i jak z niego korzystać?
http://bit.ly/2e9BKbD

❿ Chcecie zwalidować lub "upiększyć" format JSON? Wyszukiwarka DuckDuckGo posiada do tego specjalne narzędzie.
http://bit.ly/2dykICP

⓫ Plugin #jquery, który pozwala animować tekst wewnątrz tagu <title> oraz favicon.
http://mft.musings.it/

⓬ Narzędzie, które wyświetli ostrzeżenia i sugestie dotyczące skryptów bash/sh.
http://www.shellcheck.net/

⓭ Poradnik o szukaniu swojej pierwszej pracy w zawodzie programisty.
http://bit.ly/2ehBbhc

⓮ Lista zasobów wspomagających pracę z Sass / SCSS.
http://bit.ly/2ehG7SS

⓯ Szybki i nowoczesny generator statycznych stron napisany w GoLang.
http://gohugo.io

⓰ Jak rozdzielić obramowanie innym obiektem w CSS?
http://bit.ly/2eTeMcM

⓱ Liniowe wskaźniki ładowania niezależne od użytego fontu w CSS.
http://tawian.io/text-spinners/

⓲ Dlaczego tworzenie w JavaScript i ogólnie cały Web Development jest taki skomplikowany?
http://bit.ly/2dJ6GQw

⓳ Flex-grow 9999 Hack
http://joren.co/flex-grow-9999-hack/

⓴ Wicie, że w CSS możecie zablokować interakcje z wybranymi elementami, np. z linkami? Właściwość "pointer-events" potrafi sprawić, że dla kursora dane elementy będą niewidoczne, a to sprawia, że nie pozwala nawet na odwołanie się do skryptu JS.
https://mzl.la/LLuPph

➡ Grafika / #webdesign
⓿ Darmowa nauka rysunku cyfrowego (digital painting).
http://www.ctrlpaint.com

❶ Rozmiar ma znaczenie: równoważenie wysokości linii i rozmiaru czcionki.
http://bit.ly/1NyMqZm

❷ Kolory używane przez największe serwisy w sieci.
http://bit.ly/2cbPZQE

➡ Inspiracje
⓿ Projekt wieloosobowej gry konsolowej w węża zbudowany przy użyciu PHP.
http://bit.ly/2dyWA2K

❶ Kilka pomysłów na nagłówki i teksty przy pomocy fontów z Google Fonts.
http://bit.ly/2eTgCtS

❷ Spadające "klocki" w czystym CSS :D
http://bit.ly/2eutmTJ

➡ Nowości
⓿ Mozilla udostępniła za darmo rozbudowaną wersję (4.2) fontu Fira Sans, który można było znaleźć w Firefox OS.
http://bit.ly/2f34Cp4

➡ Fanpage
Link z poprzednich zestawień możecie znaleźć na https://www.facebook.com/sruupl/

Btw. Czy znaleźliby się chętni do przetłumaczenia dokumentacji Batflata na język angielski? Chętnych zapraszam na PW.

➡ #humorinformatykow
Jak powinny wyglądać realistyczne seriale o programistach i hakierach? ( ͡° ͜ʖ ͡°) pokaż całość

źródło: csi.jpg

+: insan3, kWeb24 +175 innych

‹ embed ›

mahestro 3 lata 11 mies. temu
0

Komentarz usunięty przez autora
- udostępnij
  
  Link
trynki96 3 lata 11 mies. temu
0

@klocus: Jakiś faktycznie dobry pomysł na sortowanie kolorów w PHP albo JS ? Konwersja na HSL ogarnieta ale jak zrobic dobre sortowanie bez przeplatajacych się białych i szarych kolorów.
- udostępnij
  
  Link
więcej komentarzy (19)

klocus 3 lata 11 mies. temu

+370

Hej, #webstuff! #webdev #programowanie

➊ Nauka Ember.js od zera. Wpis zawiera zbiór tutoriali, książek i innych zasobów dla początkujących.
http://ow.ly/4dTm304sBYT

➋ Prosta w wykonaniu animacja #css podkreślenia tekstu.
http://bit.ly/2cqM3Fu

➌ 31 sposobów na zmniejszenie czasu poświęcanego testowaniu aplikacji pomiędzy przeglądarkami.
http://ow.ly/iz2T304sCme

➍ Świetne wskazówki od doświadczonego programisty.
http://bit.ly/2dHghXb

➎ 10 użytecznych tipów do konsoli dewelopera w Google Chrome.
http://bit.ly/2dBql7X

➏ Open Source-owy projekt edytora Markdown w VueJS.
http://bit.ly/2dn0WLV

➐ 10 cennych uwag do tworzenia aplikacji internetowych.
http://bit.ly/2dHMqRW

➑ Konwersja różnych formatów graficznych na zoptymalizowany JPEG.
https://www.jpeg.io

➒ Nauka CSS flexbox w 3 minuty.
http://bit.ly/2cUkycs

➓ O żartach z "programistów" CSS i dlaczego są one najzwyczajniej głupie.
http://bit.ly/2dUw6tP

⓫ Ciekawe wyniki ankiet dotyczące front-endowych frameworków #javascript.
http://bit.ly/2dUvZOJ

⓬ Projekt, który pozwala na podszkolenie swoich umiejętności w różnych językach, m.in. w PHP, JS, TypeScript, Python, C# itd.
http://www.codewars.com

➡ Nowości
➊ Zend rozpoczął prace nad nowym silnikiem dla #php, który prawdopodobnie pojawi się w ósmej wersji,
http://bit.ly/2ekgYdm

➡ Inspiracje i #grafika
➊ 20 zaburzeń psychicznych zobrazowanych przy pomocy typografii.
http://bit.ly/2dHQ12X

➋ Kolekcja wzorków jako SVG lub kod CSS.
http://www.heropatterns.com

➡ #humorinformatykow
Program, który wymaga węża do uruchomienia ( ͡° ͜ʖ ͡°) pokaż całość

źródło: snake.jpg

+: mbwwr, D.............e +368 innych

‹ embed ›

tekon 3 lata 11 mies. temu via Mój Wykop (Android)
0

@klocus: dzięki za wrzute :)
- udostępnij
  
  Link
IcyHot 3 lata 11 mies. temu via Android
0

@klocus traktuje (⌐ ͡■ ͜ʖ ͡■)
- udostępnij
  
  Link
więcej komentarzy (15)

klocus 3 lata 11 mies. temu

+237

Cześć #webstuff-owicze! #webdev #programowanie

➊ Kilka kiepskich sytuacji z GITem i jak z nich wybrnąć.
http://ohshitgit.com

➋ Reframe.js to plugin #javascript, który sprawia, że takie obiekty jak iframe czy video stają się responsywne, zachowując swoje proporcje.
http://bit.ly/2cTwQ45

➌ Zestaw kilkunastu animacji ładowania.
- SCSS: http://bit.ly/2d2wlBU
- CSS: http://bit.ly/2ci5aBr

➍ 67 darmowych pluginów okienek modalnych w JS, jQuery lub CSS.
http://bit.ly/2cFdzp0

➎ Kilka przykładów sprytnego wykorzystania pseudo-klasy :target do ukrywania i pokazywania elementów strony.
http://bit.ly/2cPQpqu

➏ Krótki artykuł o tym czym jest PostCSS, jak go używać i 7 przydatnych pluginów rozszerzających jego funkcjonalność.
http://bit.ly/29bSAaZ

➐ Wyznania programistów.
https://www.codingconfessional.com

➑ Darmowy ebook o CSS w postaci strony internetowej. Na razie ma 6 rozdziałów, ale autor planuje kolejne
http://bit.ly/P1bWAl

➒ Zestaw dobrych praktyk dla początkującego programisty.
http://bit.ly/2dg49Py

➓ ITCSS to metoda "odwróconego trójkąta CSS", którą z powodzeniem można zastosować do większych projektów. Kształt trójkąta odpowiada jej hierarchicznemu modelowi.
http://bit.ly/1OHRsEw

⓫ Potężny zbiór linków związanych z #bootstrap (moduły, tutoriale, artykuły, narzędzia itd). Niestety nie wszystkie działają.
http://bit.ly/1lNxn5B

⓬ 8 sprytnych trików w #css.
http://ow.ly/8XE9304sB1D

➡ Nowości
➊ Google zaktualizowało swój uniwersalny font "Noto". Aktualnie obsługuje ok 600 języków.
http://bit.ly/1fnagPg

➡ Inspiracje
➊ Minimalistyczne portfolio korzystające z obiektów SVG.
http://lbebber.github.io/public/

➋ Ładny "akordeon" w CSS.
http://bit.ly/2dDAJcc

➡ #webdesign #grafika
➊ 25 rozszerzeń do Google Chrome dla web designerów.
http://ow.ly/LJpG304sBeb

➋ Krótki film o polskiej szkole plakatu.
https://www.youtube.com/watch?v=zMAm5791hD8

➡ #humorinformatykow
Interesujące stanowisko na Junior Developera? Wymagają jedynie 5 lat doświadczenia jako Senior Develper ( ͡° ʖ̯ ͡°) pokaż całość

źródło: pracbaza.png

+: m......6, playmaker +235 innych

‹ embed ›

tekon 3 lata 11 mies. temu via Mój Wykop (Android)
0

Tyktak
- udostępnij
  
  Link
R4vPL 3 lata 11 mies. temu via Mój Wykop (Android)
0

Taktyk
- udostępnij
  
  Link
więcej komentarzy (18)

klocus 3 lata 11 mies. temu

+292

Zapraszam na kolejny #webstuff! Dziś wydanie specjalne z listą 10 stron z kursami :) #webdev #programowanie

➊ Krótki wpis przedstawiający budowę komponentów w #html i CSS.
http://bit.ly/2bO8sNA

➋ Przewodnik po problemach związanych z obrazami na stronie oraz sposoby na ich rozwiązanie.
http://bit.ly/2cqIRMZ

➌ Aplikacja na iOS i Androida, która utrwala znajomość języków (JavaScript, Java, CSS).
https://www.enki.com

➍ Kolekcja wzorców projektowych i ich implementacje w #php.
http://bit.ly/2d279jB

➎ Całkiem ciekawy framework #javascript, który jest ostatnio dość mocno zachwalany przez społeczność. Podobno jest znacznie bardziej przyjemny niż Angular2. Testowaliście?
http://aurelia.io/

➏ Tutorial przedstawiający budowę animowanego układu słonecznego w #css.
http://bit.ly/2csmiFO

➐ Częste błędy popełniane podczas pisania kaskadowych arkuszy stylów i sposoby na ich naprawę.
http://bit.ly/2cymjK6

➑ Prezentacja z konferencji DevDay, która odbyła się 16 września w Krakowie. Serg Hospodarets pokazuje, że wcale nie potrzebujemy preprocesorów CSS, by korzystać z ich funkcjonalności.
http://bit.ly/2d2rhCc

➒ Praktyczna nauka programowania w jednym z 25 języków poprzez zabawę, a właściwie grę.
https://www.codingame.com/

➓ Darmowy edytor HTML/CSS/JS dostępny przez przeglądarkę, który umożliwia na tworzenie kilku plików ramach jednego projektu. Projekt można łatwo udostępnić osobom trzecim. Dosyć ciekawą funkcją jest zaznaczanie w podglądzie aktualnie edytowanego elementu HTML.
https://thimble.mozilla.org/

➡ Nowości
➊ Vue 2.0 już jest!
http://ow.ly/YBpG304Kt2R

➋ Gmail wprowadził support dla CSS w tagu <head>, co umożliwia tworzenie responsywnych maili z wykorzystaniem media queries.
http://bit.ly/2cI3DtO

➡ Inspiracje
➊ Intro serialu "Stranger Things" w HTML, CSS i JS.
http://bit.ly/2cRvJAp

➋ Tańczące roboty w JavaScript.
http://bit.ly/2cykr49

➡ #webdesign #ux #ui
➊ UI toolkit dla React Native.
http://bit.ly/2cSDXtH

➋ Wskazówki dotyczące projektowania interfejsu aplikacji mobilnych.
http://bit.ly/2cSDXtH

➡ Darmowe #kursy
➊ Interaktywne kursy HTML, CSS, JavaScript, Node.js, Bazy danych.
https://www.freecodecamp.com

➋ Interaktywne kursy HTML, CSS, SASS, JS, jQuery, Python, PHP, Ruby, SQL, Angular.
https://www.codecademy.com

➌ Interaktywne kursy począwszy od matematyki, po biologię, historię i programowanie.
https://www.khanacademy.org

➍ Pełne video-kursy z zakresu web developingu oraz web designu z renomowanego serwisu CSS-Tricks.
https://css-tricks.com/lodge/

➎ Ponad 800 filmów dostępnych za darmo dla przyszłych web deweloperów, którzy chcą zdobyć nowe umiejętności. Od podstaw HTML po Sketcha, Drupala, Wordpressa, Angulara itd.
https://www.youtube.com/c/leveluptuts

➏ Kursy przygotowane przez najlepsze uczelnie na świecie. Za dodatkową opłatą (w dolarach) możemy stać się posiadaczami certyfikatów, które przydadzą się na rynku pracy.
https://www.coursera.org

➐ Kursy C++, HTML, CSS, PHP, a także porady dotyczące rozwoju osobistego czy wykłady z szeroko pojętej informatyki.
http://miroslawzelent.pl

➑ Polskie wideokursy z zakresu CSS3, HTML5, jQuery, PHP, Photoshopa.
https://www.youtube.com/user/ghxx/playlists

➒ Od zera do front-endera, czyli uporządkowana ścieżka nauki HTML, CSS i JS.
http://bit.ly/1Rosomi, http://bit.ly/1szhHc2

➓ Kanał z tutorialami JS, CSS, HTML, Node.js, Bootstrap, Wordpress, SASS, Angular itd.
https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg/playlists

➡ #humorinformatykow
W jakim rytmie poruszają się algi?
- W algorytmie ( ͡° ͜ʖ ͡°) pokaż całość

źródło: algorytm.png

+: f...o, p......3 +290 innych

‹ embed ›

klocus 3 lata 11 mies. temu
+3

@zackson: Nie jest super zła, ale używanie em / rem pozwala na lepsze skalowanie tekstu na różnych urządzeniach i rozdzielczościach.

+: michal1358, f......s +1 inny
- udostępnij
  
  Link
michal1358 3 lata 11 mies. temu
0

@zackson: mam FHD na monitorze 21" i na telefonie 5", więc literka ledwo widoczna na monitorze może być praktycznie niedostrzegalna na telefonie
- udostępnij
  
  Link
więcej komentarzy (11)

klocus 3 lata 11 mies. temu

+203

Cześć, #webstuff!

pokaż spoiler#webdev #programowanie

➊ Artykuł o tym dlaczego najpierw powinno się uczyć czystego JavaScriptu.
http://bit.ly/2bBilPl

➋ Darmowa aplikacja zapewniająca dostęp do naszego komputera przez przeglądarkę.
http://bit.ly/2b4v2FR

➌ Pewna agencja z Włoch wyjaśnia dlaczego sprinty są jednymi z najbardziej efektywnych trybów pracy.
http://bit.ly/2c8srLC

➍ Strona zawierająca filmy oraz artykuły, dzięki którym zdobędziecie wiedzę na temat działania systemu operacyjnego oraz języków programowania (JS, Python, C).
http://codeschool.org

➎ Biblioteka #javascript do tworzenia płynnych i interaktywnych gradientów.
http://bit.ly/2bVwd65

➏ Kanał z kursami Unity 5, Blender i #python użytkownika @skew
http://bit.ly/2ch0LzE

➐ Krótki kurs użytkowania Dockera.
http://bit.ly/2ce2F6q

➑ Chcecie nauczyć się podstaw #react? Zapraszam do tutoriala, który przedstawia budowę prostej aplikacji "to-do".
http://bit.ly/2cGrTNl

➒ Wiele ciekawych filmów na temat #php.
http://bit.ly/1HeVCkt

➓ Implementacja wielu znanych algorytmów w JavaScript.
http://bit.ly/2cMLkQr

➡ Nowości
➊ TypeScript 2.0 już jest dostępny!
http://bit.ly/2dct7My

➡ Inspiracje
➊ Efekt hiperprędkości w JS.
http://treksit.com/

➋ Nietypowy design z ciekawymi efektami.
http://www.kikk.be/2016/

➡ #design #grafika
➊ Darmowe ikony SVG.
http://bit.ly/2cAy4zk

➋ O uwagach do projektu dokonywanych przez klienta z przymrużeniem oka.
http://bit.ly/198JS7j

➌ Darmowa aplikacja dostępna przez przeglądarkę oraz jako aplikacja desktopowa, która służy do tworzenia grafiki wektorowej.
https://vectr.com

➡ #humorinformatykow
Albański wirus komputerowy ( ͡° ͜ʖ ͡°) pokaż całość

źródło: albanski-wirus.jpg

+: U......e, kiken +201 innych

‹ embed ›

danoxide 3 lata 11 mies. temu
0

@klocus: panie, ale wołaj pan jak oznaczasz zainteresowanych ludzi ( ͡° ͜ʖ ͡°)

A tak swoją drogą to ten Cockpit CMS, którego ostatnio pokazałeś to nie działa - sam panel trybi, ale przy budowaniu własnej stronki wywala błąd...
- udostępnij
  
  Link
TulipanowyPostumentMelodii 3 lata 11 mies. temu
+2

Darmowa aplikacja zapewniająca dostęp do naszego komputera przez przeglądarkę.

@klocus: Brzmi jak IE8 ( ͡° ͜ʖ ͡°)

+: klocus, clunk
- udostępnij
  
  Link
więcej komentarzy (9)

klocus 4 lata temu

+424

Dzień dobry, #webstuff! :)

➊ Znacie zasadę z "Incepcji" przy zagnieżdżaniu selektorów w preprocesorach #css?
http://bit.ly/1AbZ1xV

➋ SRL to język przypominający #sql, który kompiluje się do wyrażeń regularnych. Jego składnia jest czytelniejsza i prostsza do zrozumienia, co sprawia, że budowanie wyrażeń staje się łatwiejsze. Na razie z języka można korzystać na jego stronie lub przy użyciu PHP.
https://simple-regex.com

➌ Cockpit to CMS stworzony przy pomocy #php i korzystający z bazy danych SQLite. Jego główną zaletą jest prostota tworzenia własnych typów treści i formularzy. Łatwo jest również zaimplementować własne funkcjonalności. #cms posiada polską wersję językową.
http://getcockpit.com

➍ Lista hooków dostępnych w #wordpress i popularnych wtyczkach.
http://hookr.io

➎ Wpis odpowiadający na pytanie: Czy warto jeszcze uczyć się PHP?
http://bit.ly/2c3V3Tu

➏ Ciekawa strona agregująca filmy z tematyki programowania szeroko pojętego (kursy, wykłady, konferencje, wywiady).
http://devvideo.pl

➐ Mała biblioteka #javascript do zaciemniania i odkrywania tekstu w iście hakerski sposób
http://bit.ly/2bIsEiU

➑ Strona, która dopasuje kolor w systemie szesnastkowym do wpisanego słowa. Algorytm dopasowania korzysta z wyszukiwarki, z której bierze pod uwagę około 25 obrazów, znajduje kolory i na tej podstawie oblicza "średnią".
http://bit.ly/2bQTGGY

➒ 20 wskazówek budowania arkusza CSS.
http://bit.ly/2bNljyF

➓ 11 sztuczek przyspieszających pracę z #npm.
http://bit.ly/2bYP9Rp

➡ Nowości
➊ Nowa funkcja w narzędziach dewelopera przeglądarki Chrome: edytor box-shadow / text-shadow.
http://bit.ly/2cTuz7o

➡ #design
➊ Interesujący film o tym skąd się wzięła czcionka znana z komiksów.
https://www.youtube.com/watch?v=e31fNccOQSE

➋ Krótki przewodnik po projektowaniu interfejsu użytkownika. #ui #ux
http://bit.ly/2bNIgqB

➡ #humorinformatykow
Dziś trochę o #logikarozowychpaskow ( ͡° ͜ʖ ͡°)

pokaż spoiler#webdev #programowanie pokaż całość

źródło: girl-class.jpg

+: b.......c, b_br +422 innych

‹ embed ›

l..e 4 lata temu
0

Komentarz usunięty przez autora
- udostępnij
  
  Link
p98 4 lata temu
0

@danoxide: Nie ma tragedii. Obecna wersja (stabilna, za jakiś czas powinna wyjść wersja Next) ma swoje problemy, lecz to są drobnostki. Co do języka - nie uświadczyłem polskiego w panelu, aczkolwiek Cockpit obsługuje możliwość tworzenia stron wielojęzykowych. Na bazie tego stworzyłem własną stronę - kolekcje: Wiadomości, Gry (planuję jeszcze parę ( ͡° ͜ʖ ͡°)), po polsku tylko i napisałem proste API (chociaż można wykorzystać wbudowane API w Cockpit, lecz nie zauważyłem tego wcześniej...) i strona działa. :) pokaż całość
- udostępnij
  
  Link
więcej komentarzy (33)

klocus 4 lata temu

+285

Hej #webstuff! W dzisiejszym wpisie przygotowałem dla Was małe #rozdajo. Szczegóły pod listą linków :)

❶ Porównanie kilku technik animacji odbijającej się kulki.
http://bit.ly/2bmHQF8

❷ O frameworkach, programowaniu obiektowym, wzorcach i bezpieczeństwie w #php. Warto przeczytać.
http://www.phpthewrongway.com

❸ Podstawy bezpieczeństwa aplikacji internetowych.
http://bit.ly/1R9DVuK

❹ Kilka komponentów (karuzela, rozwijane menu, okienko modalne, zakładki, tooltipy) wykonanych w czystym #css.
http://bit.ly/1f6HRf0

❺ Kanał Od zera do WebDeva, na którym znajdziecie edukacyjne filmy z zakresu PHP, JS, jQuery, wzorca MVC, Angulara itd.
http://bit.ly/2bFv5W0

❻ Responsywny "masonry grid" w czystym CSS.
http://bit.ly/2b9JqNE

❼ Świetny wpis o dopasowaniu elementów pod względem optycznym. #design #ux
http://bit.ly/2aG4upf

❽ Pixi.js to biblioteka renderująca, która pozwala na tworzenie interaktywnej grafiki na wielu platformach.
http://www.pixijs.com

❾ NX to kolejny framework #javascript, który jest oparty na standardzie ECMAScript 6 i Web Komponentach.
http://www.nx-framework.com

➓ Kiedy jakaś strona używa atrybutu target="_blank" przy hiperłączach w celu otwarcia adresu w nowej zakładce lub oknie, nowo otwarta witryna zyskuje dostęp do oryginalnej strony przez window.opener API. Aby uniknąć potencjalnych zagrożeń należy dodać rel="noopener". Więcej o tym zjawisku znajdziecie w artykule. #security
http://bit.ly/2blXtgG

⓫ Jak zdenerwować web dewelopera? Przewodnik dla każdego!
http://howtoannoyawebdeveloper.com

⓬ Polski kanał YT z wideo tutorialami dotyczącymi Unity, C++, SQL, Blendera, ZBrush, Digital Paintingu.
http://bit.ly/2bLsjNe

➡ #rozdajo
Wraz z firmą @switspl przygotowałem dla Was 3 konta hostingowe, które zajmują miejsce w ich łódzkiej serwerowni. Miałem nawet okazję ją odwiedzić :) Każde konto jest opłacone na okres roku. Oto specyfikacja:
- 2.5 GB przestrzeni na dyskach SAS
- 55 GB transferu w przeciągu jednego miesiąca
- 7 baz danych MySQL na dyskach SSD
- Backup, który jest wykonywany codziennie
- PHP w wersji 7
- Wyłącznie serwery DELL, procesory Intel Xeon

SW IT Solutions działa na polskim rynku od 2009 roku. O nich samych przeczytacie na http://swits.pl, a jeżeli ktoś się nie załapie na darmowe konto, to może sprawdzić ich całą ofertę: https://swhosting.pl

Losowanie spośród plusujących użytkowników odbędzie się jutro o godzinie 21:00. W związku z tym, że SWITS ma dopiero co założone konto, to dopuszczam również zielonki :)

PS. Zapraszam również na fanpage, gdzie codziennie publikuję nowe webstuffowe znaleziska: https://www.facebook.com/sruupl/

pokaż spoilerPPS. Wszelkich maturzystów spod mojego tagu zapraszam jutro i pojutrze na Salon Maturzystów w Centrum Wykładowo-Konferencyjnym politechniki z #poznan. Będę tam wraz z doradcą zawodowym, który odpowie na pytania odnośnie waszej ścieżki edukacyjno-zawodowej, a ja sam postaram się zachęcić do wyboru studiów informatycznych :)

➡ #humorinformatykow
Credo programistów. pokaż całość

źródło: credo.png

+: nihil_novi, Crimson_Ghost +283 innych

‹ embed ›

klocus 4 lata temu
+1

@skew: Jutro będzie na FP :)

+: skew
- udostępnij
  
  Link
klocus 4 lata temu
+3

@PanPaprykarz (odblokuj PW), @ArcheRbest, @xadereq: Gratuluję! :)

+: switspl, xadereq +1 inny
- udostępnij
  
  Link
więcej komentarzy (10)

klocus 4 lata temu

+94

Pogoda dziś dopisuje, słoneczko świeci, zatem czas na #webstuff! ( ͡° ͜ʖ ͡°)

❶ Porównanie Bitbucketa i GitHuba.
http://bit.ly/2bnUROx

❷ Rambox to darmowy program, który obsługuje popularne komunikatory jak Facebook Messenger, Skype czy Hangouts oraz inne usługi sieciowe jak poczta Gmail, Discord, ChatWork, Office 365, Outlook czy Slack.
http://rambox.pro

❸ Wahadła matematyczne w #css.
http://bit.ly/2basZxH

❹ Dlaczego web deweloperzy powinni uczyć się #javascript?
http://bit.ly/2b0aVoR

❺ Kurs nowoczesnego JavaScript za darmo (webpack, nodejs, npm, es5, es6, esnext, rxjs, typescript).
http://bit.ly/2aQ52NZ

❼ Quire to darmowa aplikacja przez przeglądarkę, która pozwala zarządzać projektami i zadaniami przez zespół. Jest bardzo wygodna, posiada dedykowaną aplikację na iPhone i rozszerzenie dla Chrome.
https://quire.io

❽ Biblioteka CSS z ciekawymi animacjami ikon hamburgerów.
https://jonsuh.com/hamburgers/

❾ Mikro framework CSS, który zawiera najważniejsze elementy: system siatki, nagłówki, nawigację i kilka pomocniczych klas.
http://www.responsivecat.com

❿ Proporcjonalne skalowanie boksów w CSS.
http://bit.ly/2bzVvsb

➡ Nowości
❶ Google ukarze strony, które stosują wkurzające reklamy na urządzeniach mobilnych (pop-upy i pełnoekranowe) poprzez obniżenie ich pozycji w wynikach wyszukiwania.
http://bit.ly/2bN0V3e

❷ Nowa wersja Laravela (5.3) ujrzała niedawno światło dzienne. #php
http://bit.ly/2bOhXhb

➡ Inspiracje
❶ Szkoła designu ze Szczcinka. #grafika #design #webdesign
http://www.lo.szczecinek.pl/matma/

❷ Galeria wielu inspirujących projektów stron.
https://sitesee.co

➡ #ciekawostki
❶ Heinz Rutishauser to szwajcarski matematyk, który w 1951 roku wymyślił pętlę "for", która początkowo nosiła niemiecką nazwę "für".
https://en.wikipedia.org/wiki/Heinz_Rutishauser

❷ Wiecie, że możecie ostylować wynik console.log?
http://stackoverflow.com/a/13017382

➡ #humorinformatykow
Cóż za ironia ( ͡° ʖ̯ ͡°) pokaż całość

źródło: pop-up.png

+: rbielawski, nihil_novi +92 innych

‹ embed ›

Haz111 4 lata temu
0

@klocus: Dzięki za info o Ramboxie, jest świetny! :)
- udostępnij
  
  Link
pjonaziom 4 lata temu via Android
0

Haz111: możesz przetestować też Franz - meetfranz.com, korzystam i trochę ładniejsze niż Rambox, ale ma mniej wspieranych komunikatorów.
- udostępnij
  
  Link
więcej komentarzy (7)

klocus 4 lata temu

+108

Witam obserwatorów #webstuff w to niedzielne popołudnie! :)

① Lekki plugin #javascript dla pól tekstowych i rozwijanych.
http://bit.ly/29Ug5Gv

② Generator analizatora składniowego w JS, który może posłużyć do budowy interpretatora, kompilatora i innych przydatnych narzędzi.
http://pegjs.org

③ Framework i język znaczników jednocześnie, który znacznie ułatwia tworzenie responsywnych wiadomości e-mail. Specjalne znaczniki są kompilowane do kodu #html i CSS.
https://mjml.io

④ Bardzo ładny date & time picker. Posiada kilka wbudowanych motywów w stylu flat i material design.
http://bit.ly/2aQzhFb

⑤ Krótki wstęp do programowania funkcyjnego w JS.
http://bit.ly/2aIGNyR

⑥ Prosta i przydatna wskazówka dotycząca kolejności zwracania wartości i uprzątnięcia zagłębionych warunków. #programowanie
https://youtu.be/ldqDpmMkXgw

⑦ Krótki tutorial o pisaniu własnego rozszerzenia do #php.
http://bit.ly/2aIpNd7

⑧ Przewodnik po budowie aplikacji do skracania linków przy użyciu MongoDB, Hapi.js i Node.js
http://bit.ly/2aLxsof

⑨ Co zrobić, gdy utknąłeś z jakimś programistycznym problemem? Rafael J. Rodriguez z Free Code Camp dzieli się swoim sposobem, a jest nim rysowanie blokowego algorytmu.
http://bit.ly/2b5VHBW

⑩ Fragment książki "Scrum i nie tylko. Teoria i praktyka w metodach Agile", który przedstawia w jaki sposób budować tzw. User Story, czyli prostą formę, która ma adresować oczekiwania i potrzeby użytkowników aplikacji.
http://bit.ly/2aJkcWr

⑪ Praktyka czyni mistrza, tylko skąd brać pomysły na projekty, przy pomocy których możemy się nauczyć programowania? Pewien użytkownik GitHuba postanowił spisać swoje pomysły, które inni mogą zrealizować.
http://bit.ly/2biqpW1

⑫ Gładko jak po maśle, czyli osiąganie 60 klatek na sekundę przy animacjach #css.
http://bit.ly/2b1hAAM

» Inspiracje
① Spora lista stron portfolio.
http://bit.ly/2as0fPD

② Animacja w czystym HTML korzystająca z <pre> i <marquee>.
http://mrmrs.io/marquee/

③ Producent Pepsi, w ramach kampanii reklamowej napoju Crystal Pepsi (pochodzi on z lat 90', nie zawiera kofeiny, jest przezroczysty), przygotował oldschoolowy powrót do przeszłości. Strona napoju nawiązuje do ubiegłego wieku, jest zbudowana na tabelkach i zawiera grę.
https://www.pepsipass.com/crystal-pepsi-game

④ Animowany Pokemon Eevee w czystym CSS.
http://codepen.io/davidkpiano/pen/NAZarB

» #ciekawostki
① Wiecie skąd się wzięło słowo "Mozilla"? Powstało ono z połączenia słów "Mosaic" (nazwy jednej z pierwszych przeglądarek) i "killer".

pokaż spoilerhttps://pl.wikipedia.org/wiki/Mozilla

② Wiecie czym jest eter? Kiedy doświadczalnie potwierdzono istnienie fal elektromagnetycznych, przewidzianych w ramach elektrodynamiki Maxwella, jednym z najważniejszych pytań stało się zagadnienie ośrodka, w którym te fale się propagują; wszystkie znane wcześniej fale zawsze jakiegoś ośrodka potrzebowały. Naturalnym kandydatem stał się kosmiczny eter, o którym rozwodzili się już starożytni filozofowie greccy.

Teoria eteru upadła wraz z powstaniem szczególnej teorii względności, ale samo pojęcie przetrwało do dziś w nazwie technologii sieci komputerowej - ethernetu :)

pokaż spoilerhttps://pl.wikipedia.org/wiki/Eter_(fizyka)

» #humorinformatykow
6 etapów debugowania. pokaż całość

źródło: debugging.png

+: RJ45, TeflonDon +106 innych

‹ embed ›

K............e 4 lata temu
0

① Lekki plugin #javascript dla pól tekstowych i rozwijanych.

@klocus: 1400 linijek js, lekki xD potem zjeby używają 20 "lekkich pluginów" i strony zawieszają przeglądarki
- udostępnij
  
  Link
peterpan 4 lata temu via Android
0

Taktyk
- udostępnij
  
  Link
więcej komentarzy (10)

klocus 4 lata 1 mies. temu

+87

Cześć wszystkim obserwatorom tagu #webstuff! :)

➊ Świetny plugin do Bootstrapa, który pozwala na złożoną manipulację okienkami (modals) #bootstrap #javascript
http://bit.ly/29Ug5Gv

➋ Open Source-owy edytor graficzny w HTML5.
Demo: http://bit.ly/2a5bZts Repozytorium: http://bit.ly/29YpkkW

➌ Pie context menu w JS.
http://bit.ly/29RKobT

➍ Framework CSS dla hakerów ( ͡° ͜ʖ ͡°)
http://hackcss.com

➎ Dio to lekki (~6kb) Virtual DOM framework.
http://thysultan.com/dio/

➏ Nieoficjalne API Gmaila w JS.
http://bit.ly/2agly9T

➐ Kolejny świetny plugin do Bootstrapa, który potrafi zamienić zwykłe selecty na coś bardziej użytecznego, np. takie z wbudowaną wyszukiwarką jego elementów.
http://bit.ly/1CLBRzS

Podobny do niego, lecz o bardziej rozbudowanej funkcjonalności plugin jQuery: http://bit.ly/2aIKBkm

➑ Prosty, mały, ale jakże pożyteczny program do szybkich zmian w wielu plikach.
http://bit.ly/2ae4tvK

➒ 125 użytecznych porad, które zoptymalizują stronę pod względem lepszego interfejsu użytkownika.
http://bit.ly/1VYXngU

➓ #webdesign w 4 minuty.
http://bit.ly/2aealVU

➡ Inspiracje
➊ Ciekawy checkbox w czystym CSS.
http://bit.ly/2agbluc

➋ 3 ciekawe efekty :hover dla przycisków.
http://bit.ly/2aocZZH

➌ Konfetti w CSS i JS.
http://bit.ly/2agsHC2

➍ Animowana maszyna do kawy w #css i SVG.
http://bit.ly/2ay7VR9

➡ Ciekawostki
➊ Mały projekt, który analizuje sposób pisania (wcięcia tworzone przy pomocy tabulatora lub spacji) najpopularniejszych projektów na GitHubie.
http://ukupat.github.io/tabs-or-spaces/

➋ O tym kim byli webmasterzy w latach 90, czyli humorystyczny powrót do przeszłości :)
https://justinjackson.ca/webmaster/

➡ #humorinformatykow
Załączony komiks skojarzył mi się z pewnym znanym forum elektronicznym ( ͡º ͜ʖ͡º) pokaż całość

źródło: elekt_oda.png

+: menelaosPL, Kuker +85 innych

‹ embed ›

klocus 4 lata 1 mies. temu
+1

pokaż spoiler@cezx @FreakingAwesome @jachous @Kentritz @trollbuster @kapell @MamCieNaHita @endrjuk @SebastianPob @darnok09 @domos @westberlin @robercik101 @edytq pokaż całość

+: endrjuk
- udostępnij
  
  Link
E.......i 4 lata 1 mies. temu
+2

➋ O tym kim byli webmasterzy w latach 90, czyli humorystyczny powrót do przeszłości :)
https://justinjackson.ca/webmaster/

@klocus: aż się wzruszyłem

+: p...s, magic96
- udostępnij
  
  Link
więcej komentarzy (3)

klocus 4 lata 1 mies. temu

+169

No cześć Mirki i Mirabelki z tagu #webstuff! :)

➊ Franz to multikomunikator, który obsługuje takie aplikacje jak: Slack, WhatsApp, WeChat, HipChat, Facebook Messenger, Telegram, Google Hangouts, GroupMe, Skype.
http://meetfranz.com/

➋ Przewodnik po tworzeniu responsywnych maili na wszystkie popularne skrzynki/klienty pocztowe.
http://bit.ly/29NyLF6

➌ W sieci jest wiele różnych kursów, artykułów, tutoriali i innych materiałów pomagających nauczyć się JavaScriptu, lecz żaden z nich nie pokazuje w jaki sposób zbudować gotowy produkt. Pewien gość, Tim Ermilov, na swoim kanale YT zaczął umieszczać filmy z jego własnym kursem. Warto go zasubskrybować :)
http://bit.ly/29XPq89

➍ Krótki artykuł o tym w jaki sposób ubiegać się o pracę jako początkujący programista.
http://bit.ly/29MC9kF

➎ Prywatne + grupowe rozmowy (tekstowe, audio i wideo), dzielenie się plikami, integracje z innymi aplikacjami, czyli coś w stylu Slacka.
https://www.hipchat.com

➏ Automatyczne "recenzje" kodu PHP, Python, Ruby, Java, #javascript, Scala, CSS i CoffeeScript. Darmowe dla open source-owych projektów.
https://www.codacy.com/

➐ Plugin do Wordpressa, który pozwala w łatwy sposób (metoda drag&drop) stworzyć layout.
http://gettailor.com

➑ Przewodnik po właściwości #css "display".
http://bit.ly/294U45y

➒ Częste błędy pojawiające się przy projektowaniu formularzy + sposoby na ich poprawę.
http://bit.ly/29Hckyi

➓ Modułowy framework CSS.
http://blazecss.com

➡ Inspiracje
➊ Nietypowe burger menu.
http://bit.ly/29GUZIT

➋ Zbiór inspiracji dotyczących projektów wiadomości e-mail.
http://reallygoodemails.com

➌ Wiele inspirujących projektów aplikacji mobilnych.
http://beta.uihaus.com

➍ Ciekawy pomysł na nietypowy layout.
http://bit.ly/29sIiye

➡ #humorinformatykow
Linux is brutal. pokaż całość

źródło: LIB.png

+: f......u, koob +167 innych

‹ embed ›

piotrb 4 lata 1 mies. temu
0

@klocus: Pytanie do #humorinformatykow : A to jakiś problem? Rodzic tylko wtedy się zakończy po zakończeniu (można normalne hasło do googla napisać? można ) procesów potomnych jeżeli oczekuje na to.
- udostępnij
  
  Link
P............m 4 lata 1 mies. temu
0

warto
- udostępnij
  
  Link
więcej komentarzy (11)

Powiązane z #webstuff

Archiwum tagów

Wykop.pl © 2020

Przydatne linki

Chmura tagów