#webstuff #unknownews #hackingnews
Najpopularniejsze właściwości #css zobrazowane grafiką oraz animacją.
LINK
Z cyklu #gimbynieznajo i #nostalgia: pamiętacie wymienione rzeczy? :D
LINK
Wszystkie książki o #javascript dr Axela Rauschmayera za darmo!
LINK
Proste narzędzie, które potrafi ukryć wiadomość w emoji.
LINK
Framework JS, który jest szybki jak vanilla JavaScript? Dlaczego nie? Svelte to zupełnie nowy "framework bez frameworka", który prezentuje ciekawą ideę.
LINK
Inferno to szybka i lekka (7kb) biblioteka JS do budowy interfejsu użytkownika podobna do React.
LINK
Gitless to eksperymentalny system kontroli wersji zbudowany na bazie Gita, ale z tą różnicą, że jest prostszy w użyciu.
LINK
Biblioteka #php do budowy własnych botów na komunikatory Messenger, Slack i Telegram.
LINK
Jak z gracją obsłużyć wyjątki w PHP?
LINK
Od zera do kodera: Jak ogarnąć JavaScript?
LINK
Czym są progresywne aplikacje internetowe?
LINK
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ć.
LINK
Jak w poprawny sposób ustalić punkty przerwania (breakpoints) w CSS?
LINK
Jak wygrywać w benchmarkach frameworków JS i dlaczego nie należy traktować ich poważnie?
LINK
4-bitowy kalkulator oparty na bramkach logicznych i kartonie.
LINK
Hakowanie prawie 27% stron internetowych przez auto-aktualizację #wordpress.
LINK
Lista przydatnych wyrażeń regularnych w JS.
LINK
Darmowy kurs w formie wideo z fundamentalną wiedzą o Vue.js
LINK
Budowa gry Pacman w oparciu o Ember.js i Canvas. #gamedev
LINK
Jak nauczyć się React i Redux?
LINK
Bardzo lekki plugin jQuery służący do walidacji danych z formularzy.
LINK
Grafika / #webdesign Setki darmowych ikon w edytowalnych rozszerzeniach, które z powodzeniem można używać w komercyjnych projektach.
LINK
Wideo przedstawiające krok po kroku jak stworzyć film z efektem Kinetic Typography w Adobe After Effect.
LINK
Darmowy font do użytku domowego i komercyjnego o nazwie Vintage Numeral.
LINK
Inspiracje Animowany nietoperz w CSS przy użyciu jednego diva.
LINK
Efekty na obrazach jak z Photoshopa w CSS.
LINK
Kilka ciekawych animacji ładowania w CSS.
LINK
wietnie wykonany efekt Parallax.
LINK
Ciekawe efekty hover.
LINK
Nowości Space Mono, czyli nowa czcionka w Google Fonts.
LINK
Co nowego w #php 7.1.0?
LINK
Lista funkcji w PHP 7.2.0, które zostaną potępione :P
LINK
Co nowego w PhpStorm 2016.3?
LINK
W pełni darmowy plugin do Wordpressa, który znacznie ułatwia budowę strony poprzez przeciąganie gotowych elementów w wybrane miejsca szablonu.
LINK
Aplikacja przez przeglądarkę, która umożliwia wykonywanie zapytań #sql i przedstawienie wizualizacji wyników.
LINK
8 prostych zasad solidnej i skalowalnej architektury #css.
LINK
Czym są generatory w #php i jak z nich korzystać?
LINK
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.
LINK
Plan, który krok po kroku wyjaśnia jak odnaleźć się w dość skomplikowany ekosystemie #javascript.
LINK
Co to Abstract Syntax Tree w PHP 7 i jak z tego korzystać?
LINK
Jak przeprowadzić refaktoryzację kodu przy użyciu PhpStorm?
LINK
Artykuł o tym jak prawidłowo projektować walidację formularzy na stronach.
LINK
Biblioteka JavaScript do renderowania zapisu notacji muzycznej lub tabulatory gitarowej.
LINK
10 zasad tworzenia płynnych animacji webowych.
LINK
Pewien użytkownik, Sergei Garcia, przedstawia swoją ścieżkę dwuletniej nauki do bycia web deweloperem.
LINK
8 filarów nowoczesnego web developmentu, czyli dlaczego budowa prostej strony jest bardziej skomplikowana niż wielu myśli.
LINK
Animacja Nyan cata na touchbar nowego MacBooka Pro od #apple
LINK
Budowa RESTful API przy pomocy Node i TypeScript.
LINK
Dlaczego warto dodać opcję pokazania i ukrycia swojego hasła podczas logowania / rejestracji na stronie + prosty przykład.
LINK
Testowanie aplikacji napędzanych frameworkiem React pod względem SEO korzystając z Google Search Console i funkcji Fetch as Google.
LINK
Flagi w czystym CSS.
LINK
Kurs podstaw Angular 2 w formie wideo.
LINK
15 interesujących bibliotek JavaScript i CSS na listopad. Link od Mireczka @morswin28.
LINK
Sztuka debugowania w narzędziach dewelopera Google Chrome. [wideo]
LINK
Grafika / #webdesign Co każdy powinien wiedzieć o procesie, który stoi za projektem aplikacji?
LINK
Takiej strony 404 chyba jeszcze nie widzieliście :D
LINK
Dlaczego designerzy powinni znać się na typografii?
LINK
Lista nowości w niedawno wydanym Adobe #photoshop 2017.
LINK
Inspiracje Bardzo efektowne przejście pomiędzy dwoma obrazami.
LINK
Ciekawy zegar w CSS i szczyptą JS.
LINK
7 koncepcji ciekawych interfejsów aplikacji mobilnych i ich implementacja.
LINK
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).
LINK
Nowa wersja #batflat jest już gotowa do pobrania. Zostało wprowadzonych kilka poprawek ułatwiających pracę z tym CMS.
LINK
Nowa implementacja Sass, która nosi nazwę Dart Sass jest już możliwa do pobrania w wersji alpha z oficjalnego repozytorium.
LINK
Kolejna wersja (1.8) świetnego edytora Adobe Brackets jest już dostępna do pobrania.
LINK
Fanpage Link z poprzednich zestawień możecie znaleźć również na
LINK
#humorinformatykow Gra słów (a właściwie klas i właściwości) w CSS.
LINK
Podział treści w #html5 - div, section czy article?
LINK
Vivus to lekka klasa w #javascript, która pozwala animować obiekty SVG.
LINK
Przeciążanie nazwy funkcji (występowanie pod taką samą nazwą wielu funkcji różniących się zestawem argumentów) w #php.
LINK
Generowanie plików .gitignore dla prawie każdego języka.
LINK
Prosty system siatki w #css z wykorzystaniem --zmiennych.
LINK
Eksperymentalna i mała biblioteka JavaScript do dynamicznego pobierania innych bibliotek JS z jsdelivr CDN bazując jedynie na nazwie biblioteki.
LINK
Historia frameworków PHP wg dat.
LINK
Church to biblioteka napisana w #python do generowania danych wypełniających bazę danych.
LINK
Najlepsza praktyka dla warunków if/else, np. podczas tworzenia lub aktualizowania jakiejś jednostki w PHP.
LINK
Moim zdaniem świetny motyw dla Sublime Text w wersji 2 i 3. Prosty, czytelny i elegancki.
LINK
Przewodnik dobrych praktyk w SASS.
LINK
Dlaczego warto poświęcić godzinę na automatyzację 10-sekundowego zadania?
LINK
O tym dlaczego React nie jest Open Source, choć Facebook tak o nim mówi.
LINK
Przewodnik po dobrych praktykach w CSS.
LINK
Czy to koniec wzorca MVC na front endzie?
LINK
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.
LINK
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.
LINK
Mała konsola do gier oparta na #arduino i interpreterze Brainduino.
LINK
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.
LINK
Conductor to aplikacja, zamiast konsoli, zepewnia interfejs użytkownika do tworzenia i zarządzania aplikacjami PHP poprzez Composer.
LINK
Krótkie wprowadzenie do maszynowego uczenia się z przykładami w PHP.
LINK
Grafika / #webdesign Korzystanie z Adobe XD w komercyjnych projektach.
LINK
Tutorial pokazujący jak poradzić sobie z wycinaniem, np. włosów ze zdjęcia.
LINK
7 zasad tworzenia dobrego interfejsu użytkownika.
LINK
Inspiracje Animowany pies z piłką w CSS.
LINK
Nintendo Switch w CSS.
LINK
Kolejne Nintendo Switch w CSS, ale tym razem animowane i w stylu flat.
LINK
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ę :)
LINK
Konwersja dowolnego pliku graficznego na ASCII Art w #php.
LINK
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.
LINK
Dontbug to debugger do PHP, który pozwala na Reverse Debugging.
LINK
9 rzadko wykorzystywanych funkcji CSS.
LINK
35 narzędzi online, które ułatwiają pracę web designerom.
LINK
Niedawno pojawiła się beta klienta Gita o nazwie Tower na system Windows. Wcześniej był dostępny jedynie na OS X.
LINK
Prosty sposób na responsywne tabele w #css.
LINK
Super lekki responsywny framework siatki CSS korzystający z flexbox. Waży tylko 93 bajty!
LINK
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.
LINK
Dlaczego @supports w CSS jest takie fajne i jak z niego korzystać?
LINK
Chcecie zwalidować lub "upiększyć" format JSON? Wyszukiwarka DuckDuckGo posiada do tego specjalne narzędzie.
LINK
Plugin #jquery, który pozwala animować tekst wewnątrz tagu <title> oraz favicon.
LINK
Narzędzie, które wyświetli ostrzeżenia i sugestie dotyczące skryptów bash/sh.
LINK
Poradnik o szukaniu swojej pierwszej pracy w zawodzie programisty.
LINK
Lista zasobów wspomagających pracę z Sass / SCSS.
LINK
Szybki i nowoczesny generator statycznych stron napisany w GoLang.
LINK
Jak rozdzielić obramowanie innym obiektem w CSS?
LINK
Liniowe wskaźniki ładowania niezależne od użytego fontu w CSS.
LINK
Dlaczego tworzenie w JavaScript i ogólnie cały Web Development jest taki skomplikowany?
LINK
Flex-grow 9999 Hack
LINK
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.
LINK
Grafika / #webdesign Darmowa nauka rysunku cyfrowego (digital painting).
LINK
Rozmiar ma znaczenie: równoważenie wysokości linii i rozmiaru czcionki.
LINK
Kolory używane przez największe serwisy w sieci.
LINK
Inspiracje Projekt wieloosobowej gry konsolowej w węża zbudowany przy użyciu PHP.
LINK
Kilka pomysłów na nagłówki i teksty przy pomocy fontów z Google Fonts.
LINK
Spadające "klocki" w czystym CSS :D
LINK
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.
LINK
Nauka Ember.js od zera. Wpis zawiera zbiór tutoriali, książek i innych zasobów dla początkujących.
LINK
Prosta w wykonaniu animacja #css podkreślenia tekstu.
LINK
31 sposobów na zmniejszenie czasu poświęcanego testowaniu aplikacji pomiędzy przeglądarkami.
LINK
wietne wskazówki od doświadczonego programisty.
LINK
10 użytecznych tipów do konsoli dewelopera w Google Chrome.
LINK
Open Source-owy projekt edytora Markdown w VueJS.
LINK
10 cennych uwag do tworzenia aplikacji internetowych.
LINK
Konwersja różnych formatów graficznych na zoptymalizowany JPEG.
LINK
Nauka CSS flexbox w 3 minuty.
LINK
O żartach z "programistów" CSS i dlaczego są one najzwyczajniej głupie.
LINK
Ciekawe wyniki ankiet dotyczące front-endowych frameworków #javascript.
LINK
Projekt, który pozwala na podszkolenie swoich umiejętności w różnych językach, m.in. w PHP, JS, TypeScript, Python, C# itd.
LINK
Nowości Zend rozpoczął prace nad nowym silnikiem dla #php, który prawdopodobnie pojawi się w ósmej wersji,
LINK
Inspiracje i #grafika 20 zaburzeń psychicznych zobrazowanych przy pomocy typografii.
LINK
Kilka kiepskich sytuacji z GITem i jak z nich wybrnąć.
LINK
Reframe.js to plugin #javascript, który sprawia, że takie obiekty jak iframe czy video stają się responsywne, zachowując swoje proporcje.
LINK
Zestaw kilkunastu animacji ładowania. (SCSS:, CSS:)
LINKLINK
67 darmowych pluginów okienek modalnych w JS, jQuery lub CSS.
LINK
Kilka przykładów sprytnego wykorzystania pseudo-klasy :target do ukrywania i pokazywania elementów strony.
LINK
Krótki artykuł o tym czym jest PostCSS, jak go używać i 7 przydatnych pluginów rozszerzających jego funkcjonalność.
LINK
Wyznania programistów.
LINK
Darmowy ebook o CSS w postaci strony internetowej. Na razie ma 6 rozdziałów, ale autor planuje kolejne
LINK
Zestaw dobrych praktyk dla początkującego programisty.
LINK
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.
LINK
Potężny zbiór linków związanych z #bootstrap (moduły, tutoriale, artykuły, narzędzia itd). Niestety nie wszystkie działają.
LINK
8 sprytnych trików w #css.
LINK
Nowości Google zaktualizowało swój uniwersalny font "Noto". Aktualnie obsługuje 850 języków.
LINK
Inspiracje Minimalistyczne portfolio korzystające z obiektów SVG.
LINK
adny "akordeon" w CSS.
LINK
#webdesign #grafika 25 rozszerzeń do Google Chrome dla web designerów.
LINK
Krótki wpis przedstawiający budowę komponentów w #html i CSS.
LINK
Przewodnik po problemach związanych z obrazami na stronie oraz sposoby na ich rozwiązanie.
LINK
Aplikacja na iOS i Androida, która utrwala znajomość języków (JavaScript, Java, CSS).
LINK
Kolekcja wzorców projektowych i ich implementacje w #php.
LINK
Całkiem ciekawy framework #javascript, który jest ostatnio dość mocno zachwalany przez społeczność. Podobno jest znacznie bardziej przyjemny niż Angular2. Testowaliście?
LINK
Tutorial przedstawiający budowę animowanego układu słonecznego w #css.
LINK
Częste błędy popełniane podczas pisania kaskadowych arkuszy stylów i sposoby na ich naprawę.
LINK
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.
LINK
Praktyczna nauka programowania w jednym z 25 języków poprzez zabawę, a właściwie grę.
LINK
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.
LINK
Nowości Vue 2.0 już jest!
LINK
Gmail wprowadził support dla CSS w tagu , co umożliwia tworzenie responsywnych maili z wykorzystaniem media queries.
LINK
Inspiracje Intro serialu "Stranger Things" w HTML, CSS i JS.
LINK
Tańczące roboty w JavaScript.
LINK
#webdesign #ux #ui UI toolkit dla React Native.
LINK
Wskazówki dotyczące projektowania interfejsu aplikacji mobilnych.
LINK
Darmowe #kursy Interaktywne kursy HTML, CSS, JavaScript, Node.js, Bazy danych.
LINK
Interaktywne kursy HTML, CSS, SASS, JS, jQuery, Python, PHP, Ruby, SQL, Angular.
LINK
Interaktywne kursy począwszy od matematyki, po biologię, historię i programowanie.
LINK
Pełne video-kursy z zakresu web developingu oraz web designu z renomowanego serwisu CSS-Tricks.
LINK
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.
LINK
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.
LINK
Kursy C++, HTML, CSS, PHP, a także porady dotyczące rozwoju osobistego czy wykłady z szeroko pojętej informatyki.
LINK
Polskie wideokursy z zakresu CSS3, HTML5, jQuery, PHP, Photoshopa.
LINK
Od zera do front-endera, czyli uporządkowana ścieżka nauki HTML, CSS i JS.
LINKLINK
Artykuł o tym dlaczego najpierw powinno się uczyć czystego JavaScriptu.
LINK
Darmowa aplikacja zapewniająca dostęp do naszego komputera przez przeglądarkę.
LINK
Pewna agencja z Włoch wyjaśnia dlaczego sprinty są jednymi z najbardziej efektywnych trybów pracy.
LINK
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).
LINK
Biblioteka #javascript do tworzenia płynnych i interaktywnych gradientów.
LINK
Kanał z kursami Unity 5, Blender i #python użytkownika @skew
LINK
Krótki kurs użytkowania Dockera.
LINK
Chcecie nauczyć się podstaw #react? Zapraszam do tutoriala, który przedstawia budowę prostej aplikacji "to-do".
LINK
Wiele ciekawych filmów na temat #php.
LINK
Implementacja wielu znanych algorytmów w JavaScript.
LINK
Nowości TypeScript 2.0 już jest dostępny!
LINK
Inspiracje Efekt hiperprędkości w JS.
LINK
Nietypowy design z ciekawymi efektami.
LINK
#design #grafika Darmowe ikony SVG.
LINK
O uwagach do projektu dokonywanych przez klienta z przymrużeniem oka.
LINK
Darmowa aplikacja dostępna przez przeglądarkę oraz jako aplikacja desktopowa, która służy do tworzenia grafiki wektorowej.
LINK
Znacie zasadę z "Incepcji" przy zagnieżdżaniu selektorów w preprocesorach #css?
LINK
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.
LINK
Cockpit to CMS stworzony przy pomocy #php i korzystający z bazy danych SQLite. Jego główną zaletą jest prostota tworzenia własnych typów treści i formularzy. Łatwo jest również zaimplementować własne funkcjonalności. #cms posiada polską wersję językową.
LINK
Lista hooków dostępnych w #wordpress i popularnych wtyczkach.
LINK
Wpis odpowiadający na pytanie: Czy warto jeszcze uczyć się PHP?
LINK
Ciekawa strona agregująca filmy z tematyki programowania szeroko pojętego (kursy, wykłady, konferencje, wywiady).
LINK
Mała biblioteka #javascript do zaciemniania i odkrywania tekstu w iście hakerski sposób
LINK
Strona, która dopasuje kolor w systemie szesnastkowym do wpisanego słowa. Algorytm dopasowania korzysta z wyszukiwarki, z której bierze pod uwagę około 25 obrazów, znajduje kolory i na tej podstawie oblicza "średnią".
LINK
20 wskazówek budowania arkusza CSS.
LINK
11 sztuczek przyspieszających pracę z #npm.
LINK
Nowości Nowa funkcja w narzędziach dewelopera przeglądarki Chrome: edytor box-shadow / text-shadow.
LINK
#design Interesujący film o tym skąd się wzięła czcionka znana z komiksów.
LINK
Krótki przewodnik po projektowaniu interfejsu użytkownika. #ui #ux
LINK
Porównanie kilku technik animacji odbijającej się kulki.
LINK
O frameworkach, programowaniu obiektowym, wzorcach i bezpieczeństwie w #php. Warto przeczytać.
LINK
Podstawy bezpieczeństwa aplikacji internetowych.
LINK
Kilka komponentów (karuzela, rozwijane menu, okienko modalne, zakładki, tooltipy) wykonanych w czystym #css.
LINK
Kanał Od zera do WebDeva, na którym znajdziecie edukacyjne filmy z zakresu PHP, JS, jQuery, wzorca MVC, Angulara itd.
LINK
Responsywny "masonry grid" w czystym CSS.
LINK
Świetny wpis o dopasowaniu elementów pod względem optycznym. #design #ux
LINK
Pixi.js to biblioteka renderująca, która pozwala na tworzenie interaktywnej grafiki na wielu platformach.
LINK
NX to kolejny framework #javascript, który jest oparty na standardzie ECMAScript 6 i Web Komponentach.
LINK
Kiedy jakaś strona używa atrybutu target="_blank" przy hiperłączach w celu otwarcia adresu w nowej zakładce lub oknie, nowo otwarta witryna zyskuje dostęp do oryginalnej strony przez window.opener API. Aby uniknąć potencjalnych zagrożeń należy dodać rel="noopener". Więcej o tym zjawisku znajdziecie w artykule. #security
LINK
Jak zdenerwować web dewelopera? Przewodnik dla każdego!
LINK
Polski kanał YT z wideo tutorialami dotyczącymi Unity, C++, SQL, Blendera, ZBrush, Digital Paintingu.
LINK
Wiecie, że możecie ostylować wynik console.log?
LINK
Heinz Rutishauser to szwajcarski matematyk, który w 1951 roku wymyślił pętlę "for", która początkowo nosiła niemiecką nazwę "für".
LINK
Galeria wielu inspirujących projektów stron.
LINK
Inspiracje Szkoła designu ze Szczcinka. #grafika #design #webdesign
LINK
Nowa wersja Laravela (5.3) ujrzała niedawno światło dzienne. #php
LINK
Google ukarze strony, które stosują wkurzające reklamy na urządzeniach mobilnych (pop-upy i pełnoekranowe) poprzez obniżenie ich pozycji w wynikach wyszukiwania.
LINK
Proporcjonalne skalowanie boksów w CSS.
LINK
Mikro framework CSS, który zawiera najważniejsze elementy: system siatki, nagłówki, nawigację i kilka pomocniczych klas.
LINK
Biblioteka CSS z ciekawymi animacjami ikon hamburgerów.
LINK
Quire to darmowa aplikacja przez przeglądarkę, która pozwala zarządzać projektami i zadaniami przez zespół. Jest bardzo wygodna, posiada dedykowaną aplikację na iPhone i rozszerzenie dla Chrome.
LINK
Kurs nowoczesnego JavaScript za darmo (webpack, nodejs, npm, es5, es6, esnext, rxjs, typescript).
LINK
Dlaczego web deweloperzy powinni uczyć się #javascript?
LINK
Wahadła matematyczne w #css.
LINK
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.
LINK
Porównanie Bitbucketa i GitHuba.
LINK
Animowany Pokemon Eevee w czystym CSS.
LINK
Producent Pepsi, w ramach kampanii reklamowej napoju Crystal Pepsi (pochodzi on z lat 90', nie zawiera kofeiny, jest przezroczysty), przygotował oldschoolowy powrót do przeszłości. Strona napoju nawiązuje do ubiegłego wieku, jest zbudowana na tabelkach i zawiera grę.
LINK
Animacja w czystym HTML korzystająca z <pre> i <marquee>.
LINK
Spora lista stron portfolio.
LINK
Gładko jak po maśle, czyli osiąganie 60 klatek na sekundę przy animacjach #css.
LINK
Praktyka czyni mistrza, tylko skąd brać pomysły na projekty, przy pomocy których możemy się nauczyć programowania? Pewien użytkownik GitHuba postanowił spisać swoje pomysły, które inni mogą zrealizować.
LINK
Fragment książki "Scrum i nie tylko. Teoria i praktyka w metodach Agile", który przedstawia w jaki sposób budować tzw. User Story, czyli prostą formę, która ma adresować oczekiwania i potrzeby użytkowników aplikacji.
LINK
Co zrobić, gdy utknąłeś z jakimś programistycznym problemem? Rafael J. Rodriguez z Free Code Camp dzieli się swoim sposobem, a jest nim rysowanie blokowego algorytmu.
LINK
Przewodnik po budowie aplikacji do skracania linków przy użyciu MongoDB, Hapi.js i Node.js
LINK
Krótki tutorial o pisaniu własnego rozszerzenia do #php.
LINK
Prosta i przydatna wskazówka dotycząca kolejności zwracania wartości i uprzątnięcia zagłębionych warunków. #programowanie
LINK
Krótki wstęp do programowania funkcyjnego w JS.
LINK
Bardzo ładny date & time picker. Posiada kilka wbudowanych motywów w stylu flat i material design.
LINK
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.
LINK
Generator analizatora składniowego w JS, który może posłużyć do budowy interpretatora, kompilatora i innych przydatnych narzędzi.
LINK
Lekki plugin #javascript dla pól tekstowych i rozwijanych.
LINK
O tym kim byli webmasterzy w latach 90, czyli humorystyczny powrót do przeszłości :)
LINK
Mały projekt, który analizuje sposób pisania (wcięcia tworzone przy pomocy tabulatora lub spacji) najpopularniejszych projektów na GitHubie.
LINK
Animowana maszyna do kawy w #css i SVG.
LINK
Konfetti w CSS i JS.
LINK
3 ciekawe efekty :hover dla przycisków.
LINK
Ciekawy checkbox w czystym CSS.
LINK
#webdesign w 4 minuty.
LINK
125 użytecznych porad, które zoptymalizują stronę pod względem lepszego interfejsu użytkownika.
LINK
Prosty, mały, ale jakże pożyteczny program do szybkich zmian w wielu plikach.
LINK
Podobny do niego, lecz o bardziej rozbudowanej funkcjonalności plugin jQuery:
LINK
Kolejny świetny plugin do Bootstrapa, który potrafi zamienić zwykłe selecty na coś bardziej użytecznego, np. takie z wbudowaną wyszukiwarką jego elementów.
LINK
Nieoficjalne API Gmaila w JS.
LINK
Dio to lekki (~6kb) Virtual DOM framework.
LINK
Framework CSS dla hakerów( ͡° ͜ʖ ͡°)
LINK
Pie context menu w JS.
LINK
Open Source-owy edytor graficzny w HTML5.
LINKLINK
Świetny plugin do Bootstrapa, który pozwala na złożoną manipulację okienkami (modals) #bootstrap #javascript
LINK
Ciekawy pomysł na nietypowy layout.
LINK
Wiele inspirujących projektów aplikacji mobilnych.
LINK
Zbiór inspiracji dotyczących projektów wiadomości e-mail.
LINK
Nietypowe burger menu.
LINK
Modułowy framework CSS.
LINK
Częste błędy pojawiające się przy projektowaniu formularzy + sposoby na ich poprawę.
LINK
Przewodnik po właściwości #css "display".
LINK
Plugin do Wordpressa, który pozwala w łatwy sposób (metoda drag&drop) stworzyć layout.
LINK
Automatyczne "recenzje" kodu PHP, Python, Ruby, Java, #javascript, Scala, CSS i CoffeeScript. Darmowe dla open source-owych projektów.
LINK
Prywatne + grupowe rozmowy (tekstowe, audio i wideo), dzielenie się plikami, integracje z innymi aplikacjami, czyli coś w stylu Slacka.
LINK
Krótki artykuł o tym w jaki sposób ubiegać się o pracę jako początkujący programista.
LINK
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 gość, Tim Ermilov, na swoim kanale YT zaczął umieszczać filmy z jego własnym kursem. Warto go zasubskrybować :)
LINK
Przewodnik po tworzeniu responsywnych maili na wszystkie popularne skrzynki/klienty pocztowe.
LINK
Franz to multikomunikator, który obsługuje takie aplikacje jak: Slack, WhatsApp, WeChat, HipChat, Facebook Messenger, Telegram, Google Hangouts, GroupMe, Skype.
LINK
170 liniowych ikon w formacie PSD za darmo.
LINK
Webowy eksperyment, który przeniesie Was w głąb leśnej puszczy.
LINK
Darmowy monitor statusu stron (sprawdza czy jest online/offline i wysyła powiadomienia mailem).
LINK
Darmowa wtyczka do Google Chrome, służąca do nagrywania tego co dzieje się na naszym ekranie + opcjonalnie dźwięku z mikrofonu i obrazu z kamery.
LINK
Generator miłych dla ucha dźwięków.
LINK
Świetny graficzny przewodnik po flexbox w CSS.
LINK
Animacja aktualizacji z Androida Nougat w CSS.
LINK
Modern CSS reset.
LINK
Co robić by być lepszym deweloperem?
LINK
Animacje dla obiektów HTML, które zaczynają działać podczas scrollowania. Darmowa alternatywa dla WOW.js
LINK
Kurs designu dla każdego, kto chce tworzyć wspaniałe rzeczy.
LINK
Szybka, mała (1kb) i prosta biblioteka JavaScript do budowy webowych interfejsów użytkownika.
LINK
Od wczoraj, PHP w wersji 5.5 nie jest już wspierane.
LINK
Oś czasu kilku popularnych portali internetowych, która przedstawia zmiany w ich wyglądzie na przestrzeni lat.
LINK
Bardzo ciekawy artykuł o wczesnych językach, które mogłyby być dziś używane jak CSS.
LINK
Elastyczna i lekka biblioteka JS do animacji.
LINK
Kanał z wieloma wideo-tutorialami dotyczącymi web devu.
LINK
Świetna strona z ogromną listą kursów SQL, SAS, Python, R, PHP, HTML, CSS.
LINK
Wszystko co powinniście wiedzieć o tagu < script>.
LINK
Pure CSS z-scrolling
LINK
Minimalistyczna biblioteka JavaScript do animacji elementów strony.
LINK
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 them. More semantic CSS will ultimately make your code more maintainable.
LINK
Interaktywny odtwarzacz stylowany na gramofon.
LINK
Coconut is a simple, elegant, Pythonic functional programming language that compiles to Python.
LINK
Implementacja GITa w JavaScript (Node.js)
LINK
Apple będzie wymagało szyfrowanego połączenia w aplikacjach na iOS pod koniec 2016 roku.
LINK
Google Fonts doczekało się redesignu.
LINK
Ciekawy pomysł na przełącznik.
LINK
Izometryczny kreator mapy w CSS.
LINK
Ładne i pomysłowe UI odtwarzacza w CSS.
LINK
W źródle strony Amazonu jest kaczka, która miauczy :D
LINK
Film about graphic design, typography and in general, about the global visual culture we live in. The film is centered around the popular font Helvetica that in 2007 turned 50 years old.
LINK
(Kolejny) Nowy framework #php napisany pod PHP 7. Zawiera własny system szablonów o nazwie "Fortune".
LINK
Tutorial pokazujący jak wstawić tekst pomiędzy liniami w CSS.
LINK
Spory zbiór bibliotek, open source-owych repozytoriów, wpisów na blogach, przewodników i innych materiałów dotyczących Amazon Web Services.
LINK
Jeden div - wiele możliwości, czyli co by było, gdyby MacGyver był web deweloperem.
LINK
Tutorial pokazujący jak przyspieszyć ładowanie stron poprzez moduł "PageSpeed" od Google dla serwerów Apache.
LINK
Git Cheat Sheet
LINK
Bardzo ciekawy i lekki framework CSS. Dobra alternatywa dla Bootstrapa. Jest o tyle oryginalny, że tooltipy, modale itd. są wykonane w czystym CSS.
LINK
Bardzo ciekawy "multi-button" w CSS.
LINK
26 imponujących projektów wykonanych w #css.
LINK
Psychodeliczny efekt wykonany przy pomocy #javascript i #html5 Canvas.
LINK
Fotorealistyczne krople wody w #webgl + miłe dla ucha dźwięki natury.
LINK
NASA używa Node.js do programowania kosmicznych skafandrów.
LINK
Facebook udostępnił za darmo zdjęcia telefonów trzymanych w dłoniach osób o różnej karnacji. Można je wykorzystać do prezentacji własnych aplikacji.
LINK
Pojawiła się wersja alpha nowej odsłony Vue.js, czyli biblioteki do budowy interaktywnych interfejsów webowych.
LINK
Chardin.js jest pluginem jQuery, który tworzy półprzezroczystą warstwę przykrywającą stronę, po to, by można było wyświetlić instrukcje dotyczące elementów witryny.
LINK
Biblioteka CSS nawiązująca do muzyczno-graficznego gatunku Vaporwave :D Wspiera IE 6.
LINK
Nowy, darmowy kurs od Codeacademy. Tym razem nauczycie się posługiwać Sassem.
LINK
Mała biblioteka JS / #css do animowania elementów strony wraz z przewijaniem.
LINK
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 all kinds of things.
LINK
A Badass Bootstrap UI Kit based on Material Design.
LINK
Nowe narzędzie od Google, które sprawdza jak bardzo mobilna jest wprowadzona strona.
LINK
7 stron, które pomaga się skupić podczas programowania.
LINK
jQuery 3.0 oficjalnie udostępnione!
LINK
Google Chrome już natywnie wspiera edycję live CSS.
LINK
Oryginalne menu. ‪#‎CSS‪#‎JS‪#‎SVG‬
LINK
Google Play Redesign Concept - od szkicu po finalną wersję.
LINK
Wciśnijcie kolejno g i a. Następnie wpiszcie zapytanie. Powinna ukazać się lista wyników. [tab] służy do przejść pomiędzy wynikami, [spacja] do powrotu na górę wyników, a [enter] do wybrania wyniku. php.net jest bogate również w pewne easter eggi, dostępne po użyciu odpowiedniej kombinacji klawiszy. Może uda Wam się sprawić, że poniższe z nich zadziałają:
góra góra dół dół lewa prawa lewa prawa b a [enter]
b o r k
r o t a t e [enter]
m i r r o r [enter]
I [spacja] h a t e [spacja] P H P [enter]
I [spacja] l o v e [spacja] P H P [enter]
l o g o [enter]
u n r e a d a b l e [enter]
r e a d a b l e [enter]
LINK
Kolejny mały framework CSS ~4kb.
LINK
Europejska wersja jQuery. Zamiast znaku dolara używa znaczka euro( ͡° ͜ʖ ͡°)
LINK
Barba.js to mała biblioteka, która pomaga tworzyć płynne przejścia pomiędzy podstronami.
LINK
A minimally invasive CSS framework for modern web applications. Light as a feather.
LINK
Zbiór skryptów JS, które do działania nie potrzebują dodatkowej biblioteki (np. jQuery).
LINK
Przewodnik po pseudoklasach i pseudoelementach CSS.
LINK
An accessible dialog window plugin for all humans.
LINK
Ken Burns effect w #css
LINK
ScriptCraft to mod do Minecrafta, który pozwala go rozszerzać używając JavaScriptu. #minecraft #javascript
LINK
Everything you would like to include to make your website more social.
LINK
Pomysłowy slider:
LINK
Ciekawa koncepcja nawigacji w aplikacji mobilnej:
LINK
Write CSS without worrying that overzealous, pre-existing styles will cause problems. MaintainableCSS is an approach to writing modular, scalable and of course, maintainable CSS.
LINK
Chcesz pobawić się nową wersją jQuery? Proszę bardzo :) Wersja finalna ma wyglądać niemal identycznie. Jedyne co będzie ją różniło od tej, to mniej bugów.
LINK
Od zera do front-endera, czyli uporządkowana ścieżka nauki HTML, CSS i JS: (- część pierwsza: #HTML, CSS) (- część druga: #javascript)
LINKLINK
Family.scss is a set of 20 smart Sass mixins which will help you to manage the style of :nth-child'ified elements, in an easy and classy way.
LINK
Darmowy web service z bazą filmów i seriali korzystający z IMDb.
LINK
Jak pisać plik README.md, by był przyjazny i pomocny dla odbiorcy?
LINK
Lebab pomaga w modernizacji starego kodu JavaScript. Skanuje kod i wyszukuje fragmenty, które mogą zostać skonwertowane do najnowszej wersji standardu ECMA.
LINK
Krótki przewodnik po PDO w #php.
LINK
Malutka alternatywa dla Bootstrapa.
LINK
Mała biblioteka animacji #css dla checkboxów.
LINK
Zakładki w czystym #css.
LINK
Front end style guide generator and SASS component manage.
LINK
Lekki i prosty CMS korzystający z #sqlite. #bootstrap ready. Wystarczy wrzucić na serwer i gotowe.
LINK
Biblioteka efektownych komponentów #html / CSS / #js.
LINK
Okienko modalne w czystym CSS.
LINK
Darmowe ikony od Google. Dostępne również jako web font.
LINK
Środkowanie elementów w CSS na każdą okazję!
LINK
Narzędzie, które znajduje wizualny środek obrazu.
LINK
Bardzo ładne placeholdery, które są częścią darmowej biblioteki zdjęć stockowych.
LINK
Beautiful, DRY, Clean and Reusable CSS.
LINK
Kolekcja elementów, które znajdują się wewnątrz tagu HEAD. ‪#‎HTML‬
LINK
Na stronie Apple, aby czcionka (Myriad) w nagłówkach wyglądała w każdej przeglądarce tak samo, użyto... Obrazków :D Zresztą sami zobaczcie:
LINK
Darmowy program do prototypowania przy pomocy Bootstrapa.
LINK
Bardzo lekki i minimalistyczny framework CSS. Nazwy klas zbliżone do tych z bootstrapa.
LINK
UI toolkit / Framework CSS od Microsoft.
LINK
Niebo dla grafików, projektantów! Wszystko to co darmowe w jednym miejscu, tj. zdjęcia, ikony, czcionki, dźwięki, filmy itd! #webdesign
LINK
Mała biblioteczka "płaskich" kolorów, które skopiujecie do schowka w wybranym formacie poprzez kliknięcie.
LINK
Darmowe narzędzie ułatwiające tworzenie map zawierających miejsca i opisy. Mapę można w łatwy sposób umieścić na swojej stronie.
LINK
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ść".
LINK
Mały podręcznik typografii. #grafika #design
LINK
Ładny efekt :hover buttonów w CSS.
LINK
Biblioteka ‪#‎CSS‬, która ułatwia stworzenie własnego intro w stylu Star Wars.
LINK
Kolejna strona z paletami kolorów.
LINK
Projekt mający na celu pokazać web developerom jak prawidłowo budować strony dostępne dla wszystkich, czyli również dla osób niewidomych, ze słabym wzrokiem, głuchych itd. Znajdziecie tam wiele cennych wskazówek.
LINK
Website Grader to darmowe narzędzie online, które ocenia strony w 4 kategoriach: optymalizacja, mobilność, #seo i bezpieczeństwo.
LINK
Open Sourceowy edytor zbudowany w HTML, CSS i #js. Można go pobrać jako wtyczkę do Chrome lub jako samodzielną wersję portable dla Windows, OS X i Linuksa.
LINK
Gotowe elementy UI wraz z kodem.
LINK
Zbiór 101 wskazówek i tipów korzystania z narzędzi deweloperskich w Google Chrome. Każdy wpis zawiera animowanego GIFa.
LINK
Base to prosty i lekki framework CSS, który cechuje się modułowym kodem i współpracą z Gulp.js
LINK
Open source-owy projekt-klon Trello napisany w ‪#‎PHPprzy użyciu frameworka Laravel.
LINK
Mała i elegancka biblioteka / framework SCSS, który jest w pełni konfiguralny.
LINK
Przykłady elementów strony, które zostały wykonane przy użyciu flexbox w ‪#‎CSS‬.
LINK
Narzędzie do znajdowania dominującej palety kolorów w danym obrazie.
LINK
19 przydatnych wskazówek dotyczących obsługi Git-a. #git
LINK
Slider napisany przy użyciu #jquery, który zmienia obrazy podczas przesuwania kursorem / palcem w lewo bądź prawo.
LINK
Świetna przeglądarkowa wtyczka (Firefox, Chrome i Safari) do detekcji i testowania czcionek zawartych na stronie.
LINK
Nie tak dawno pojawiła się wesja 1.0 świetnego edytora dla deweloperów - Visual Studio Code od firmy Microsoft. Edytor jest całkowicie darmowy i posiada sporą liczbę rozszerzeń. Ostatnio pojawił się nawet IntelliSense dla ‪#‎PHP‬. Jeżeli jeszcze nie testowaliście VS Code, to koniecznie to zróbcie!
LINK
Bardzo proste i bezpłatne narzędzie do projektowania baz danych.
LINK
Gra w czystym ‪#‎CSSwykorzystująca "counter-increment". Więcej o zastosowaniu tego licznika w grach CSS znajdziecie tutaj.
LINK
Bardzo lekka biblioteka JS do uzyskania efektu "cascading grid layout", czyli kolejna alternatywa dla Masonry.
LINK
Pure ‪‎CSSmasonry layout.
LINK
Darmowy konwerter #html do PDF.
LINK
Skrypt, który automatycznie przeładowuje stronę po zauważeniu zmian w kodzie źródlowym HTML, CSS oraz #javascript.
LINK
W Google Chrome, jak i innych przeglądarkach opartych na jego silniku, pojawiła się nowa zakładka w narzędziach dewelopera - CSS Animation inspector.
LINK
35 polygon backgrounds (.eps .jpg .svg) + 50 blurred backgrounds (.jpg)
LINK
Lightbox w czystym #css (js jest opcjonalny)
LINK
Wiesz co to phar? Koniecznie poczytaj o tym! Dzięki niemu możesz stworzyć modułowe aplikacje w #php składające się z pojedynczych paczek.
LINK
Checkboxy stylizowane na wzór iOS w czystym #css.
LINK
Kompilator #php do... Platformy .NET #dotnet
LINK
Krótki przewodnik po kolorach dla web developerów
LINK
Darmowy edytor graficzny przez przeglądarkę, którego interfejs i funkcje przypominają Photoshopa. W dodatku cechuje się bardzo dobrą obsługą plików PSD oraz XCF (Gimp). Idealny dla osób, których nie stać na PS lub dla tych, którzy korzystają z Linuksa.
LINK
Nie możesz się zdecydować jaką ścieżkę programistyczną wybrać? What f#&king programming language should I use powinno pomóc :D
LINK
SQL Injection, XSS, clickjacking, session fixation na interaktywnych ćwiczeniach.
LINK
Od niedawna, pełne kursy z zakresu web developingu oraz web designu są dostępne za darmo w serwisie "CSS-Tricks"!
LINK
Responsywne tabele:- w czystym #css:, - w #javascript: )
LINKLINK
Elevator.js rozwiązuje nudne powroty do góry strony! Koniecznie sprawdźcie ten skrypt :D
LINK
Spress to darmowy generator statycznych stron w #php. Nie posiada panelu administracyjnego. Wszystko odbywa się poprzez edycję plików.
LINK
Niedawno pojawiła się nowa wersja "frameworka" #css do budowy responsywnych maili prosto od Zurb-a.
LINK
Darmowy szablon dashboardu wzorowany na Ubuntu.
LINK
Właściciele Maców mogą się od niedawna zapoznać z nowym produktem Adobe - Experience Design CC, czyli projektu zwanego wcześniej "Comet". Narzędzie ma w znaczący sposób ułatwić prototypowanie i projektowanie aplikacji internetowych.
LINK
Bardzo ciekawy trick w CSS, który pozwala ostylować niewczytane lub uszkodzone obrazy.
LINK
Zestaw darmowych narzędzi do analizy #seo.
LINK
Biblioteka efektownych animacji do wykorzystania dla przeróżnych elementów #html.
LINK
Freezeframe.js to skrypt, który zatrzymuje animowane gify i uruchamia je podczas najechania na nie kursorem czy kliknięcia.
LINK
Lekki i responsywny system kolumn. #css
LINK
Darmowe narzędzie do zaciemniania kodu #php.(- wersja online: - wersja desktopowa: )
LINKLINK
Darmowa platforma do tworzenia manuali do brandingu
LINK
Deweloperskie środowisko do tworzenia gier 2D i 3D w #html5. Całkowicie Open Source :)
LINK
Kolejne źródło inspiracji, tym razem dotyczy dobierania czcionek.
LINK
Kolekcja ikon popularnych serwisów internetowych i firm.
LINK
Wiele inspiracji responsywnych projektów witryn.
LINK
Super łatwe tworzenie gradientów w #css przy pomocy gotowych bibliotek kolorów, np. Flat UI, Material Design itd.
LINK
Bardzo proste, ale jakże przydatne narzędzie służące do doboru czcionek.
LINK
Świetne narzędzie do tworzenia palety kolorów jak i przeglądania gotowych, stworzonych przez użytkowników.
LINK
Generator kodu do centrowania w #css (horyzontalnie i wertykalnie)
LINK
Spora baza logo dostępnych w formatach SVG oraz PNG. Może posłużyć również jako źródło inspiracji. #design #grafika
LINK
Responsywne pixel-arty!
LINK
Proste tooltipy w czystym CSS.
LINK
Darmowe i bardzo proste narzędzie do tworzenia prototypów graficznego interfejsu użytkownika. Niestety wersja darmowa ma kilka ograniczeń.
LINK
Interaktywne lekcje HTML5, CSS3, JavaScript, Git & GitHub, Node.js, React.js iD3.js.
LINK
Generator randomowych stron dla startupów
LINK
Biblioteka #css gotowych efektów :hover na obrazkach.
LINK
Od niedawna całkowicie darmowe narzędzie do prototypowania i projektowania responsywnych stron, które przypomina edytor graficzny. Generuje semantyczny kod HTML i CSS. Dostępne zarówno na Windows jak i na OS X. #design #webdesign
LINK
Więcej na ten temat przeczytacie w tym wpisie:
LINK
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 nie burzyły struktury strony, ale również były bardziej wydajne dla procesorów.
LINK
Shell dla Windowsa stworzony przez Polaków. Posiada menadżer pakietów, wiele funkcji znanych z linuksa, gita, #python, perla itd.
LINK
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!
LINK
Spora kolekcja inspiracji, a dokładniej komponentów interfejsu użytkownika:
LINK
Gra typu "tower defense", która przy okazji uczy korzystania z flexboksów w #css.
LINK
Wersja beta świetnego edytora od Blumentals Software dostępna do pobrania za darmo. Niestety nie wiem przez jak długi okres będzie można z niej korzystać z darmo. Podejrzewam, że do czasu ukazania się finalnej wersji.
LINK
ProcessWire jest opartym na licencji Open Source, systemem zarządzania treścią i frameworkiem skierowanym do potrzeb projektantów, programistów i ich klientów. ProcessWire daje większą kontrolę nad polami, szablonami i znacznikami od innych platform.
LINK
Myślicie, że to forma dowcipu czy jednak ktoś serio prowadzi taką stronę?
LINK
Kolekcja animowanych "hamburgerów" w #css!
LINK
Webowy framework dla #python, który cechuje się prostotą i szybkością.
LINK
Placeholdery z kotami :D
LINK
Darmowy ebook, z którym zbudujecie sieć społecznościową podobną do Instagrama przy pomocy #ruby on Rails.
LINK
Ś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
LINK
Prywatny Netflix na własnym serwerze? Czemu nie!
LINK
Wiedzieliście, że debugowanie #javascript w konsoli dewelopera nie na samym console.log() się kończy? Można również wyświetlić tablicę w formie tabelki - console.table(). Szczegóły tutaj:
LINK
Bardzo ładny i pomysłowy formularz wprowadzania danych karty kredytowej / debetowej w #css i #js.
LINK
Filtry (prawie jak z instagrama) dla zdjęć w #css.
LINK
Trzymasz swoje utwory w chmurze i chcesz ich słuchać w każdym miejscu? Wykorzystaj do tego Koel, przypominający interfejsem Spotify, i stwórz swoją przestrzeń muzyczną.
LINK
Koniec z brzydkimi komunikatami błędów w PHP! Dzięki whoops możesz zdebugować swoją aplikację w przyjazny dla oka sposób.
LINK
Faker to świetna biblioteka PHP, która wygeneruje dla Ciebie losowe dane. Dzięki niej upiększysz swoje dokumenty lub szybko zapełnisz bazę danych.
LINK
Plugin jQuery, który przełącza styl nagłówka wraz z przewijaniem strony. Oznacza to, że można dopasować go do każdej pozycji na stronie. Najlepiej sprawdźcie demo, żeby zrozumieć o co dokładnie chodzi ;)
LINK
Animowany tygrys w SVG + CSS
LINK
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.
LINK
GrapesJS to darmowa aplikacja do designowania stron bez konieczności pisania kodu. Skierowana raczej dla początkujących.
LINK
Efekt Parallaxy w czystym #css
LINK
Wielka ściąga #html5 w PDF:
LINK
Jeżeli wpiszecie w wyszukiwarce DuckDuckGo.com "[język] cheatsheet", to ujrzycie małą ściągawkę, np.
LINK
Świetne, interaktywne portfolio:
LINK
Darmowy framework zbudowany przy użyciu React (biblioteka #javascript do budowy interfejsów użytkownika opracowana przez programistów z Facebooka), który pozwala na szybkie i interaktywne działanie. Autorzy określają go jako Admin UI i mały CMS, który przyspieszy pracę deweloperowi.
LINK
Wskazówki dotyczące projektowania aplikacji, stron. Jak podejść do konkretnego elementu? Co więcej, każdy komponent na stronie można pobrać i podejrzeć ;)
LINK
Bardzo ciekawy #cms z polskim tłumaczeniem, który w dużym stopniu bazującym na plikach. W łatwy sposób można dodać własne pola przy edycji strony, wpisów itd. System szablonów oparty jest na znanym Twig-u. Bazuje na frameworku PHP "Silex".
LINK
jQuery.print jest pluginem, który pomaga wydrukować konkretne części strony.
LINK
Monthly to plugin #jquery responsywnego kalendarza z ciekawymi możliwościami.
LINK
Plugin jQuery, który daje efekt lupy na danym obrazie lub obszarze HTML.
LINK
Latte to silnik szablonów dla #php, który znacznie przyspiesza pracę i chroni przed atakami XSS.
LINK
Z pozoru zwyczajny i oldschoolowy button, ale cóż - pozory mylą :)
LINK
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.
LINK
Sprawdźcie 10 świetnych efektów najechania na obraz z ikonką.
LINK
Pixel Map Generator. Świetne narzędzie do sporządzania poglądowych map w swoich projektach. Mapę można pobrać jako plik HTML, SVG lub PNG.
LINK
Ciekawy slider wykorzystujący możliwości #svg.
LINK
Instrukcja, która pokazuje krok po kroku, jak wykonać prosty slider w samym #css.
LINK
No i stało się. Marka "Adobe Flash" to już przeszłość. Powitajcie Adobe Animate!
LINK
Open-sourceowy menadżer projektów, który może zostać zainstalowany na każdym serwerze obsługującym PHP i MySQL. Co ciekawe, aplikacja posiada (niedopracowaną) polską wersję językową..
LINK
Zbiór wszystkich klas Bootstrapa w jednym pliku PDF. Może ktoś będzie chciał to wydrukować?
LINK
Googl-Library-PHP - klasa #php, która w łatwy sposób pozwala skracać linki korzystając z usługi Google - goo.gl
LINK
"Silnik" #javascript efektu Parallax, który na urządzeniach mobilnych wykorzystuje żyroskop i dopasowuje się w zależności od orientacji urządzenia.
LINK
Open Source-owa "szkoła" nauki #php. I to w dodatku w terminalu.
LINK
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.
LINK
Obrazkowe placeholdery z możliwością dodania swojego tekstu.
LINK
Mała kolekcja jakże przydatnych tipów w ‪#‎CSS‬.
LINK
Kolejna metoda nazewnictwa i budowy komponentów w ‪#‎CSS‬
LINK
Świetne narzędzie do generowania kształtów-masek w ‪#‎CSS‬. Więcej o maskach w CSS tutaj:
LINKLINK
Jak budować komponenty w CSS przy użyciu metody BEM (Block Element Modifier)? Bardzo krótkie wprowadzenie.
LINK
Lekki i ciekawy framework ‪#‎CSSoparty na strukturze flexbox.
LINK
CMS.js jest javascriptowym generatorem stron działającym całkowicie po stronie klienta. Renderuje strony oraz wpisy na blogu po ich ręcznym przygotowaniu w HTML/CSS.
LINK
Responsive Image Breakpoints Generator. Jeżeli nie wiesz do czego to służy, przeczytaj ten artykuł:
LINKLINK
Bardzo mały i lekki framework ‪#‎CSS‬. Spakowany waży zaledwie 2kb! Idealny do mniejszych projektów!
LINK
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.
LINK
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.
LINK
Widzieliście wpis w dokumentacji #php o funkcji delete()? :D
LINK
Znacie Calltoidea? Jeśli nie, to szybko zapisujcie stronę calltoidea.com do zakładek! Znajdziecie tam potężny zbiór inspiracji! Od kolorów, formularzy po strony 404.
LINK
jQuery Tips Everyone Should Know
LINK
Efektowne filtry zdjęć w czystym #css.
LINK
Zastanawialiście się kiedyś jakich kolorów użyć dla danego obrazu? Sprawdźcie narzędzie Pictaculous
LINK
Narzędzie w #nodejs do generowania CV/Resume na podstawie pliku JSON.
LINK
5 powodów dlaczego warto używać #sqlite.
LINK
Konwersja plików, np. arkusza kalkulacyjnego, do #sql.
LINK
Dla początkujących w JS: VanillaJS jest szybkim, lekkim i wieloplatformowym frameworkiem do tworzenia niezwykłych i potężnych aplikacji #javascript( ͡° ͜ʖ ͡°)
LINK
SkyBlue to lekki i prosty framework #css. Idealny do mniejszych projektów.
LINK
Tridiv jest przeglądarkowym edytorem do tworzenia obiektów 3D w #css
LINK
Plugin #jquery, który pozwala utworzyć efektowne tooltipy. Posiada tak wiele ustawień, że na pewno skonfigurujecie go pod siebie.
LINK
Świetny zestaw pomysłów na animowane efekty przejść dla akcji :hover w CSS.
LINK
Bounce to narzędzie przez przeglądarkę, które pozwala umieścić notatki na projekcie strony internetowej. Stronę można zarówno wgrać jak i podać do niej adres, a aplikacja wykona jej zrzut ekranu.
LINK
Mała gra dla początkujących, która pomaga nauczyć się selektorów #css. Wystarczy wpisać odpowiedni selektor, aby ukończyć poziom.
LINK
Spora kolekcja animowanych preloaderów wykonanych w #css lub #javascript.
LINK
Plugin jQuery, który przypomina działanie lightboxa, ale różni się tym, że obiekty ulegają ładnej animacji powiększania lub unoszenia się na środek ekranu.
LINK
Plugin #jquery, przy pomocy którego stworzycie popularne ostatnio animowane "grafy" kołowe.
LINK
Biblioteka kolorów w stylu flat:
LINK
Ciekawy artykuł o backdoorach w aplikacjach PHP.
LINK
Animacje ładowania w czystym CSS.
LINK
Wiele ciekawych efektów CSS dla tekstowych linków.
LINK
Masz skompresowany kod JS i chcesz dokonać jego modyfikacji? Nic trudnego! Narzędzie poprawi go na bardziej czytelny.
LINK
Całkiem ciekawy skrypt galerii w #javascript
LINK
Chcecie dowiedzieć się jak pisać dobry kod #php?
LINK
Ponad 2500 darmowych ikon do pobrania w formacie PNG oraz SVG.
LINK
Ciekawy "edytor" HTML/CSS/JS online. Narzędzie oferuje nawet pracę w trybie kolaboracji.
LINK
Wiecie, że Firefox ma specjalną wersję skierowaną do web deweloperów?
LINK
Prosty debugger #css. Wystarczy, że wkleicie jedną linię kodu do konsoli:
LINK
Niektóre postacie z Avengers w samym CSS.
LINK
Świetny zestaw inspiracji dla ciekawych powiadomień z animacjami CSS.
LINK
Zbiór 471 plików graficznych, wartych ponoć 999$, do pobrania za darmo wraz z licencją do użytku komercyjnego.
LINK
Chcecie poczuć się jak filmowi hakerzy? Nie ma sprawy!
LINK
Wizualna porównywarka czcionek:
LINK
Niektóre postacie z Avengers w samym CSS.
LINK
Świetny zestaw inspiracji dla ciekawych powiadomień z animacjami CSS.
LINK
Zbiór 471 plików graficznych, wartych ponoć 999$, do pobrania za darmo wraz z licencją do użytku komercyjnego.
LINK
Chcecie poczuć się jak filmowi hakerzy? Nie ma sprawy!
LINK
Świetny zestaw pomysłów na animowane efekty przejść dla akcji :hover w CSS.
LINK
Bounce to narzędzie przez przeglądarkę, które pozwala umieścić notatki na projekcie strony internetowej. Stronę można zarówno wgrać jak i podać do niej adres, a aplikacja wykona jej zrzut ekranu.
LINK
Mała gra dla początkujących, która pomaga nauczyć się selektorów #css. Wystarczy wpisać odpowiedni selektor, aby ukończyć poziom.
LINK
Spora kolekcja animowanych preloaderów wykonanych w #css lub #javascript.
LINK
Plugin jQuery, który przypomina działanie lightboxa, ale różni się tym, że obiekty ulegają ładnej animacji powiększania lub unoszenia się na środek ekranu.
LINK
Plugin #jquery, przy pomocy którego stworzycie popularne ostatnio animowane "grafy" kołowe.
LINK
Dzięki magicmockups.com oraz mockdrop.io możecie w łatwy sposób wstawić swój projekt w miejsce laptopa, tabletu lub telefonu ;-)
LINKLINK
Prosty sposób na sprawdzenie zagęszczenia pikseli na Waszych ekranach.
LINK
Jeżeli szukasz fajnej i krótkiej domeny do swojego projektu,
LINK
Biblioteka "magicznych" animacji CSS
LINK
Bardzo ładny zamiennik JavaScript-owego alertu.
LINK
Wallop to biblioteka JS ważąca 4kb. Służy do tworzenia sliderów.
LINK
Od 1 lutego, każdy nowy kod wrzucony na Stack Overflow będzie udostępniany w ramach licencji MIT.
LINK
Animatron to proste lecz potężne narzędzie do tworzenia animacji #html5 wraz z interaktywną zawartością. W dodatku nie wymaga żadnych zdolności programistycznych. Niestety darmowy plan ma kilka ograniczeń.
LINK
Emmet LiveStyle, czyli (podobno) pierwsza taka aplikacja, która pozwala na edycję CSS, LESS i SCSS w czasie rzeczywistym zarówno w edytorze jak i konsoli dewelopera.
LINK
Jeżeli zapiszecie się do Microsoft Visual Studio Dev Essentials, to otrzymacie bezpłatny dostęp przez 6 miesięcy do platformy Pluralsight. Znajdziecie tam masę kursów, np. #javscript, #php, tworzenia aplikacji mobilnych, animacji 2D + 3D, node.js i wiele, wiele innych!
LINK
Darmowe narzędzie do konwertowania ikon SVG i PNG na czysty #css.
LINK
Ciekawa koncepcja tła:
LINK
Własna czołówka Star Wars? Czemu nie:
LINK
Paleta kolorów w stylu "material #design":
LINK
Darmowy kompresor plików PNG i JPG online, który obsługuje również przezroczystość. Jest w stanie zmniejszyć rozmiar pliku o 70%:
LINK
Kilka ciekawych tutoriali na komponenty webowe, które zbudujemy w czystym #html i #css:
LINK
Wszystkie dostępne kursory poprzez #css w jednym miejscu:
LINK
Możecie sprawdzić przy pomocy algorytmu pochodzącego z MIT, czy zdjęcie ma wysoki lub niski współczynnik zapamiętania:
LINK
Darmowy i prosty w implementacji skrypt #javascript "drag & drop":
LINK