Dodany: 2017-02-13 16:02:41 | Ostatnio wołany: 2017-02-13 16:04:10



Cześć! Zapraszam do zapoznania się z kolejnym #webstuff-em!

Swoją drogą któryś z czytelników zajął mi domenę webstuff przede mną :(


❶ Lista przydatnych aplikacji przez przeglądarkę, które nie wymagają logowania.
http://bit.ly/2jRU1yD

❷ Prosty generator favicona, w którym można określić czcionkę, kolor tła i zaokrąglenie.
https://favicon.io

❸ PHPStan: Znajdź błędy w kodzie bez pisania testów. #php
http://bit.ly/2jSeJvD

❹ Darmowe kursy Git, #html, #css, #javascript i #python.
https://www.rithmschool.com/courses

❺ 20 świetnych porad CSS!
http://bit.ly/2kn4djt

❻ Jak działa flexbox CSS? Wyjaśnienie na podstawie animowanych gifów.
http://bit.ly/2kA1ItV

❼ Dwa skrypty, jeden w JavaScript, drugi w PHP, które odświeżają stronę po znalezieniu zmian w plikach źródłowych projektu. Bardzo przydatna rzecz podczas tworzenia stron.
http://bit.ly/2l3JRtl

❽ Przewodnik po PostCSS, czyli narzędziu do transformacji #css. Posiada on wiele przydatnych pluginów, m.in. autoprefixer, precss czy cssnext, który pozwala na stosowanie przyszłej składni CSS już dziś.
http://bit.ly/2l4fm6k

❾ Ktoś z Waszych znajomych dopiero zaczyna przygodę z HTML i CSS? Koniecznie podrzućcie mu książkę "HTML & CSS Is Hard (but it doesn’t have to be)". Jest ona dostępna za darmo w postaci strony internetowej.
http://bit.ly/2kDH1gt

❿ Lista książek polecanych na StackOverflow.
http://www.dev-books.com

⓫ How to Create Direction-Aware CSS-Only Hover Effects.
http://bit.ly/2kjEARx

⓬ Potężna lista darmowych książek, przewodników, tutoriali programistycznych dla różnych języków.
http://bit.ly/1fDwBCX

⓭ Offliberty pozwala pobrać media z serwisów YouTube, SoundCloud oraz bandcamp przy pomocy terminala.
http://bit.ly/2kKXsHG

⓮ Personal static website generator using GitHub Flavored Markdown, Twig and Git.
http://bit.ly/2lIeN2A

⓯ Darmowe książki JavaScript.
http://jsbooks.revolunet.com

⓰ Przewodnik po testowaniu web aplikacji w wielu przeglądarkach.
http://bit.ly/2l0aujc

⓱ 15 ciekawych bibliotek JS i CSS na luty.
http://bit.ly/2koH3Fi

⓲ 20 przydatnych bibliotek PHP.
http://bit.ly/2kcqtdl

⓳ Biblioteka JavaScript, która porusza elementy strony w rytm muzyki! :D
http://bit.ly/2kjFBc7

⓴ An alternative Redis session handler for PHP featuring per-session locking and session fixation protection.
http://bit.ly/2l05JWz

➡ Grafika / #webdesign
❶ Nowa produkcja od Netflixa dla wszystkich projektantów, grafików i ludzi zajaranych designem. Zobaczcie zwiastun "Abstract: Sztuka Designu"!
https://youtu.be/DYaq2sWTWAA

❷ 2017 #design Trends Guide
http://bit.ly/2kYB13d

❸ 2105 darmowych ikon do wykorzysta również jako web-font.
http://icofont.com

➡ Inspiracje
❶ Ciekawe animacje i obrazy zbudowane przy pomocy trójkątów.
http://www.facesofpower.net

❷ Voxel Designing Tool built on top of CSS transformations.
http://bit.ly/2koGZFD

❸ Koncept bardziej przyjaznej rezerwacji terminu na stronie.
http://bit.ly/2kL7hWc

➡ Nowości
❶ Na GitHubie nadchodzą „potężne” zmiany w designie strony! Zmieniono navbar na ciemny. Podobno zmiany planowano rok i zrobiono to przy pomocy jednej linijki kodu ( ͡° ͜ʖ ͡°)
http://bit.ly/2l04pTQ

❷ PHP 7.2: The First Programming Language to Add Modern Cryptography to its Standard Library.
http://bit.ly/2lbGDX3

❸ JavaScript Will Finally Get Proper Asynchronous Programming.
http://bit.ly/2lHW9Ym

➡ #ciekawostki
❶ W 2014 roku zmarła córka Erica Meyera, który znany jest ze swej pracy na rzecz Web Standardów, a w szczególności #css. World Wide Web Consortium (W3C) w ramach pamięci o jego córce, zdefiniowało słowo "rebeccapurple" jako kolor #663399 w CSS Color Level 4.
http://bit.ly/1ruq5DM

➡ Fanpage
Każdego kto chce być na bieżąco zapraszam na https://www.facebook.com/sruupl/

➡ #humorinformatykow
Co robi debugger?

Przejdź do wpisu

Dodany: 2017-01-31 15:41:39 | Ostatnio wołany: 2017-01-31 15:45:20



Witam po sesji i zapraszam do kolejnego wpisu z cyklu #webstuff!

❶ 100 najbardziej lubianych projektów na CodePen w 2016 roku.
http://bit.ly/2ishkOH

❷ Cudo w czystym #css i #html (mapa do gry typu FPS).
http://bit.ly/2j8sEyb

❸ Prosta wiki dla małych zespołów wykonana w Node.js oraz React.
http://matterwiki.com

❹ Budowa responsywnych maili przy pomocy MJML.
http://bit.ly/2j0nFmg

❺ 53 elementy, które powinna zawierać strona firmowa.
http://bit.ly/2k3wF71

❻ Jak korzystać z JSON przy pomocy #php lub #javascript?
http://bit.ly/2jbT6Zg

❼ Vue + Vuex - jak zacząć?
http://bit.ly/2kdAgiY

❽ Mockup generator dla macOS, czyli aplikacja, która wykonuje zrzut ekranu wprowadzonej strony i generuje mockup w wybranym urządzeniu.
http://bit.ly/2kdCuix

❾ A tiny requestAnimationFrame powered 60+fps lightweight parallax tilt effect for jQuery.
http://bit.ly/2kx81vH

❿ Praktyczne porady i wskazówki w typografii.
http://bit.ly/2jrLQpb

⓫ 1kb JavaScript library for building modern UI applications.
http://bit.ly/2k8CY9R

⓬ 2017 Frontend Developer Handbook, czyli wiele przydatnych porad, wskazówek, kursów i narzędzi.
http://bit.ly/2kcpMkp

⓭ Edytor markdown dla Linux w #python.
http://bit.ly/2jR7Drh

⓮ Generator artystycznego kodu QR na podstawie pliku graficznego.
http://bit.ly/2kcE04Q

⓯ OAuth2 and OpenID Connect Framework Library for PHP.
http://bit.ly/2jQfNTc

⓰ npm dla początkujących: przewodnik dla front-endowców.
http://bit.ly/2kcARlw

⓱ Narzędzie napisane w React, które służy do obliczania rocznego dochodu w mieście, do którego chcemy się przeprowadzić, by utrzymać aktualny poziom życia.
https://www.citii.io

⓲ Flexbox Cheatsheet.
http://bit.ly/2kLFsuU

⓳ Sensowne przestrzenie nazw w PHP.
http://bit.ly/2kQarVV

⓴ A user-friendly replacement for select boxes with multiple attribute enabled.
http://bit.ly/2kcHBzA

➡ Grafika / #webdesign
❶ Historia teorii kolorów.
http://bit.ly/2jF5zD8

❷ Kilka praktycznych wskazówek i narzędzi, które pomogą we właściwym korzystaniu z kolorów.
http://bit.ly/2jqbIVL

❸ Krótki przewodnik po Mixer Brush Tool w #photoshop.
https://www.youtube.com/watch?v=df5iF12V1w0

❹ Niedoceniona moc kolorów w aplikacjach mobilnych.
http://bit.ly/2jiaad1

➡ Inspiracje
❶ Świetne logo galanterii skórzanej "Wild Hide".
https://imgur.com/a/mHkuD

❷ Miła dla oka animacja podczas scrollowania :)
http://www.firewatchgame.com

❸ Kalendarz na rok 2017 inspirowany kolorami natury.
http://ansarimofid.in/calendar-2017/

❹ Mac Plus w CSS.
https://cssanimation.rocks/macplus/

❺ Lista kreatywnych stron portfolio.
http://bit.ly/2kLIXl0

❻ Animacja przerzutnika.
http://imgur.com/a/8gcK4

➡ Nowości
❶ WebAssembly będzie domyślnie włączony w Chrome 57. WASM to eksperymentalny i wydajny język niskiego poziomu dla przeglądarek, który tak jak JavaScript, jest wykonywany po stronie klienta, ale znacznie szybciej.
http://bit.ly/2j0xHDY

❷ Czyżby wkrótce miałby nastać zmierzch clearfixu w CSS? Sprawdźcie flow-root!
http://bit.ly/2ktxQ2Z

❸ CSS Grid nadchodzi! Już wkrótce będzie wspierany przez Firefox, Chrome i Operę. Później pozostaje nam czekać na kolejne przeglądarki ;) Czym jest CSS Grid Layout przeczytacie tutaj: http://bit.ly/1UM0gSd zaś o przeglądarkach obsługujących tutaj: http://bit.ly/2iMDlIW

❹ Od 13 lutego, Gmail będzie blokował w załącznikach pliki *.js.
http://bit.ly/2kcmMV3

➡ #ciekawostki
❶ Modelka i Miss Universe z Indonezji jest absolwentką kierunku informatycznego i programistką PHP. Programowałbym z taką :>
http://bit.ly/2jyOSIj

❷ Erotyka w znakach ASCII [+18] #nsfw #ladnapani
http://bit.ly/2jzYse7

➡ Fanpage
Każdego kto chce być na bieżąco zapraszam na https://www.facebook.com/sruupl/

➡ #humorinformatykow
Życie programisty.

Przejdź do wpisu

Dodany: 2016-12-23 15:15:39 | Ostatnio wołany: 2016-12-23 15:21:20



Hoł, hoł, hoł! Zapraszam wszystkich grzecznych Mirków i Mirableki do wpisu #webstuff!

⓿ 30 rzeczy w 30 dni przy pomocy 30 tutoriali w #javascript.
https://javascript30.com

❶ Framework #css, który posiada mnóstwo modułów i komponentów, dzięki którym podczas projektowania możemy ograniczyć się do pisania odpowiednich klas przy elementach HTML.
http://tachyons.io

❷ Kolorowa choinka w SCSS.
http://bit.ly/2hIdQV2

❸ Artykuł o tym jak stworzyć przemyślaną architekturę CSS, by później rozbudowa i praca była łatwiejsza.
http://bit.ly/2dyud7x

❹ Biała i czarna lista ładowarek. Może Wasza jest na liście?
http://bit.ly/2h4QJEf

❺ Kolory popularnych sieci społecznościowych.
http://imgur.com/a/SpP5P

❻ Skrypt JS, który sprawia, że boksy wyglądają jak ułożone karty, które można zamieniać kolejnością.
http://bit.ly/2gUjWB0

❼ Generator odpowiedzi na maile potencjalnych "klientów".
http://bit.ly/2hELDBN

❽ Czy z bezpieczeństwem w #wordpress jest naprawdę źle?
http://bit.ly/2gDYe41

❾ Sekundnik w czystym CSS.
http://bit.ly/2hdfssr

❿ Framework CSS, który jest mały, lekki, prosty i bez zbędnych właściwości stylizujących elementy HTML. Czasem nic więcej nie potrzeba.
http://bit.ly/2hZskn3

⓫ Angular 2 vs React: The Ultimate Dance Off
http://bit.ly/2hPwg9w

⓬ Budowa aplikacji na OS X w JavaScript.
http://bit.ly/2inlWmv

⓭ React czy Vue: czego powinienem użyć?
http://bit.ly/2inkYGw

⓮ Skracanie linków przy użyciu ikon emoji.
https://xn--dk8h6i.ws/

⓯ Wprowadzenie do React.js dla ludzi, którzy ogarniają jQuery.
http://bit.ly/1HQmkTE

⓰ 20 lat CSS na osi czasu.
https://www.w3.org/Style/CSS20/

⓱ Spora lista ciekawych i otwartych projektów w różnych językach programowania.
http://bit.ly/2hyA38j

⓲ Edytor markdown w przeglądarce. Umożliwia synchronizację z naszą chmurą, eksport do kilku formatów, wstawianie wyrażeń matematycznych czy tworzenie diagramów UML.
https://stackedit.io/

⓳ Infografika porównująca PHP5 i PHP7, a także prognozująca trendy związane z tym językiem w przyszłym roku. #php
http://imgur.com/a/INt3K

⓴ Aplikacja webowa napisana w Node.js, która służy do pisania i wykonywania zapytań SQL oraz do wizualizacji wyników. Obsługuje Postgres, MySQL, SQL Server, Crate, Vertica i Presto.
http://bit.ly/2g4Y6P7

➡ Grafika / #webdesign
⓿ Krótki przewodnik po organizacji pracy podczas projektowania #ui.
http://bit.ly/2hytPp4

❶ Przewodnik po typografii w formie PDF.
http://bit.ly/2ikj4KZ

❷ Prosta gra, która polega na odgadnięciu fontu
http://bit.ly/2i5LmEO.

➡ Inspiracje
⓿ Proste, lecz bardzo kreatywne logo pewnej restauracji.
http://imgur.com/a/fRNgc

❶ Animacja w CSS i JS jak z horroru.
http://bit.ly/1zGCxlE

❷ Świetnie i ciekawie wykorzystany Instagram w celach promocyjnych nowego serialu od Netflixa pt. "The OA".
https://www.instagram.com/the_oa/

❸ Najlepsze plakaty filmowe roku 2016
http://imgur.com/a/avI6I

❹ Otwierana kartka świąteczna w CSS.
http://bit.ly/2hMiNzw

➡ Nowości
⓿ Adobe XD (Experience Design) w wersji beta dostępne za darmo na Windows.
https://adobe.ly/1V6lloL

❶ Można już pisać apki na Microsoft HoloLens w JavaScript.
http://bit.ly/2hPk7C7

❷ System siatki i komponenty nowego #bootstrap 4 są budowane w oparciu o flexbox!
http://bit.ly/2i1PmHk

➡ #ciekawostki
Zauważyliście, że w Polsce większość wizytówek posiada "zły" rozmiar? Ich szerokość jest zazwyczaj większa niż szerokość kieszonek w portfelach, czyli są w rozmiarze 90 mm × 50 mm. Taki wymiar jest standardem również w następujących krajach: Białoruś, Czechy, Kazachstan, Mołdawia, Rosja, Słowacja, Węgry.
Rzadko kto jednak wie, że międzynarodowy standard wymiarowy wynosi 85,60 mm × 53,98 mm, czyli tyle ile karta kredytowa, która bez problemu mieści się w naszych portfelach ;)
Przy zamawianiu lub projektowaniu wizytówek, weźcie to pod uwagę. Ułatwicie w ten sposób ich zachowanie Waszym klientom i partnerom biznesowym.

➡ Fanpage
Każdego kto chce być na bieżąco zapraszam na https://www.facebook.com/sruupl/

➡ #humorinformatykow
Jednocześnie trochę #truestory.

Przejdź do wpisu

Dodany: 2016-11-29 18:19:43 | Ostatnio wołany: 2016-11-29 18:21:00



Witam po przerwie i zapraszam do kolejnego wpisu z cyklu #webstuff!

⓿ Najpopularniejsze właściwości #css zobrazowane grafiką oraz animacją.
http://cssreference.io

❶ Z cyklu #gimbynieznajo i #nostalgia: pamiętacie wymienione rzeczy? :D
http://bit.ly/2aCMT4Q

❷ Wszystkie książki o #javascript dr Axela Rauschmayera za darmo!
http://exploringjs.com

❸ Proste narzędzie, które potrafi ukryć wiadomość w emoji.
http://andri.io/emojicipher

❹ Framework JS, który jest szybki jak vanilla JavaScript? Dlaczego nie? Svelte to zupełnie nowy "framework bez frameworka", który prezentuje ciekawą ideę.
http://bit.ly/2fYRnCz

❺ Inferno to szybka i lekka (7kb) biblioteka JS do budowy interfejsu użytkownika podobna do React.
http://bit.ly/1K08LEu

❻ Gitless to eksperymentalny system kontroli wersji zbudowany na bazie Gita, ale z tą różnicą, że jest prostszy w użyciu.
http://gitless.com

❼ Biblioteka #php do budowy własnych botów na komunikatory Messenger, Slack i Telegram.
http://bit.ly/2gSjCar

❽ Jak z gracją obsłużyć wyjątki w PHP?
http://bit.ly/2gSjdo9

❾ Od zera do kodera: Jak ogarnąć JavaScript?
http://bit.ly/2fVobNF

❿ Czym są progresywne aplikacje internetowe?
http://bit.ly/2fInWnf

⓫ Ciekawy artykuł o tym, dlaczego praca jako front-endowiec jest dziś tak męcząca i jak sobie z tym radzić, by się nie wypalić.
http://bit.ly/2fkDkqx

⓬ Jak w poprawny sposób ustalić punkty przerwania (breakpoints) w CSS?
http://bit.ly/2gg6gTZ

⓭ Jak wygrywać w benchmarkach frameworków JS i dlaczego nie należy traktować ich poważnie?
http://bit.ly/2fyEH9g

⓮ 4-bitowy kalkulator oparty na bramkach logicznych i… kartonie.
http://bit.ly/2eZO3L5

⓯ Hakowanie prawie 27% stron internetowych przez auto-aktualizację #wordpress.
http://bit.ly/2fph2n0

⓰ Lista przydatnych wyrażeń regularnych w JS.
http://bit.ly/2gFKwPA

⓱ Darmowy kurs w formie wideo z fundamentalną wiedzą o Vue.js
http://bit.ly/2g2psBO

⓲ Budowa gry Pacman w oparciu o Ember.js i Canvas. #gamedev
http://bit.ly/2fIpiOZ

⓳ Jak nauczyć się React i Redux?
http://bit.ly/2gFO5VY

⓴ Bardzo lekki plugin jQuery służący do walidacji danych z formularzy.
http://bit.ly/2g2stC2

➡ Grafika / #webdesign
⓿ Setki darmowych ikon w edytowalnych rozszerzeniach, które z powodzeniem można używać w komercyjnych projektach.
http://iconmonstr.com

❶ Wideo przedstawiające krok po kroku jak stworzyć film z efektem „Kinetic Typography” w Adobe After Effect.
https://youtu.be/Ju7bKLm4kFQ

❷ Darmowy font do użytku domowego i komercyjnego o nazwie „Vintage Numeral”.
http://bit.ly/2fwZOpl

➡ Inspiracje
⓿ Animowany nietoperz w CSS przy użyciu jednego diva.
http://bit.ly/2gCyuZF

❶ Efekty na obrazach jak z Photoshopa w CSS.
http://bit.ly/2gCC71L

❷ Kilka ciekawych animacji ładowania w CSS.
http://bit.ly/2g2qOww

❸ Świetnie wykonany efekt Parallax.
http://whois.wildlife.la

❹ Ciekawe efekty hover.
http://bit.ly/2gGYcgh

➡ Nowości
⓿ Space Mono, czyli nowa czcionka w Google Fonts.
http://bit.ly/2gwgWvZ

❶ Co nowego w #php 7.1.0?
http://bit.ly/2fBskbf

❷ Lista funkcji w PHP 7.2.0, które zostaną „potępione” :P
http://bit.ly/2g2j9xW

❸ Co nowego w PhpStorm 2016.3?
http://bit.ly/1KSRx9J

➡ #ciekawostki
Wpiszcie sobie w Google "blink html" (⌐ ͡■ ͜ʖ ͡■)

➡ Fanpage
Każdego kto chce być na bieżąco zapraszam na https://www.facebook.com/sruupl/

➡ #humorinformatykow
Taki starter pack, a jak sprawdzałem grupę tegorocznych pierwszaków, to mieli problem ze zrozumieniem szyfru Cezara ( ͡° ͜ʖ ͡°)

Przejdź do wpisu

Dodany: 2016-11-12 19:15:27 | Ostatnio wołany: 2016-11-12 19:19:56


Cześć! Zapraszam do kolejnego wpisu z cyklu #webstuff!

⓿ W pełni darmowy plugin do Wordpressa, który znacznie ułatwia budowę strony poprzez przeciąganie gotowych elementów w wybrane miejsca szablonu.
http://gettailor.com

❶ Aplikacja przez przeglądarkę, która umożliwia wykonywanie zapytań #sql i przedstawienie wizualizacji wyników.
http://bit.ly/2fL4RVF

❷ 8 prostych zasad solidnej i skalowalnej architektury #css.
http://bit.ly/2eSdMmZ

❸ Czym są generatory w #php i jak z nich korzystać?
http://bit.ly/2g05IDw

❹ SB jest środowiskiem dla web deweloperów, które pozwala w łatwy i interaktywny sposób tworzyć cały zestaw komponentów UI w oparciu o dowolny framework CSS.
http://bit.ly/2ftRx5k

❺ Plan, który krok po kroku wyjaśnia jak odnaleźć się w dość skomplikowany ekosystemie #javascript.
http://bit.ly/2eNKrqy

❻ Co to Abstract Syntax Tree w PHP 7 i jak z tego korzystać?
http://bit.ly/2f3QlIw

❼ Jak przeprowadzić refaktoryzację kodu przy użyciu PhpStorm?
http://bit.ly/2f32EBi

❽ Artykuł o tym jak prawidłowo projektować walidację formularzy na stronach.
http://bit.ly/2eSm7Hl

❾ Biblioteka JavaScript do renderowania zapisu notacji muzycznej lub tabulatory gitarowej.
http://www.vexflow.com

❿ 10 zasad tworzenia płynnych animacji webowych.
http://bit.ly/2f3ao6k

⓫ Pewien użytkownik, Sergei Garcia, przedstawia swoją ścieżkę dwuletniej nauki do bycia web deweloperem.
http://bit.ly/2fmhnuf

⓬ 8 filarów nowoczesnego web developmentu, czyli dlaczego budowa prostej strony jest bardziej skomplikowana niż wielu myśli.
http://bit.ly/1GbUOfn

⓭ Animacja Nyan cata na touchbar nowego MacBooka Pro od #apple
http://bit.ly/2eqimFG

⓮ Budowa RESTful API przy pomocy Node i TypeScript.
http://bit.ly/2f3aF9B

⓯ Dlaczego warto dodać opcję pokazania i ukrycia swojego hasła podczas logowania / rejestracji na stronie + prosty przykład.
http://bit.ly/2eNsA4L

⓰ Testowanie aplikacji napędzanych frameworkiem React pod względem SEO korzystając z Google Search Console i funkcji Fetch as Google.
http://bit.ly/2fLY5iA

⓱ Flagi w czystym CSS.
http://bit.ly/2fmmSJu

⓲ Kurs podstaw Angular 2 w formie wideo.
http://bit.ly/2fu5S1s

⓳ 15 interesujących bibliotek JavaScript i CSS na listopad. Link od Mireczka @morswin28.
http://bit.ly/2fmpEy9

⓴ Sztuka debugowania w narzędziach dewelopera Google Chrome. [wideo]
https://youtu.be/HF1luRD4Qmk

➡ Grafika / #webdesign
⓿ Co każdy powinien wiedzieć o procesie, który stoi za projektem aplikacji?
http://bit.ly/2eEXuxT

❶ Takiej strony 404 chyba jeszcze nie widzieliście :D
https://www.bloomberg.com/views/

❷ Dlaczego designerzy powinni znać się na typografii?
http://bit.ly/2g0Ce8l

❸ Lista nowości w niedawno wydanym Adobe #photoshop 2017.
http://adobe.ly/1cYy3mx

➡ Inspiracje
⓿ Bardzo efektowne przejście pomiędzy dwoma obrazami.
http://bit.ly/2eM46dV

❶ Ciekawy zegar w CSS i szczyptą JS.
http://bit.ly/2fmbDk1

❷ 7 koncepcji ciekawych interfejsów aplikacji mobilnych i ich implementacja.
http://bit.ly/2g0phLB

➡ Nowości
⓿ Niedawno ruszyła możliwość zostania beta testerem świetnej i taniej alternatywy dla Photoshopa na Windows, czyli Affinity Photo (wersja beta jest za darmo).
http://bit.ly/2fB3qa0

❶ Nowa wersja #batflat jest już gotowa do pobrania. Zostało wprowadzonych kilka poprawek ułatwiających pracę z tym CMS.
http://batflat.org

❷ Nowa implementacja Sass, która nosi nazwę „Dart Sass” jest już możliwa do pobrania w wersji alpha z oficjalnego repozytorium.
http://bit.ly/2e9u4UW

❸ Kolejna wersja (1.8) świetnego edytora Adobe Brackets jest już dostępna do pobrania.
http://bit.ly/2erVxGq

➡ Fanpage
Link z poprzednich zestawień możecie znaleźć również na https://www.facebook.com/sruupl/

➡ #humorinformatykow
⓿ Gra słów (a właściwie klas i właściwości) w CSS.
http://bit.ly/2errEWI

❶ Hitler i Bootstrap ( ͡° ͜ʖ ͡°) [wideo]
http://bit.ly/2g0uvY6

Wciąż mało? Zajrzyj do pierwszego komentarza z linkami od @codecalm.

PS. Zachęcam do podsyłania materiałów :)

Przejdź do wpisu

Dodany: 2016-10-30 15:22:34 | Ostatnio wołany: 2016-10-30 15:28:05



Dzień dobry, #webstuff!

Dzisiaj w ramach krótkiego wstępu opowiem jak to jest z szukaniem ciekawych linków do moich wpisów. Wiecie na jakie najczęściej poradniki natrafiam? "How to Download Code Editors Softwares", "Why HTML5 is better than HTML4" (serio, w 2016 roku ktoś takie coś pisze), "HTML & CSS Advanced Tutorials", a w nim wstawianie obrazków i tagów, "Czy gotowe szablony zabijają własny design?" (XD) i pełno płatnych treści, np. kursów.

⓿ Podział treści w #html5 - div, section czy article?
http://bit.ly/2ft3Sd2

❶ Vivus to lekka klasa w #javascript, która pozwala animować obiekty SVG.
http://bit.ly/1J2pFhv

❷ Przeciążanie nazwy funkcji (występowanie pod taką samą nazwą wielu funkcji różniących się zestawem argumentów) w #php.
http://bit.ly/2eWwomH

❸ Generowanie plików .gitignore dla prawie każdego języka.
http://bit.ly/2ft4jEb

❹ Prosty system siatki w #css z wykorzystaniem --zmiennych.
http://bit.ly/2eWuH8E

❺ Eksperymentalna i mała biblioteka JavaScript do dynamicznego pobierania innych bibliotek JS z jsdelivr CDN bazując jedynie na nazwie biblioteki.
http://bit.ly/2f5DgKM

❻ Historia frameworków PHP wg dat.
http://bit.ly/2ft697U

❼ Church to biblioteka napisana w #python do generowania danych wypełniających bazę danych.
http://bit.ly/2eaZqOg

❽ Najlepsza praktyka dla warunków if/else, np. podczas tworzenia lub aktualizowania jakiejś jednostki w PHP.
http://bit.ly/2ft7OKX

❾ Moim zdaniem świetny motyw dla Sublime Text w wersji 2 i 3. Prosty, czytelny i elegancki.
http://bit.ly/2eIX0qC

❿ Przewodnik dobrych praktyk w SASS.
http://bit.ly/2eb1hTm

⓫ Dlaczego warto poświęcić godzinę na automatyzację 10-sekundowego zadania?
http://bit.ly/2dSGgOP

⓬ O tym dlaczego React nie jest Open Source, choć Facebook tak o nim mówi.
http://bit.ly/2e5wQQW

⓭ Przewodnik po dobrych praktykach w CSS.
http://cssguidelin.es

⓮ Czy to koniec wzorca MVC na front endzie?
http://bit.ly/2eJ432L

⓯ SWeb Bloat Score Calculator to narzędzie, które wylicza współczynnik całkowitego rozmiaru strony do skompresowanego screenshota. Im większy współczynnik WebBS, tym strona jest zbyt bardzo przeładowana względem swojej graficznej reprezentacji.
http://www.webbloatscore.com

⓰ TestCafe to projekt napisany w node.js, który służy do testowania webowych aplikacji. Dba o wszystkie etapy: uruchomienie przeglądarek, prowadzenie testów, gromadzenie wyników badań oraz generowanie raportów.
http://bit.ly/2fthR2y

⓱ Mała konsola do gier oparta na #arduino i interpreterze Brainduino.
http://bit.ly/2e1iivE

⓲ Devilbox jest nowoczesną i wysoce konfiguralną alternatywą dla XAMPP. Bazuje na docker-compose z konfiguracją dla wszystkich webserwerów, serwów baz danych i PHP.
http://bit.ly/2f5Wct9

⓳ Conductor to aplikacja, zamiast konsoli, zepewnia interfejs użytkownika do tworzenia i zarządzania aplikacjami PHP poprzez Composer.
http://bit.ly/2eoaipT

⓴ Krótkie wprowadzenie do maszynowego uczenia się z przykładami w PHP.
http://bit.ly/2eJaZwS

➡ Grafika / #webdesign
⓿ Korzystanie z Adobe XD w komercyjnych projektach.
http://bit.ly/2eIRjJr

❶ Tutorial pokazujący jak poradzić sobie z wycinaniem, np. włosów ze zdjęcia.
https://youtu.be/soJdXsFx8V8

❷ 7 zasad tworzenia dobrego interfejsu użytkownika.
http://bit.ly/2eIUj8y

➡ Inspiracje
⓿ Animowany pies z piłką w CSS.
http://bit.ly/2eobRHz

❶ Nintendo Switch w CSS.
http://bit.ly/2fjPpRj

❷ Kolejne Nintendo Switch w CSS, ale tym razem animowane i w stylu flat.
http://bit.ly/2f2mLAu

➡ Nowości
⓿ Już 9 listopada kolejny WordUp w Poznaniu. Tym razem poruszone będą nieco bardziej zaawansowane tematy, które z pewnością zainteresują wszystkich programistów i inne osoby zawodowo zajmujące się WordPressem. To też okazja do spotkania się :)
http://bit.ly/2e1jUpl

❶ Od 21 listopada 2016 rusza sprzedaż domen z końcówką .BLOG.

❷ Google Doodle na Halloween to mała gra, w której kotem czarodziejem pokonujemy duchy.

➡ #ciekawostki
⓿ Twórcy gry "Battlefield 1" zastosowali font z 1927 roku o nazwie "Futura", który służył ludziom z przeszłości do tworzenia futurystycznych tekstów. Można zatem powiedzieć, że popełnili drobne faux pas :)

➡ Fanpage
Link z poprzednich zestawień możecie znaleźć na https://www.facebook.com/sruupl/

**➡ #humorinformatykow **
GitHub Halloween.

Przejdź do wpisu

Dodany: 2016-10-23 11:39:59 | Ostatnio wołany: 2016-10-23 11:43:35



Cześć, #webstuff! Dziś znacznie obszerniejsze wydanie wpisu! Znajdziecie tutaj linki, które dopiero pojawią się na FP :)
#webdev #programowanie

⓿ Konwersja dowolnego pliku graficznego na ASCII Art w #php.
http://bit.ly/2dJKmXA

❶ MultiHack to edytor napisany w #javascript, który pozwala na kolaborację w czasie rzeczywistym, jest dostępny przez przeglądarkę oraz posiada funkcję rozmowy głosowej.
http://bit.ly/2euk7mq

❷ Dontbug to debugger do PHP, który pozwala na Reverse Debugging.
http://bit.ly/2eEqcvV

❸ 9 rzadko wykorzystywanych funkcji CSS.
http://bit.ly/2dwJBCI

❹ 35 narzędzi online, które ułatwiają pracę web designerom.
http://bit.ly/2eT8r10

❺ Niedawno pojawiła się beta klienta Gita o nazwie Tower na system Windows. Wcześniej był dostępny jedynie na OS X.
http://bit.ly/2eiAcQK

❻ Prosty sposób na responsywne tabele w #css.
http://bit.ly/2ev6ary

❼ Super lekki responsywny framework siatki CSS korzystający z flexbox. Waży tylko 93 bajty!
http://bit.ly/2cWTKs8

❽ TetrOS to gra Tetris napisana w Assemblerze, która jest jednocześnie swego rodzaju systemem operacyjnym. Można ją z powodzeniem bootować podczas uruchamiania komputera.
http://bit.ly/2dmyw5N

❾ Dlaczego @supports w CSS jest takie fajne i jak z niego korzystać?
http://bit.ly/2e9BKbD

❿ Chcecie zwalidować lub "upiększyć" format JSON? Wyszukiwarka DuckDuckGo posiada do tego specjalne narzędzie.
http://bit.ly/2dykICP

⓫ Plugin #jquery, który pozwala animować tekst wewnątrz tagu oraz favicon.
http://mft.musings.it/

⓬ Narzędzie, które wyświetli ostrzeżenia i sugestie dotyczące skryptów bash/sh.
http://www.shellcheck.net/

⓭ Poradnik o szukaniu swojej pierwszej pracy w zawodzie programisty.
http://bit.ly/2ehBbhc

⓮ Lista zasobów wspomagających pracę z Sass / SCSS.
http://bit.ly/2ehG7SS

⓯ Szybki i nowoczesny generator statycznych stron napisany w GoLang.
http://gohugo.io

⓰ Jak rozdzielić obramowanie innym obiektem w CSS?
http://bit.ly/2eTeMcM

⓱ Liniowe wskaźniki ładowania niezależne od użytego fontu w CSS.
http://tawian.io/text-spinners/

⓲ Dlaczego tworzenie w JavaScript i ogólnie cały Web Development jest taki skomplikowany?
http://bit.ly/2dJ6GQw

⓳ Flex-grow 9999 Hack
http://joren.co/flex-grow-9999-hack/

⓴ Wicie, że w CSS możecie zablokować interakcje z wybranymi elementami, np. z linkami? Właściwość "pointer-events" potrafi sprawić, że dla kursora dane elementy będą niewidoczne, a to sprawia, że nie pozwala nawet na odwołanie się do skryptu JS.
https://mzl.la/LLuPph

➡ Grafika / #webdesign
⓿ Darmowa nauka rysunku cyfrowego (digital painting).
http://www.ctrlpaint.com

❶ Rozmiar ma znaczenie: równoważenie wysokości linii i rozmiaru czcionki.
http://bit.ly/1NyMqZm

❷ Kolory używane przez największe serwisy w sieci.
http://bit.ly/2cbPZQE

➡ Inspiracje
⓿ Projekt wieloosobowej gry konsolowej w węża zbudowany przy użyciu PHP.
http://bit.ly/2dyWA2K

❶ Kilka pomysłów na nagłówki i teksty przy pomocy fontów z Google Fonts.
http://bit.ly/2eTgCtS

❷ Spadające "klocki" w czystym CSS :D
http://bit.ly/2eutmTJ

➡ Nowości
⓿ Mozilla udostępniła za darmo rozbudowaną wersję (4.2) fontu Fira Sans, który można było znaleźć w Firefox OS.
http://bit.ly/2f34Cp4

➡ Fanpage
Link z poprzednich zestawień możecie znaleźć na https://www.facebook.com/sruupl/

Btw. Czy znaleźliby się chętni do przetłumaczenia dokumentacji Batflata na język angielski? Chętnych zapraszam na PW.

➡ #humorinformatykow
Jak powinny wyglądać realistyczne seriale o programistach i hakierach? ( ͡° ͜ʖ ͡°)

Przejdź do wpisu

Dodany: 2016-10-19 11:48:43 | Ostatnio wołany: 2016-10-19 11:51:37



Hej, #webstuff! #webdev #programowanie

➊ Nauka Ember.js od zera. Wpis zawiera zbiór tutoriali, książek i innych zasobów dla początkujących.
http://ow.ly/4dTm304sBYT

➋ Prosta w wykonaniu animacja #css podkreślenia tekstu.
http://bit.ly/2cqM3Fu

➌ 31 sposobów na zmniejszenie czasu poświęcanego testowaniu aplikacji pomiędzy przeglądarkami.
http://ow.ly/iz2T304sCme

➍ Świetne wskazówki od doświadczonego programisty.
http://bit.ly/2dHghXb

➎ 10 użytecznych tipów do konsoli dewelopera w Google Chrome.
http://bit.ly/2dBql7X

➏ Open Source-owy projekt edytora Markdown w VueJS.
http://bit.ly/2dn0WLV

➐ 10 cennych uwag do tworzenia aplikacji internetowych.
http://bit.ly/2dHMqRW

➑ Konwersja różnych formatów graficznych na zoptymalizowany JPEG.
https://www.jpeg.io

➒ Nauka CSS flexbox w 3 minuty.
http://bit.ly/2cUkycs

➓ O żartach z "programistów" CSS i dlaczego są one najzwyczajniej głupie.
http://bit.ly/2dUw6tP

⓫ Ciekawe wyniki ankiet dotyczące front-endowych frameworków #javascript.
http://bit.ly/2dUvZOJ

⓬ Projekt, który pozwala na podszkolenie swoich umiejętności w różnych językach, m.in. w PHP, JS, TypeScript, Python, C# itd.
http://www.codewars.com

➡ Nowości
➊ Zend rozpoczął prace nad nowym silnikiem dla PHP, który prawdopodobnie pojawi się w ósmej wersji,
http://bit.ly/2ekgYdm

➡ Inspiracje i #grafika
➊ 20 zaburzeń psychicznych zobrazowanych przy pomocy typografii.
http://bit.ly/2dHQ12X

➋ Kolekcja wzorków jako SVG lub kod CSS.
http://www.heropatterns.com

➡ #humorinformatykow
Program, który wymaga węża do uruchomienia ( ͡° ͜ʖ ͡°)

Przejdź do wpisu

Dodany: 2016-10-09 11:38:32 | Ostatnio wołany: 2016-10-09 11:41:43



Cześć #webstuff-owicze! #webdev #programowanie

➊ Kilka kiepskich sytuacji z GITem i jak z nich wybrnąć.
http://ohshitgit.com

➋ Reframe.js to plugin #javascript, który sprawia, że takie obiekty jak iframe czy video stają się responsywne, zachowując swoje proporcje.
http://bit.ly/2cTwQ45

➌ Zestaw kilkunastu animacji ładowania.
- SCSS: http://bit.ly/2d2wlBU
- CSS: http://bit.ly/2ci5aBr

➍ 67 darmowych pluginów okienek modalnych w JS, jQuery lub CSS.
http://bit.ly/2cFdzp0

➎ Kilka przykładów sprytnego wykorzystania pseudo-klasy :target do ukrywania i pokazywania elementów strony.
http://bit.ly/2cPQpqu

➏ Krótki artykuł o tym czym jest PostCSS, jak go używać i 7 przydatnych pluginów rozszerzających jego funkcjonalność.
http://bit.ly/29bSAaZ

➐ Wyznania programistów.
https://www.codingconfessional.com

➑ Darmowy ebook o CSS w postaci strony internetowej. Na razie ma 6 rozdziałów, ale autor planuje kolejne
http://bit.ly/P1bWAl

➒ Zestaw dobrych praktyk dla początkującego programisty.
http://bit.ly/2dg49Py

➓ ITCSS to metoda "odwróconego trójkąta CSS", którą z powodzeniem można zastosować do większych projektów. Kształt trójkąta odpowiada jej hierarchicznemu modelowi.
http://bit.ly/1OHRsEw

⓫ Potężny zbiór linków związanych z #bootstrap (moduły, tutoriale, artykuły, narzędzia itd). Niestety nie wszystkie działają.
http://bit.ly/1lNxn5B

⓬ 8 sprytnych trików w #css.
http://ow.ly/8XE9304sB1D

➡ Nowości
➊ Google zaktualizowało swój uniwersalny font "Noto". Aktualnie obsługuje 850 języków.
http://bit.ly/1fnagPg

➡ Inspiracje
➊ Minimalistyczne portfolio korzystające z obiektów SVG.
http://lbebber.github.io/public/

➋ Ładny "akordeon" w CSS.
http://bit.ly/2dDAJcc

➡ #webdesign #grafika
➊ 25 rozszerzeń do Google Chrome dla web designerów.
http://ow.ly/LJpG304sBeb

➋ Krótki film o polskiej szkole plakatu.
https://www.youtube.com/watch?v=zMAm5791hD8

➡ #humorinformatykow
Interesujące stanowisko na Junior Developera? Wymagają jedynie 5 lat doświadczenia jako Senior Develper ( ͡° ʖ̯ ͡°)

Przejdź do wpisu

Dodany: 2016-10-02 09:09:22 | Ostatnio wołany: 2016-10-02 09:13:22



Zapraszam na kolejny #webstuff! #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 #javascript, który jest ostatnio dość mocno zachwalany przez społeczność. Podobno jest znacznie bardziej przyjemny niż Angular2. Testowaliście?
http://aurelia.io/

➏ Tutorial przedstawiający budowę animowanego układu słonecznego w #css.
http://bit.ly/2csmiFO

➐ Częste błędy popełniane podczas pisania kaskadowych arkuszy stylów i sposoby na ich naprawę.
http://bit.ly/2cymjK6

➑ Prezentacja z konferencji DevDay, która odbyła się 16 września w Krakowie. Serg Hospodarets pokazuje, że wcale nie potrzebujemy preprocesorów CSS, by korzystać z ich funkcjonalności.
http://bit.ly/2d2rhCc

➒ Praktyczna nauka programowania w jednym z 25 języków poprzez zabawę, a właściwie grę.
https://www.codingame.com/

➓ Darmowy edytor HTML/CSS/JS dostępny przez przeglądarkę, który umożliwia na tworzenie kilku plików ramach jednego projektu. Projekt można łatwo udostępnić osobom trzecim. Dosyć ciekawą funkcją jest zaznaczanie w podglądzie aktualnie edytowanego elementu HTML.
https://thimble.mozilla.org/

➡ Nowości
➊ Vue 2.0 już jest!
http://ow.ly/YBpG304Kt2R

➋ Gmail wprowadził support dla CSS w tagu , co umożliwia tworzenie responsywnych maili z wykorzystaniem media queries.
http://bit.ly/2cI3DtO

➡ Inspiracje
➊ Intro serialu "Stranger Things" w HTML, CSS i JS.
http://bit.ly/2cRvJAp

➋ Tańczące roboty w JavaScript.
http://bit.ly/2cykr49

➡ #webdesign #ux #ui
➊ UI toolkit dla React Native.
http://bit.ly/2cSDXtH

➋ Wskazówki dotyczące projektowania interfejsu aplikacji mobilnych.
http://bit.ly/2cSDXtH

➡ Darmowe #kursy
➊ Interaktywne kursy HTML, CSS, JavaScript, Node.js, Bazy danych.
https://www.freecodecamp.com

➋ Interaktywne kursy HTML, CSS, SASS, JS, jQuery, Python, PHP, Ruby, SQL, Angular.
https://www.codecademy.com

➌ Interaktywne kursy począwszy od matematyki, po biologię, historię i programowanie.
https://www.khanacademy.org

➍ Pełne video-kursy z zakresu web developingu oraz web designu z renomowanego serwisu CSS-Tricks.
https://css-tricks.com/lodge/

➎ Ponad 800 filmów dostępnych za darmo dla przyszłych web deweloperów, którzy chcą zdobyć nowe umiejętności. Od podstaw HTML po Sketcha, Drupala, Wordpressa, Angulara itd.
https://www.youtube.com/c/leveluptuts

➏ Kursy przygotowane przez najlepsze uczelnie na świecie. Za dodatkową opłatą (w dolarach) możemy stać się posiadaczami certyfikatów, które przydadzą się na rynku pracy.
https://www.coursera.org

➐ Kursy C++, HTML, CSS, PHP, a także porady dotyczące rozwoju osobistego czy wykłady z szeroko pojętej informatyki.
http://miroslawzelent.pl

➑ Polskie wideokursy z zakresu CSS3, HTML5, jQuery, PHP, Photoshopa.
https://www.youtube.com/user/ghxx/playlists

➒ Od zera do front-endera, czyli uporządkowana ścieżka nauki HTML, CSS i JS.
http://bit.ly/1Rosomi, http://bit.ly/1szhHc2

➓ Kanał z tutorialami JS, CSS, HTML, Node.js, Bootstrap, Wordpress, SASS, Angular itd.
https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg/playlists

➡ #humorinformatykow
W jakim rytmie poruszają się algi?
- W algorytmie ( ͡° ͜ʖ ͡°)

Przejdź do wpisu
Założona przez:

klocus

Osób na liście: 359
Wołań: 43
Cotygodniowy przegląd ciekawych narzędzi, komponentów, paczek oraz repozytoriów przydatnych dla web deweloperów i grafików.

Kategoria: Nauka i newsy

Ostatnie wydarzenia (zobacz wszystkie)


2019-01-11 09:01:14
@elpredatoro dołączył do listy


2018-12-28 17:37:15
@stash opuścił listę


2018-12-28 17:23:56
@klocus zawołał do wpisu


2018-12-22 07:44:27
@Belzee dołączył do listy


2018-12-21 16:09:27
@ksab dołączył do listy


2018-12-21 14:39:14
@ShamerOC dołączył do listy


2018-12-21 10:11:19
@klocus zawołał do wpisu


2018-10-31 18:22:09
@dnkn dołączył do listy


2018-10-29 08:39:21
@hiroszi dołączył do listy


2018-10-13 18:44:38
@Vencite dołączył do listy