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
źródło: comment_sJJu3Tjdyk1a9j6vJdUwKSSJoJm00qfs.jpg
Cześć, #webstuff!


➊ 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
źródło: comment_5k19xF9MrLbcAmD5rU6NDi2aR7yc4IE9.jpg
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
źródło: comment_WstWa3Kufr2iSMw83ALEKs21a6wjaPYJ.jpg
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
źródło: comment_86j5omYNNbxLifeEyUws1GwkfYQhtzmo.jpg
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

źródło: comment_SOfY8Uv9xKOBIqb3Kbq6JJMZ1WIxmlfs.jpg
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
źródło: comment_VhbWhGj42gL5VvV0ZghsUMuOz9LjOEDy.jpg
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
źródło: comment_P7fDh0oGRJtologqCgYsPusk3YSBi2mv.jpg
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
źródło: comment_Bza4LD6Z1c4T85RhQAhYGuCCJ5QeEsTQ.jpg
Hej, #webstuff! - Zapraszam do obserwacji, jeżeli chcecie być na bieżąco.

➊ Szybka, mała (1kb) i prosta biblioteka JavaScript do budowy webowych interfejsów użytkownika.
http://monkberry.js.org

➋ Kurs designu dla każdego, kto chce tworzyć wspaniałe rzeczy.
https://hackdesign.org

➌ Animacje dla obiektów HTML, które zaczynają działać podczas scrollowania. Darmowa alternatywa dla WOW.js
http://jackonthe.net/css3animateit/

➍ Co robić by być lepszym deweloperem?
http://bit.ly/29gxZkk

➎ Modern CSS reset.
http://bit.ly/29euIkY

➏ Animacja aktualizacji z Androida Nougat w
źródło: comment_6arFjFS3m1DRe2l2ftWtWCLrW7Qa3YI9.jpg
Dzień dobry, #webstuff! - Zapraszam do obserwacji, jeżeli chcecie być na bieżąco.

➊ Implementacja GITa w JavaScript (Node.js)
http://bit.ly/29yUak6

➋ Coconut is a simple, elegant, Pythonic functional programming language that compiles to Python.
http://coconut-lang.org

➌ Interaktywny odtwarzacz stylowany na gramofon.
http://bit.ly/28L9Cue

➍ Krótki artykuł o semantyce CSS.

You should be able to read HTML and CSS like a book. It should tell a story. A story has characters and relationships between
źródło: comment_j9o5xRguiI7CGte62vY9APc1EE7zMSgj.jpg
#webstuff - Zapraszam do obserwacji, jeżeli chcecie być na bieżąco.

➊ 26 imponujących projektów wykonanych w #css.
http://bit.ly/1sAv7os

➋ Bardzo ciekawy "multi-button" w CSS.
http://bit.ly/1PmzYhP

➌ Bardzo ciekawy i lekki framework CSS. Dobra alternatywa dla Bootstrapa. Jest o tyle oryginalny, że tooltipy, modale itd. są wykonane w czystym CSS.
http://picnicss.com

➍ Git Cheat Sheet
http://bit.ly/1ZThI5I

➎ Tutorial pokazujący jak przyspieszyć ładowanie stron poprzez moduł "PageSpeed" od Google dla serwerów Apache.
http://bit.ly/24SnOV4
źródło: comment_ZSq7JU40EmSpksZ8kAijZSEEjctAXg7g.jpg
No elo #webstuff! Zapraszam do obserwacji, jeżeli chcecie być na bieżąco.

➊ 7 stron, które pomaga się skupić podczas programowania.
http://bit.ly/1XwkQHk

➋ Nowe narzędzie od Google, które sprawdza jak bardzo mobilna jest wprowadzona strona.
https://testmysite.thinkwithgoogle.com

➌ A Badass Bootstrap UI Kit based on Material Design.
http://bit.ly/1XUbr8I

➍ AnyPixel.js is an open-source software and hardware library that makes it possible to use the web to create big, unusual, interactive displays out of
źródło: comment_PO5R1IrwJZBTKRX5Tv4GWk8noRT13wtS.jpg
Hello #webstuff! Zapraszam do obserwacji, jeżeli chcesz być na bieżąco.

➊ Everything you would like to include to make your website more social.
https://github.com/lipis/social-elements

➋ ScriptCraft to mod do Minecrafta, który pozwala go rozszerzać używając JavaScriptu. #minecraft #javascript
https://www.cutestrap.com

➌ Ken Burns effect w #css
http://codepen.io/ibanez182/pen/LZPgrY

➍ An accessible dialog window plugin for all humans.
http://www.humaan.com/modaal/

➎ Przewodnik po pseudoklasach i pseudoelementach CSS.
http://bit.ly/21sjjk6

➏ Zbiór skryptów JS, które do działania
źródło: comment_U1ABlYIDL2CrBYQXQb7wuklXAc7v1TYI.jpg
Kolejny tydzień, zatem kolejny wpis z cyklu #webstuff!
Zapraszam do obserwacji, jeżeli chcesz być na bieżąco oraz zapisania się na mirkolistę: http://bit.ly/1XSww5g

➊ Mała biblioteka animacji #css dla checkboxów.
https://720kb.github.io/checkbox.css/

➋ Malutka alternatywa dla Bootstrapa.
https://www.cutestrap.com

➌ Krótki przewodnik po PDO w #php.
https://phpdelusions.net/pdo

➍ Lebab pomaga w modernizacji starego kodu JavaScript. Skanuje kod i wyszukuje fragmenty, które mogą zostać skonwertowane do najnowszej wersji standardu ECMA.
https://lebab.io

➎ Jak pisać
źródło: comment_7Z7i0zDRKEtLsbbyaxsYUZ2n2GtQft0k.jpg
Hej #webstuff! Zapraszam do obserwacji, jeżeli chcecie być na bieżąco :)

➊ Beautiful, DRY, Clean and Reusable CSS.
http://www.richcss.com/

➋ Bardzo ładne placeholdery, które są częścią darmowej biblioteki zdjęć stockowych.
https://unsplash.it

➌ Narzędzie, które znajduje wizualny środek obrazu.
http://javier.xyz/visual-center/

➍ Środkowanie elementów w CSS na każdą okazję!
http://howtocenterincss.com

➎ Darmowe ikony od Google. Dostępne również jako web font.
https://design.google.com/icons/

➏ Okienko modalne w czystym CSS.
http://bit.ly/22bEdUN

➐ Biblioteka efektownych komponentów #
źródło: comment_A50kPzhcZJmocfKV9ITiRRezmY1CdF44.jpg
Cześć #webstuff! Zapraszam do obserwacji, jeżeli chcecie być na bieżąco :)

➊ Biblioteka ‪#‎CSS‬, która ułatwia stworzenie własnego intro w stylu Star Wars.
http://bit.ly/1WIFXUi

➋ Ładny efekt :hover buttonów w CSS.
http://bit.ly/24xYo0S

➌ Mały podręcznik typografii. #grafika #design
http://typographyhandbook.com

➍ Darmowy i bardzo prosty CMS dla małych, statycznych stron. Nie wymaga bazy danych. Jego główną zaletą jest łatwość obsługi - całość opiera się na zasadzie "przeciągnij i upuść".
http://sitecake.com

➎ Darmowe
źródło: comment_hPJulhjNOHXm3oaATS3NwlQJRtjOtdFN.jpg
Hello #webstuff! Zapraszam do obserwacji, jeżeli chcesz być na bieżąco :)

➊ Kolekcja elementów, które znajdują się wewnątrz tagu HEAD. ‪#‎HTML‬
http://bit.ly/1SwxlNQ

➋ Przykłady elementów strony, które zostały wykonane przy użyciu flexbox w ‪#‎CSS‬.
http://www.flexboxpatterns.com/

➌ Mała i elegancka biblioteka / framework SCSS, który jest w pełni konfiguralny.
http://sierra-library.github.io/

➍ Open source-owy projekt-klon Trello napisany w ‪#‎PHP‬ przy użyciu frameworka Laravel.
http://bit.ly/1r8mD7q

➎ Base to prosty i lekki framework CSS, który
źródło: comment_E5Z31KiYx4aBONDFkkAHUUeuJk616kpY.jpg
Dzień dobry #webstuff! Zapraszam do obserwacji, jeżeli chcesz być na bieżąco :)

➊ Skrypt, który automatycznie przeładowuje stronę po zauważeniu zmian w kodzie źródlowym HTML, CSS oraz #javascript.
http://livejs.com

➋ Darmowy konwerter #html do PDF.
http://www.athenapdf.com/

➌ Pure ‪‎CSS‬ masonry layout.
http://bit.ly/1V0U6wT

➍ Bardzo lekka biblioteka JS do uzyskania efektu "cascading grid layout", czyli kolejna alternatywa dla Masonry.
http://bit.ly/1Wxuwz3

➎ Gra w czystym ‪#‎CSS‬ wykorzystująca "counter-increment". Więcej o zastosowaniu tego
źródło: comment_vCsoHJZ21Kb9mVyFNnKNTV0wYFQeGmzA.jpg
Witam ponownie pod tagiem #webstuff! Zapraszam do obserwacji, jeżeli chcesz być na bieżąco :)

➊ Responsywne tabele:
- w czystym #css: http://bit.ly/1ZTw1Ym
- w #javascript: http://bit.ly/1W0PGFJ

➋ Od niedawna, pełne kursy z zakresu web developingu oraz web designu są dostępne za darmo w serwisie "CSS-Tricks"!
https://css-tricks.com/lodge/

➌ SQL Injection, XSS, clickjacking, session fixation na interaktywnych ćwiczeniach.
https://www.hacksplaining.com

➍ Nie możesz się zdecydować jaką ścieżkę programistyczną wybrać? What f#&king programming
źródło: comment_M7LhcAxWz63zPkSPM0asRU6JZXT1bDNb.jpg
Witam po świętach we wpisie z cyklu #webstuff! Zapraszam do obserwacji, jeżeli chcesz być na bieżąco :)

➊ Darmowe narzędzie do zaciemniania kodu #php.
- wersja online: http://bit.ly/1RDUJsm
- wersja desktopowa: http://bit.ly/1RwSG7g

➋ Lekki i responsywny system kolumn. #css
http://bit.ly/1RQsTq2

➌ Freezeframe.js to skrypt, który zatrzymuje animowane gify i uruchamia je podczas najechania na nie kursorem czy kliknięcia.
http://bit.ly/1Xs7fwv

➍ Biblioteka efektownych animacji do wykorzystania dla przeróżnych elementów #html.
źródło: comment_tfffkn2bDIEBKRHoWDK6Ui7lcSQxIBqk.jpg
No to co? Kolejny wpis z cyklu #webstuff! Tym razem ciekawymi linkami podzielił się Mirek @TulipanowyPostumentMelodii

➊ Spora baza logo dostępnych w formatach SVG oraz PNG. Może posłużyć również jako źródło inspiracji. #design #grafika
http://instantlogosearch.com

➋ Generator kodu do centrowania w #css (horyzontalnie i wertykalnie)
http://howtocenterincss.com

➌ Świetne narzędzie do tworzenia palety kolorów jak i przeglądania gotowych, stworzonych przez użytkowników.
http://colorhunt.co

➍ Bardzo proste, ale jakże przydatne narzędzie służące do doboru
źródło: comment_Fmk6lu9GEDLACZSHmLcqY8oMMtSbL6Ou.jpg
➊ Ponad 800 filmów dostępnych za darmo dla web deweloperów, którzy chcą zdobyć nowe umiejętności. Od podstaw #html po Sketcha, Drupala, Wordpressa, Angulara itd!
http://bit.ly/1SMAmeO

➋ Shell dla Windowsa stworzony przez Polaków. Posiada menadżer pakietów, wiele funkcji znanych z linuksa, gita, #python, perla itd.
http://bit.ly/22dCOkk

➌ Kolejny polski projekt, tym razem od Anny Migas z Lunar Logic. Jest nim biblioteka lekkich i szybkich animacji. Animacje są skonstruowane w ten sposób, by
źródło: comment_R6skvmPne1cErHPwr8b6rUeWDblYSHex.gif
➊ Prywatny Netflix na własnym serwerze? Czemu nie!
http://bit.ly/1DMd434

➋ Świetne narzędzie do prototypowania aplikacji, zarówno desktopowych jak i webowych, a także mobilnych. Darmowy plan ogranicza liczbę projektów do trzech. #design #ui #webdesign
https://ninjamock.com

➌ Darmowy ebook, z którym zbudujecie sieć społecznościową podobną do Instagrama przy pomocy #ruby on Rails.
http://bit.ly/21G3ruv

➍ Placeholdery z kotami :D
http://placekitten.com

➎ Webowy framework dla #python, który #!$%@? się prostotą i szybkością.
http://weppy.org

➏ Kolekcja
źródło: comment_5UQZfUU8hSic16W0tNARFRGnx5aod9rh.jpg
➊ Wielka ściąga #html5 w PDF:
http://bit.ly/1Ice7Wy

➋ Efekt Parallaxy w czystym #css
http://bit.ly/1wMKDs3

➌ GrapesJS to darmowa aplikacja do designowania stron bez konieczności pisania kodu. Skierowana raczej dla początkujących.
http://grapesjs.com/

➍ Aplikacja przez przeglądarkę, która pozwala wspólnie ze znajomymi oglądać filmy zachowując przy tym synchronizację. Można wykorzystać do filmów z CDA.
http://sync-video.com/

➎ Animowany tygrys w SVG + CSS
http://bit.ly/1QGiwnZ

➏ Plugin jQuery, który przełącza styl nagłówka wraz z przewijaniem strony.
źródło: comment_0tBzRoJy5LcF2G7NaejSKk9stt2g4CR4.jpg
➊ Sprawdźcie 10 świetnych efektów najechania na obraz z ikonką.
http://bit.ly/1PHHTq1

➋ Artykuł, który pokazuje jak tworzyć responsywne maile bez używania media queries. Cała metoda opiera się na funkcji calc() oraz trzech atrybutach: width, min-width i max-width.
http://bit.ly/1Rwv729

➌ Z pozoru zwyczajny i oldschoolowy button, ale cóż - pozory mylą :)
http://bit.ly/1SLWMh2

➍ Latte to silnik szablonów dla #php, który znacznie przyspiesza pracę i chroni przed atakami XSS.
https://latte.nette.org/en/

➎ Plugin
źródło: comment_toxSdWufzO4niHksVcc9asSBdT4ODIYv.jpg