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

Pokaż całość

#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/24SnOV4Pokaż całość

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 ofPokaż całość

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łaniaPokaż całość

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ćPokaż całość

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 #Pokaż całość

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

➎ DarmowePokaż całość

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óryPokaż całość

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 tegoPokaż całość

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 programmingPokaż całość

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.Pokaż całość

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 doboruPokaż całość

➊ 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, byPokaż całość

➊ 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

➏ KolekcjaPokaż całość

➊ 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.Pokaż całość

➊ 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/

➎ PluginPokaż całość

➊ 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 #Pokaż całość

➊ 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.ioPokaż całość

➊ 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 ( ͡° ͜ʖ ͡Pokaż całość

#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ćPokaż całość