Darmowe narzędzia i przydatne serwisy webowe dla webdesignerów

Wszyscy dobrze wiemy, że darmowe narzędzia do przyspieszenia/ułatwienia procesu projektowania stron internetowych - to rzeczy, który nigdy nie jest zbyt wiele. A ponieważ nowe zaawansowane technologie pojawiają się jak grzyby po deszczu, każdego dnia programiści i designerzy znajdują coś interesującego i nowatorskiego. Ale wyszukiwanie odpowiedniej treści w Internecie wymaga czasu.

Pomożemy Ci zaoszczędzić swój czas i siły! Zebraliśmy na tej liście najlepsze darmowe narzędzia do projektowania stron internetowych i serwisy, które mogą pomóc webdesignerom i programistom w pracy! Założę się, że niektóre z tych darmowych narzędzi naprawdę uprościją Ci życie!

Wszystkie narzędzia, artykuły, samouczki, wtyczki, porady i hackii opisane w tym artykule są dostępne za darmo. Jeśli jakieś narzędzie nie jest całkowicie bezpłatne, ma zawsze darmowy okres próbny, prze który będziesz mógł zdecydować czy naprawdę go potrzebujesz i czy jest ono warte swoich pieniędzy. Niektóre produkty mają zarówno płatne, jak i darmowe plany, które pozwalają także na zapoznanie się z nimi za darmo.

Lista obejmuje następujące sekcje:

• Narzędzia do projektowania webowego
• Darmowe rozwiązania dla Sketch i Mac
• UI/UX + przydatne info
• Narzędzia do kodwania i tworzenia stron
• Must-read dla deweloperów
• CSS
• JavaScript
• ES6
• Wtyczki
• Graj i ucz się kodować

Wystarczy kliknąć link, który Cię zainteresował, aby pominąć pozostałe sekcje, jeśli nie masz czasu, aby przeglądać je wszystkie lub nie obejmują informacji dotyczących dziedziny w której pracujesz.

• • Macaw - Narzędzie do projektowania stron internetowych, które zapewnia taką samą elastyczność jak Twój ulubiony edytor obrazów, ale także zapisuje semantyczny HTML i niezwykle zwięzły CSS.
  • Gravit - narzędzie do projektowania. Z jego pomocą można z łatwością tworzyć piękne logotypy, wizytówki, strony internetowe, ulotki i okładki mediów społecznościowych.
  • Lucidpress - pozwala tworzyć i udostępniać oszałamiające treści wizualne: broszury, ulotki, newsletter, raporty, publikacje cyfrowe, ulotki online, czasopisma cyfrowe itd.
  • Sparkle - Narzędzie do rysowania wektorów, które zapewnia nieskończone możliwości ekspresji. Sparkle nie blokuje Cię za pomocą sztywnych szablonów, układ jest dowolny. Narzędzie jest płatne, ale ma bezpłatną wersję próbną.
  • LogoGala - Projektanci mogą przesyłać swoje prace do rozważenia w galerii lub po prostu przeglądać galerię w poszukiwaniu inspiracji.

• • Fabricator - Uporządkuj swój system projektowania według swoich życzeń i potrzeb. Wygeneruj przewodnik stylu ze swojego kodu zestawu narzędzi. Napisz dokumentację w Markdown, aby Twój zestaw narzędzi był łatwy w użyciu dla innych programistów. Prototypuj szybko.
  • Uilang - Uilang jest dobry do tworzenia niestandardowych komponentów interfejsu użytkownika, dodawania interaktywności do strony, tworzeniu prototypów i td. Do pracy z nim nie jest wymagane posiadania zawodowego doświadczenia programistycznego.
  • Anijs - Biblioteka do rozwoju umiejętności projektowania stron internetowych bez kodowania. Zapewnia lepszą integrację między programistami i projektantami, jest łatwa w użyciu, szybka, działa dobrze na iPadzie, iPhonie, Androidzie iw nowoczesnych przeglądarkach.
  • ColorFavs - Ułatwia tworzenie i odkrywanie nowych kolorów i palet dla wszystkich projektów.

• Froont - Twórz strony responsywne samodzielnie, bez zatrudniania programisty. Każda strona utworzona za pomocą FROONT to statyczna strona, którą łatwo stworzyć i wczytać.
• STATNUT - STATNUT to centralna lokalizacja dla wszystkich statystyk internetowych. Aplikacja jest piękna i kolorowa.
• Designfeed - Właściwie po prostu powiedz Designfeed, co chciałbyś stworzyć, i automatycznie stworzy nieskończoną liczbę wariantów projektu do wyboru. Narzędzie automatycznie tworzy idealnie dopasowane wersje Twojego projektu do publikowania na wszystkich twoich platformach społecznościowych.
• Bonsai - Przeglądaj stawki freelance z Bonsai. Otrzymujesz 5 darmowych faktur przy rejestracji.
• The Pattern Library - Działający projekt, który jest zgodny z wzorami udostępnianymi przez najbardziej utalentowanych projektantów, abyś Ty mógł swobodnie używać swoich projektów. Kolekcja wzorów i jakości jest na najwyższym poziomie.
• Write a Book - Chciałbyś napisać książkę lub projektujesz książki dla strony trzeciej? To piękne narzędzie do produkcji zajmie się formatowaniem i konwersją, zanim jeszcze skończysz pisać.
• Hack - Pracuj z dowolnymi nowoczesnymi narzędziami do edycji fontów i dostosuj je do swoich potrzeb. Obejmuje pogrubione regularne, pogrubione, ukośne i pogrubione zbiory ukośne, aby pokryć wszystkie Twoje potrzeby w zakresie podświetlania składni. Zawiera ponad 1500 glifów, które zawierają pięknie dostrojone rozwinięte zestawy znaków łacińskich, nowożytnych greckich i cyrylicy.
• Desygner - Dzięki Desygner możesz edytować z komputera, tabletu lub telefonu, importować zdjęcia i tekst z plików Adobe PDF, PSD i Microsoft Powerpoint. Oferuje miliony darmowych publicznych obrazów do wyboru, tysiące darmowych tapet, naklejek i tekstu. Udostępniaj online lub pobieraj pliki PDF, JPG lub PNG za darmo.
• CMD space - Każdy projektant potrzebuje portfolio. Narzędzie łączy się z kontem Dribbble, dzięki czemu możesz stworzyć natychmiastowe portfolio ze swoimi projektami.
• WeVideo - WeVideo jest opartą na chmurze wspólną platformą do tworzenia wideo. Nie musisz być profesjonalistą, aby tworzyć wysokiej jakości filmy. Możesz jednak kontrolować wygląd wideo, w tym przejścia, szybki/powolny ruch, zielony ekran i inne. Także WeVideo pozwala zapisać swój dysk twardy.
• Semplice - Pierwszy w pełni responsywny system portfolio studium z zaawansowanymi funkcjami dla małych studiów i startupów.
• Build it with Me - To narzędzie, które pomaga kontaktować z podobnie myślącymi projektantami i programistami, których łączy wspólny cel: tworzyć fajne i przydatne aplikacje.
• Visage - To narzędzie do projektowania, które sprawia, że tworzenie treści wizualnych jest proste.
• Ezgif - Ezgif.com to prosty internetowy kreator i zestaw narzędzi do podstawowej animowanej edycji gif. Tutaj możesz tworzyć, zmieniać rozmiar, przycinać, odwracać, optymalizować i stosować efekty do gifów. Możesz użyć tego narzędzia online do prawie każdego innego typu obrazu (jpeg, png, bmp, tiff).
• Imgix - Dzięki imgix możesz zmieniać rozmiar i przetwarzać obrazy w czasie rzeczywistym za pomocą prostych poleceń URL. Wpisz URL lub kliknij przykład, a aplikacja rozwiąże każdą transformację obrazu podczas edycji i dodawania nowych operacji.

• Craft - Craft to nowy benchmark dla użytkownika wtyczki Sketch. Umożliwia bezpośrednią manipulację, traktowanie podobne do WYSIWYG dla próbnych danych. Posiada również prosty wbudowany interfejs do rozszerzania przykładowych danych poprzez kopiowanie i wklejanie płaskich plików tekstowych.
• Mobile Wireframe Kit - dokument Sketch składający się z kilku najczęściej używanych w projektowaniu aplikacji mobilnych elementów interfejsu użytkownika.
• Sketch Plugins - Zestaw wtyczke do Sketch stworzonych przez niezależnych programistów.
• Sketch Toolbox - Manager wtyczek do Sketch. Pozwala przeglądać najpopularniejsze wtyczki do Sketch. Pobiera i instaluje nowe wtyczki poprzez 1 klik.
• Sketch Land - Lista najbardziej przydatnych zasobów dla tych, którzy używają Sketch.
• Craft - Zestaw wtyczek do Sketch i Photoshop pozwalająca projektować z prawdziwymi danymi, importować mnóstwo danych i szybko duplikować rozszerzenia.
• Bjango - Wszechstronny zestaw szablonów ikon aplikacji dla programu Photoshop, Illustrator, Sketch i Affinity Designer. Szablony obejmują Androida, iOS, OS X, Apple TV (tvOS), Apple Watch (watchOS), Windows, Windows Phone i serwisy internetowe. Dodatkowo kolekcja zawiera akcji Photoshopa, skrypty Photoshopa, reguły Hazel, workflow OS X i inne rzeczy dla projektantów i programistów.
• Sketch Palettes - Wtyczka do Sketch pozwalająca zapisywać i ładować kolory do próbnika kolorów.
• Marvel - Wtyczka do Sketch do tworzenia mobilnych i webowych prototypów.
• Cognitom - Zestaw szablonów do tworzenia symbolicznych fontów lub font icnos do Sketch.
• Devices - Zestaw obrazów i plików popularnych urządzeń do Sketch.

Narzędzia dla Mac

• RapidWeaver - Projektuj, twórzj i opublikuj własną stronę internetową za pomocą tego narzędzia dla komputerów Mac.
• Cactus for MAC - Szybki i łatwy generator stron statycznych z wykorzystaniem najlepszej technologii projektowania witryn internetowych w jednym eleganckim rozwiązaniu.
• iOS 9 GUI - Ten zestaw pozwala analizować elementy interfejsu użytkownika dla iOS 9 w formacie wektorowym. Użyj go do prezentacji i projektowania świetnych aplikacji.

UI/UX Narzędzia

• UI - Codzienna inspiracja zebrana z archiwum UI i nie tylko. Ponad 2200 projektów podzielonych na 117 kategorii.
• Heat Map - Heat map pomoże Ci zrozumieć, do jakich elementów stron użytkownicy poświęcają mniej lub więcej uwagi. Wynik jest zwykle dostępny w czasie krótszym niż 20 sekund. Nie trzeba wstawiać specjalnych kodów ani skryptów. Algorytm opiera się na badaniach naukowych.
• Usability Square - To miejsce, w którym entuzjaści usability zbierają się, aby przetestować swoje pomysły i produkty, a także masz możliwość uzyskania obiektywnych opinii od prawdziwych ludzi.
• Marvel - Zamień projekty i szkice na prototypy iOS przeciągając je i upuszczając do Marvela, wysyłaj prototyp do użytkowników i rozpocznij testowanie. Zobacz dokładnie, co się stało w każdym punkcie swojego prototypu, a następnie podziel się wynikami ze swoim zespołem.

Studia UI/UX

• URX - Nate Hindman opowiada jak dodać przycisk "Kupić" do swojej aplikacji bez kodowania za pomocą URX.
• Chinese Mobile UI Trends - Chińskie UI trendy mobilne - artykuł Dana Grover'a.
• Animation Principles - Pięć zasad efektywnej animacji w UX autorstwa Linn Vizard.
• UX Design Steps - Projektowanie UX w 14 prostych krokach, autorstwa Alana Coopera.
• Using Micro-interactions - Metody korzystania z mikro-interakcji w Twojej witrynie, autorstw Stephena Moyersa.
• Mind Control in Web Design - 9 sposobów na wykorzystanie kontroli umysłu w projektowaniu stron internetowych w prostej infografice.
• Prototyping Tips - Wskazówki Charlesa Costy, które pokażą co trzeba zrobić aby prototypowanie stało się łatwiejsze.
• Content Wireframes for Responsive Design - Tworzenie wireframeów treści do projektowania responsywnego - poradnik autorstwa Tom Green.

• Im Creator - To więcej niż typowy program do tworzenia stron internetowych. Tutaj możesz użyć gotowych pasków i polydom do stworzenia. Nie musisz kodować, a wyniki są w pełni responsywne i przyjazne dla Google. Jest również wyposażony w eCommerce i blog.
• StackHive - StackHive pozwala projektować responsywne i perfekcyjne strony internetowe za pomocą interfejsu "Przeciągnij-i-Upuść", automatycznie generuje kod HTML, CSS i JS. Zapewnia rozbudowane panele stylizacji i animacji, które kontrolują każdy aspekt Twojego projektu i interakcje.
• RAML - Z RAML widać, jak wygląda Twój interfejs API podczas projektowania w czytelnym, czystym tekście. Możesz nie tylko udoskonalić swój projekt interfejsu API, ale również stworzyć w pełni funkcjonalną wersję próbną dla klientów, partnerów i wewnętrznych inżynierów, którzy mogą ją przeglądać i rozbudowywać.
• Design Research Techniques - To jest internetowe repozytorium dla uczestniczących technik projektowania. Techniki te pomagają w przekształceniu cyklu życia projektu poprzez udział wielu zainteresowanych stron, w tym potencjalnych użytkowników lub odbiorców, partnerów lub zespołów wewnętrznych.
• Surreal CMS - Surrealistyczny CMS łączy się z Twoją witryną poprzez FTP, SFTP lub Amazon S3, aby wprowadzić zmiany. Już nigdy nie będziesz musiał martwić się o aktualizacje. Twoi klienci będą mogli edytować zawartość tylko w określonych elementach. Wszystkie zmiany są śledzone, dzięki czemu możesz zobaczyć, co robią Twoi klienci, a nawet przywrócić poprzednie wersje, jeśli zajdzie taka potrzeba. Bezpłatna 14-dniowa wersja próbna dostępna.
• Brackets - Open-source edytor tekstowy dla projektantów webowych napisany w językach JavaScript, HTML i CSS.
• Web Designer - Twórz angażujące, interaktywne projekty oparte na HTML5 i animacje dynamiczne, które można uruchamiać na dowolnym urządzeniu. Jest to kompletny pakiet designerski, który pozwala w łatwy sposób ożywić każdą wizję. Narzędzie obsługuje HTML5 i CSS3, dzięki czemu możesz skupić się na tworzeniu wspaniałych wrażeń wizualnych.
• Responsive Web Design Tester - Przetestuj swój projekt na dowolnym urządzeniu, szybko przejrzyj responsywne projekty witryn internetowych w wymiarach, które będą widoczne w popularnych gadżetach mobilnych.
• Browser Shots - Browsershots tworzy zrzuty ekranu Twojego projektu internetowego w różnych systemach operacyjnych i przeglądarkach. W ten sposób możesz przetestować kompatybilność z przeglądarką internetową w jednym miejscu.
• Fenix Web Server - Fenix to prosty statyczny stacjonarny serwer WWW. Dobry dla programistów i projektantów pracujących z witrynami statycznymi. Dzięki Fenix możesz odpalać/zabijać statyczne serwery sieciowe, automatycznie wykrywa dostępne porty. Obejmuje skrzynkę odbiorczą, obsługę Growl, renderowanie Markdown i zręczne narzędzie wiersza poleceń. Pozwala wizualnie zarządzać lokalnymi witrynami obok siebie, z miniaturami, dziennikami i wieloma innymi elementami, rozwijać się lokalnie i udostępniać online przez tunel lokalny.
• NW.js - NW.js umożliwia wywoływanie wszystkich modułów Node.js bezpośrednio z DOM i umożliwia nowy sposób pisania aplikacji we współczesnych HTML5, CSS3, JS i WebGL.
• Commerce.js - Narzędzie pozwala szybko tworzyć piękne doświadczenia e-commerce, które zaczynają się od kilku linii kodu.
• Valence - Valence to eksperymentalny dodatek, który umożliwia Narzędziom programistycznym Firefoksa debugowanie większej liczby przeglądarek, nie tylko opartych na Gecko przeglądarek Firefox, Firefox na Androida i Firefox OS. Początkowe cele debugowania to Chrome na Androida, Chrome Desktop i Safari na iOS.
• Bedrock - Narzędzia WordPress z nowoczesnymi rozszerzeniami programistycznymi, łatwiejszą konfiguracją i ulepszoną strukturą folderów.
• MJML - MJML to język znaczników, który redukuje ból związany z kodowaniem responsywnej wiadomości e-mail. Jego semantyczna składnia czyni ją łatwą i prostą, a bogata biblioteka komponentów standardowych przyspiesza czas rozwoju i rozjaśnia kod pocztowy.
• Firebug - Najpopularniejszy i najbardziej rozbudowany program do tworzenia stron internetowych, który pozwala na przeglądanie HTML oraz modyfikowanie stylu i układu w czasie rzeczywistym. Skorzystaj z zaawansowanego debuggera JavaScript dostępnego dla dowolnej przeglądarki, dokładnie analizuj wykorzystanie sieci i wydajność, rozszerz Firebug i dodaj funkcje, aby Firebug był jeszcze potężniejszy.
• Web Starter Kit - Web Starter Kit to łatwy sposób na rozpoczęcie nowego projektu. Zawiera wszystkie pliki potrzebne do rozpoczęcia nowego projektu internetowego.
• UserForge - Twórz realistycznie reprezentacje grup użytkowników przy znacznie mniejszej liczbie kliknięć niż przy użyciu oprogramowania do projektowania lub edytorów tekstów, synchronizuj interesariuszy na każdym etapie, zapraszaj ludzi do współpracy i wkładaj w proces iteracji poprzez szczere komentarze i dyskusje lub po prostu dziel się swoimi unikalny adres URL osobnej osoby z dostępem do prezentacji tylko do odczytu.
• Kore - Kore jest łatwym w użyciu środowiskiem aplikacji internetowych do pisania skalowalnych interfejsów API w języku C. Jego główne cele to bezpieczeństwo, skalowalność i umożliwienie szybkiego opracowywania i wdrażania takich interfejsów API.
• Hoodie - To kompletny backend dla twoich aplikacji: opracuj swój kod frontendowy, podłącz go do naszego API i ciesz się gotową aplikacją.
• Tumult Hype - Twórz piękne treści internetowe HTML5 bez konieczności kodowania. Interaktywne treści internetowe i animacje wykonane przy użyciu Tumult Hype działają na komputerach stacjonarnych, smartfonach i iPadach.
• WebShell - WebShell to aplikacja internetowa z pakietem do aplikacji OS X bez kodowania.
• UberBot - Jeśli chcesz porównać umiejętności swoich i znajomych, udostępnij bota i sprawdź, czy mogą go pokonać.
• WatchPeopleCode - Tutaj możesz zobaczyć livestreme ludzi, które zajmują się kodowaniem.
• Mobirise - To aplikacja offline dla systemu Windows i komputerów Mac, która umożliwia łatwe tworzenie małych / średnich witryn, stron docelowych, CV online i portfolio, witryn promo dla aplikacji, wydarzeń, usług i produktów.
• GrapesJS - GrapesJS to narzędzie nowej generacji do tworzenia szablonów bez kodowania.
• Plyfe - Twórz interaktywne karty: angażuj i konwertuj odbiorców dzięki rosnącemu katalogowi interaktywnych kart Plyfe. Wystarczy wybrać interaktywną kartę, przesłać zdjęcia, filmy, gify i opublikować w dowolnym miejscu.
• Mailmalade - To narzędzie pozwala szybko tworzyć wiadomości HTML kompatybilne z plikami projektowymi. Nawet nie będziesz potrzebował zawodowej wiedzy o kodowaniu.
• Challenge Hunt - To konkurs na programowanie open source i agregator hackathon. W jednym miejscu możesz zobaczyć wszystkie aktywne, nadchodzące konkursy na kodowanie, hakatony, wyzwania związane z zatrudnianiem i nauką danych.
• Devskiller - To narzędzie do przeprowadzania wywiadów na żywo dla osób, które przeprowadzają wywiady z inżynierami. Wybierz spośród 30 języków, mnóstwo opcji do przeprowadzania wywiadów.
• My Tips - Narzędzie do tworzenia aktualnych podpowiedzi i samouczków produktowych bez kodowania.
• Etleap - Narzędzie pozwala łączyć ze sobą wszystkie ważne źródła danych, analizować dane szybciej niż kiedykolwiek wcześniej i nigdy więcej nie martwić się o ETL.
• Code Fight Club - To prawdziwy fight club dla programistów. Tutaj możesz głosować, komentować lub rozpocząć własną walkę na kod.
• Experimental Platform - To platforma eksperymentalna do programowania.

Narzędzia do współpracy programistycznej

• Figma - Dzięki Figma możesz wykonywać prace projektowe online, pracować z innymi na tym samym projekcie, w tym samym czasie. Twoja praca jest ciągle zapisywana. Narzędzie działa na dowolnym systemie operacyjnym i jest bezpłatne w ramach wersji zapoznawczej.
• Simple Team - Świetne narzędzie dla programistów i projektantów. Daje zespołowi jedną platformę, umożliwiając jej członkom wspólne projektowanie, proramowanie i komunikowanie miądzy sobą.

• Getting ready for HTTP/2 - Przygotowania do HTTP/2: przewodnik dla projektantów stron internetowych i programistów autorstwa Rachel Andrew.
• Google Accelerated Mobile Pages - Zmień swój AMP na 11: wszystko, co musisz wiedzieć o przyspieszonych mobilnych stronach Google, autorstwa Christiana Cantrella.
• Improve Google Ranking - 5 sposobów na poprawę pozycji Google w SERPach dzięki CDN, autorstwa Briana Jacksona.
• A Frame - Anatomia frame, autorstwa Aerotwist.
• Cleaning After Internet Explorer - Sprzątanie domu po Internet Explorer, autorstwa Adriana Sandu.
• Jade Tutorial for Beginners - Poradnik Jade dla początkujących autorstwa Sanjaya Guruprasad.
• Remote Debugging - Zdalne debugowanie dla programistów front-end, autorstwa Panayiotis Velisarakos.
• Frontend Design - Front-end design, autorstwa Brad Frost.
• Packt Pub - Tutaj możesz zapoznać się z najnowszymi, najbardziej ekscytującymi i najlepiej sprzedającymi się książkami i filmami dla projektantów i programistów wybieranych ręcznie przez redaktorów witryny.

CSS Narzędzia

• HTML Cheat Sheet - Ten interaktywny arkusz HTML do cheatów zawiera pełną listę wszystkich elementów HTML, w tym opisy, przykłady kodu i podgląd w czasie rzeczywistym.
• Enjoy CSS - Jest to zaawansowany generator CSS do tworzenia stylów graficznych bez kodowania.
• CSS Typeset - Po prostu wklej tekst, który chcesz zmodyfikować, a następnie skopiuj i wklej wygenerowany styl CSS do arkusza stylów.
• Imperfect Buttons - Ręcznie rysowane obramowania przycisków. Długopis autorstwa Tiffany Rayside.
• Poor Man's Styleguide - nakładki na styl, przeznaczone do skopiowania i wklejenia do systemu CMS. Jeśli nie jesteś użytkownikiem Twitter Bootstrap, nie masz czasu ani pieniędzy, aby stworzyć niestandardową bibliotekę wzorców CSS, użyj tego poradnika.
• Sass Placeholders - Sass: symbole zastępcze i selektory @extend-only autorstwa Steven Bradley.
• Penguin - Penguin: bez HTML, bez JS. autostwa Abdullaha Abusalla

Studia CSS

• Responsive Web Design Tutorial - tutorial dotyczący projektowania stron internetowych: pytania, mity, problemy i prawdziwe rozwiązania autorstwa Jeffa Bella.
• How to Use Variables in Chrome 49 - Właściwości niestandardowe w CSS: jak używać zmiennych w Chrome 49 autorstawa Ioanni Mitsakis.
• Object Fit and Object Position - Szybki przegląd "dopasowania obiektu" i "pozycji obiektu" autorstwa Robina Rendle'a.
• Dynamic Portfolio with CSS Scrolling Snap Points - Twórz dynamiczne portfolio dzięki CSS przewijaniu punktów według nowego kodu.
• Theme Switcher - Przełącznik motywów z pomocą niestandardowych właściwości CSS autorstwa Michaela Scharnagla.

JS Narzędzia

• Learn JS - Jak nauczyć się JavaScript autorstwa Derek Sivers.
• MERN - narzędzie, które ułatwia tworzenie izomorficznych aplikacji za pomocą Mongo, Express, React i NodeJS. Minimalizuje czas konfiguracji i przyspiesza korzystanie ze sprawdzonych technologii.
• Ember - Programowanie funkcyjne w Ember - Jeffrey Biles przeprowadza wywiady z utalentowanymi deweloperami Ember z całego świata, które dzielą się swoimi wyzwaniami, pasjami i osiągnięciami.

Studia JS

• Generating PDFs from Web Pages - Generowanie plików PDF ze stron WWW w locie z jsPDF autorstwa Massimo Cassandro.
• Animating the Unanimatable - Animacja. Płynna zmiana kolejności przejść w pliku React.js autorstwa Joshua Comeau.
• Consuming Laravel API with AngularJS - Jak korzystać z Laravel API z pomocą AngularJS autorstwa Francesco Malatesta.
• Angular Styleguide - Punkt wyjścia dla zespołów programistów Angular, który zapewni spójność dzięki dobrym praktykom.
• Rest Service in AngularJS - Call Rest Service w AngularJS autorstwa Gul Md Ershad.
• Building SPAs with AngularJS - Niezbędne narzędzia do budowania SPA z pomocą AngularJS autorstwa Nora Georgieva.
• Animations in React - Płynne animacje w grze w React autorstwa Jen Liu.

Narzędzia ES6

• ES6 - ES6 cheatsheet.
• ES6 Library - Minimalny starter dla biblioteki ES6.
• Descartes - eksperymentalna biblioteka do pisania CSS w JavaScript dla programistów.
• Search Index - wyszukiwarka pełnotekstowa do przeglądarki i Node.js.

Studia ES6

• JavaScript Promises - JavaScript Promises – jak działają autorstwa Matt Behrens.
• JS Promise Object - JavaScript: jak definiować i przetwarzać Promise Object autorstwa Ajitesh Kumar.
• Emails with Gmail JavaScript API - Wysyłanie e-mail z pomocą Gmail JavaScript API autorstwa Jamie Shields.
• Ajax/jQuery.getJSON Example - Proste przykłady Ajax/jQuery.getJSON autorstwa Florian Rappl.

• Waka Time - To jest wtyczka do ilościowego oznaczania kodowania. Dane, wglądy i śledzenie czasu są generowane automatycznie na podstawie aktywności programistycznej.
• Bricks.js - Szybki generator układu лфаудлщцупщ dla elementów o stałej szerokości.
• okayNav jQuery Plugin - Ta wtyczka ma na celu stopniowe zwijanie linków nawigacyjnych do nawigacji poza ekranem, zamiast robić to dla wszystkich linków jednocześnie.
• jQuery easypin - Prosta i szybka wtyczka przypinająca obiekty na zdjęciach.
• Sticky Elements - Twórz lepkie elementy i lepkie linki.

• Hour of Code - W tym specjalnym wydaniu Hour Island Code Box, Ty/Twoje dzieci poznają podstawy algorytmów, sekwencji, pętli i warunków. Titorial jest prowadzony przez studenta i jest przeznaczony dla wszystkich grup wiekowych.
• Codingame - Ucz się i doskonal swoje umiejętności w zakresie programowania, grając w gry.
• Hopscotch - Poznaszj podstawy CS, takie jak abstrakcja, zmienne, pętle i inne elementy.
• MeteorToys - Niezwykle przydatne narzędzia programistyczne, które pomogą Ci tworzyć różne aplikacje. Korzystanie z MeteorToys zwiększa szybkość pracy dzięki usunięciu różnych problemom i pomaga szybciej tworzyć gotowe, funkcjonalne rozwiązania webowe.
• ScratchJr - Dzięki ScratchJr dzieci mogą programować własne interaktywne historie i gry. W procesie uczą się rozwiązywać problemy, projektować elementy itd. Przeznaczone dla dzieci w wieku 5-7 lat.

* * *

Tak wyglądała lista z 137 narzędzi do projektowania i tworzenia stron internetowych oraz przydatnych serwisów. Czy korzystałeś kiedyś z jakiegoś z tych narzędzi? Jeśli Twoja odpowiedź brzmi "tak", napisz z którego z nich w komantarzach!