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

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

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

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

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

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

❻ Darmowy przewodnik z ponad 50 wskazówkami,
źródło: comment_chAUhrKFveS4HUvsUuurwKX38b4N19rv.jpg
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"
źródło: comment_ohkPK17biPXoEqoTeAFDUXXGaH13gkc3.jpg
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 #
źródło: comment_KS5lT77H9OqwLB481cSyK3ppSLjGy9j4.jpg
Ż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

źródło: comment_kfCTkCCYU9vgVZuJ46MT9u6uPvCozE3a.jpg
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
źródło: comment_FgKDMpyEurBE7x3sRqXmuPCyZ8wiA636.jpg
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,
źródło: comment_1NmfG1qD1qm0dcBfccsg9FRaSsfiRq0t.jpg
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
źródło: comment_0xFBT4i7m11q1OHpcOK08PWmgWFSjBQj.jpg
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
źródło: comment_oNcOlgNVCNH966bfZkIKCeFJb5kHbLoy.jpg
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
źródło: comment_LNS2qIQ6eLzvGPDjE9qrhaTGXqkYanxE.jpg
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
źródło: comment_Zk6P7BAT6WpT9vskM2SiNhDuqcMuzLPD.jpg
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"
źródło: comment_9Doq28XVQrxNfdm1V7eullu2Mkek1WQQ.jpg
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
źródło: comment_7dOlIIQWKs3AHIzXp3GtW2t8HHzBUm1a.jpg
[ #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
źródło: comment_NPESbRpwgvPHLk21QVWJytaqJszkme2B.jpg
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
źródło: comment_7hd4ezjZC4YUyge0z7ZZ8YIEc3MyURDa.jpg
@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
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
źródło: comment_HvxEqhak7GaUILd5LPIBQDmTY7lH6R1z.jpg
Cześć! Zapraszam do zapoznania się z kolejnym #webstuff-em!


❶ 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
źródło: comment_Ps9GlcsdHjuFArQneZSl5wYvipMQlh7e.jpg
nsfw

Zawiera treści NSFW

Ta treść została oznaczona jako materiał kontrowersyjny lub dla dorosłych.

[ #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 -
źródło: comment_UNBXSlTkdkZnk2TaPUMrELjhXh9yRQsH.jpg
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
źródło: comment_W8b8xCA2ATx3NwmIWzPEi4RXha5wE0Xp.jpg
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",
źródło: comment_pqjjUI2M2D0nSVXP8BXlad8WCnOpGjW6.jpg
@klocus: Troche dupny ten starter pack, jak ja zaczynalem to by sie tylko energetyki zgadzaly i to nie redbulle tylko jakies tanie gowno xD

Nie mialem zadnych koszulek z motywami it, ani jakis durnych nalepek z htmlem, wypasionych monitorow tez nie mialem tylko malego laptopa, a do tego pisalem w notepad++ swoje programy i kompilowalem z konsoli a nie jakies IDE z motywami.
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
Dzień dobry, #webstuff!



⓿ 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
źródło: comment_5jzgGn7tPQLO9GwOptptfx1PDUOGxIdV.jpg
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
źródło: comment_7yt3t21LWf1qwOHJxesCXhZgOyxGjoux.jpg
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
źródło: comment_UZRgT4thD3EMkfoTjCXi9jGYWtFfgzg0.jpg
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
źródło: comment_dnr2GzzFmojtTPC9Y9XCAdXXwMbA5GKh.jpg