**Cześć! Zapraszam do kolejnego wpisu z cyklu #webstuff!** ❶ Zna kt... (@klocus)

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.

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

❷ 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 ( ͡° ʖ̯ ͡°)

meohaw

14.04.2017, 22:36:25

@kary_koniu: no nie wygląda źle, nawet powiem więcej, wygląda jakby faktycznie chciało się skupić na zarządzaniu projektami/taskami, będzie trzeba potestować

t.....y

konto usunięte 15.04.2017, 07:24:50

❷ 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.

pozycjonowanie to chyba tam nie istnieje.

❸ Silnik fizyczny dla gier w JavaScript, który został przepisany z C++.

https://snag.gy/Takv9g.jpg huehue

@klocus: reszte sprawdze z ciekawosci ;)

kary_koniu

15.04.2017, 08:34:03

@thcluboy:
Co ma pozycjonowanie do użytej struktury przechowującej dane?

konto usunięte 15.04.2017, 08:37:00

@kary_koniu: jeżeli to ma być cms, to z pewnością chcielibyśmy żeby nasza strona była widoczne w wyszukiwarkach. jak wyszukiwarka ma zaindeksować daną stronę skoro treści są wklejane przez js ?

15.04.2017, 08:42:01

@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