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.
Ten artykuł został przetłumaczony z angielskiego. Oryginał można znaleźć tutaj: New Free Web Design Tools & Resources Shortcut. Design is Easy if You Do it Smart!
* * *
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!