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
Pobierz klocus - Dzień dobry, #webstuff! - Zapraszam do obserwacji, jeżeli chcecie być na bie...
ź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
Pobierz klocus - #webstuff - Zapraszam do obserwacji, jeżeli chcecie być na bieżąco.

➊ 26 ...
ź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
Pobierz klocus - No elo #webstuff! Zapraszam do obserwacji, jeżeli chcecie być na bieżąco.

...
ź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
Pobierz klocus - Hello #webstuff! Zapraszam do obserwacji, jeżeli chcesz być na bieżąco.

➊...
ź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ć
Pobierz klocus - Kolejny tydzień, zatem kolejny wpis z cyklu #webstuff!
Zapraszam do obserwa...
ź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 #
Pobierz klocus - Hej #webstuff! Zapraszam do obserwacji, jeżeli chcecie być na bieżąco :)

...
ź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
Pobierz klocus - Cześć #webstuff! Zapraszam do obserwacji, jeżeli chcecie być na bieżąco :)
...
ź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
Pobierz klocus - Hello #webstuff! Zapraszam do obserwacji, jeżeli chcesz być na bieżąco :)

...
ź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
Pobierz klocus - Dzień dobry #webstuff! Zapraszam do obserwacji, jeżeli chcesz być na bieżąco...
ź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
Pobierz klocus - Witam ponownie pod tagiem #webstuff! Zapraszam do obserwacji, jeżeli chcesz ...
ź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.
Pobierz klocus - Witam po świętach we wpisie z cyklu #webstuff! Zapraszam do obserwacji, jeże...
ź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
Pobierz klocus - No to co? Kolejny wpis z cyklu #webstuff! Tym razem ciekawymi linkami podzie...
ź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
Pobierz klocus - ➊ Ponad 800 filmów dostępnych za darmo dla web deweloperów, którzy chcą zdob...
ź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
Pobierz klocus - ➊ Prywatny Netflix na własnym serwerze? Czemu nie!
http://bit.ly/1DMd434

...
ź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.
Pobierz klocus - ➊ Wielka ściąga #HTML5 w PDF: 
http://bit.ly/1Ice7Wy

➋ Efekt Parallaxy w...
ź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
Pobierz klocus - ➊ Sprawdźcie 10 świetnych efektów najechania na obraz z ikonką.
http://bit....
źródło: comment_toxSdWufzO4niHksVcc9asSBdT4ODIYv.jpg
➊ Niewielki, ale za to jaki przydatny plugin #jquery! .customSelect() pozwoli zrobić z rozwijanymi listami to co w czystym #css trudno osiągnąć (choć nie jest to niemożliwe), czyli ostylować ich wygląd.
http://bit.ly/242hM6F

➋ Open Source-owa "szkoła" nauki #php. I to w dodatku w terminalu.
http://www.phpschool.io

➌ "Silnik" #javascript efektu Parallax, który na urządzeniach mobilnych wykorzystuje żyroskop i dopasowuje się w zależności od orientacji urządzenia.
http://bit.ly/OvVPdz

➍ Googl-Library-PHP - klasa #
Pobierz klocus - ➊ Niewielki, ale za to jaki przydatny plugin #jQuery! .customSelect() pozwol...
źródło: comment_GIToNjmh9poaYMvONNwZSKKILVS4khju.jpg
➊ Ciekawe narzędzie do wyceny aplikacji internetowej bądź mobilnej. Pozwala samemu ustalić koszt pracy każdego dnia i długość realizacji poszczególnych elementów. Niestety jedyną walutą jest USD.
https://estimatemyapp.com/

➋ Open sourceowy #cms, który jest intuicyjny, modułowy i elastyczny. Oparty jest na komponentach Symfony, Vue.js i wielu innych. Panel przypomina aplikacje Google, gdyż wykorzystuje material design.
https://pagekit.com

➌ Bardzo mały i lekki framework ‪#‎CSS‬. Spakowany waży zaledwie 2kb! Idealny do mniejszych projektów!
http://milligram.github.io
klocus - ➊ Ciekawe narzędzie do wyceny aplikacji internetowej bądź mobilnej. Pozwala ...
➊ Plugin #jquery, który pozwala utworzyć efektowne tooltipy. Posiada tak wiele ustawień, że na pewno skonfigurujecie go pod siebie.
http://protip.rocks

➋ Tridiv jest przeglądarkowym edytorem do tworzenia obiektów 3D w #css
http://tridiv.com

➌ SkyBlue to lekki i prosty framework #css. Idealny do mniejszych projektów.
http://bit.ly/1P5PBPN

➍ Dla początkujących w JS: VanillaJS jest szybkim, lekkim i wieloplatformowym frameworkiem do tworzenia niezwykłych i potężnych aplikacji #javascript ( ͡° ͜ʖ ͡
Pobierz klocus - ➊ Plugin #jQuery, który pozwala utworzyć efektowne tooltipy. Posiada tak wie...
źródło: comment_5joZEX2TIqUCOjyuM2awmGWi2f5tJy7z.jpg
#webdev #php #js #css #cebuladeals

Hej, web devy!

Pewnie nie każdy zdaje sobie sprawę z tego, że istnieje świetne i lekkie IDE dla PHP. Co prawda nie wygląda oszałamiająco, twórcy ewidentnie nie mają poczucia dobrego designu, ale bardzo dobrze się w nim pracuje!

Posiada wbudowany debugger PHP, walidator kodu w czasie rzeczywistym czy podgląd koloru / obrazu w tooltipie po najechaniu kursorem na fragment kodu. Edytor wspiera gita, SASS oraz LESS. Dosyć