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.
klocus - Nikt się nie spodziewał dziś [ #webstuff ]-owej inkwizycji! ( ͡° ͜ʖ ͡°)

❶...

źródło: comment_hDDp10XnxIhRfZKFsd12QRPWJw037jAr.jpg

Pobierz
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

klocus - Do przejrzenia przed nowym rokiem! [ #webstuff ]

❶ Prosta instalacja font...

źródło: comment_k8TqTu0mGOaw7yOWHGL5mYEvQKXVkY6i.jpg

Pobierz
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
klocus - Hoł, hoł, hoł! Cykliczne wpisy z serii [ #webstuff ] znów na Mirko!

❶ Czy...

źródło: comment_6qf1TlQe8X4X4CIrN53s3EsZLNSfc1GZ.jpg

Pobierz
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

klocus - Witam po dłuugiej przerwie i zapraszam do kolejnego wpisu z cyklu [ #webstuf...

źródło: comment_JzODohx2mfW4jtE8st1cBVubMWsRrXYy.jpg

Pobierz
@konik_polanowy:
'All projects should have an interesting README'
'Welcome to 2018, if your project doesn't have unit tests you should hide it. It's a bad reference and it reflects poorly on you. No excuses.'

Podejrzewam, że 95% osób, które się do niego zgłaszają na interview wcale go "nie przechodzą". Ludzie na reddicie strasznie go wypunktowali i mają rację. Nie wspomnę już o demach aplikacji, które mają posiadać unit testy xD
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
klocus - Witam w kolejnym wpisie z cyklu [ #webstuff ]!
Dzisiejszy wpis zdominował J...

źródło: comment_vKKLTZgIHo1oDIMTBF3cEsIj07QcWbA3.jpg

Pobierz
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
klocus - Zapraszam do kolejnego wpisu z cyklu [ #webstuff ]!

❶ Zbiór przydatnych f...

źródło: comment_pBolMXHmLJ5busLz7nGhIjtNJBE8QX5h.jpg

Pobierz
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,
klocus - Witam po przerwie i zapraszam do kolejnego wpisu z cyklu [ #webstuff ]!

❶...

źródło: comment_chAUhrKFveS4HUvsUuurwKX38b4N19rv.jpg

Pobierz
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"
klocus - Hoł, hoł, hoł! Nieważne czy byliście w tym roku grzeczni czy nie, ja i tak p...

źródło: comment_ohkPK17biPXoEqoTeAFDUXXGaH13gkc3.jpg

Pobierz
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 #
klocus - Psst! Całkowicie świeży towar z tagu [ #webstuff ] Chce ktoś?

❶ Jak używa...

źródło: comment_KS5lT77H9OqwLB481cSyK3ppSLjGy9j4.jpg

Pobierz
Ż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

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

❶ TL...

źródło: comment_kfCTkCCYU9vgVZuJ46MT9u6uPvCozE3a.jpg

Pobierz
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
klocus - Czy ktoś zamawiał powiększony zestaw [ #webstuff ]? (╭☞σ ͜ʖσ)╭☞

❶ Domknię...

źródło: comment_FgKDMpyEurBE7x3sRqXmuPCyZ8wiA636.jpg

Pobierz
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,
klocus - Czołem Wykopki! Sprawdźcie co dziś dla Was przygotowałem w kolejnym wpisie [...

źródło: comment_1NmfG1qD1qm0dcBfccsg9FRaSsfiRq0t.jpg

Pobierz
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
klocus - Zapraszam do kolejnego wpisu z cyklu [ #webstuff ]!

❶ Generator filtrów w...

źródło: comment_0xFBT4i7m11q1OHpcOK08PWmgWFSjBQj.jpg

Pobierz
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
klocus - Nie spodziewaliście się dziś kolejnego wpisu z cyklu [ #webstuff ], hm? ( ͡°...

źródło: comment_oNcOlgNVCNH966bfZkIKCeFJb5kHbLoy.jpg

Pobierz
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
klocus - Witam po przerwie i zapraszam do kolejnego wpisu z cyklu [ #webstuff ]!

❶...

źródło: comment_LNS2qIQ6eLzvGPDjE9qrhaTGXqkYanxE.jpg

Pobierz
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
klocus - Jak tam [ #webstuff ]? Zmalał, urus? Dziś zdecydowanie urus ( ͡° ͜ʖ ͡°)

❶...

źródło: comment_Zk6P7BAT6WpT9vskM2SiNhDuqcMuzLPD.jpg

Pobierz
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"
klocus - Yup, kolejny wpis z cyklu [ #webstuff ]!

❶ Webanti to antywirus dla stron...

źródło: comment_9Doq28XVQrxNfdm1V7eullu2Mkek1WQQ.jpg

Pobierz
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
klocus - Dzisiejszy wpis [ #webstuff ] został zdominowany przez JavaScript ( ͡° ͜ʖ ͡°...

źródło: comment_7dOlIIQWKs3AHIzXp3GtW2t8HHzBUm1a.jpg

Pobierz
[ #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
klocus - [ #webstuff ]

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

źródło: comment_NPESbRpwgvPHLk21QVWJytaqJszkme2B.jpg

Pobierz
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
klocus - Cześć! Zapraszam do kolejnego wpisu z cyklu #webstuff!

❶ Zna ktoś francus...

źródło: comment_7hd4ezjZC4YUyge0z7ZZ8YIEc3MyURDa.jpg

Pobierz
@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