Nowe narzędzia do projektowania są jak nowe zabawki. Prawdopodobnie zawsze szukasz elementów, które ułatwią ci życie. Tutaj mamy je. Od nowych wydawnictw po zaktualizowaną dokumentację, aż po otwarty kod źródłowy z Kickstartera do kilku funky krojów pisma, ta wyprawa jest wypełniona gadżetami.

Prawie wszystko na liście w tym miesiącu jest bezpłatne, a kilka płatnych aplikacji i narzędzi o wysokiej wartości. Z pewnością przydadzą się projektantom i programistom, od początkujących po ekspertów.

Jeśli przegapiliśmy coś, co według Ciebie powinno znaleźć się na liście, daj nam znać w komentarzach. A jeśli znasz nową aplikację lub zasób, które powinny pojawić się w przyszłym miesiącu, dodaj do tego tweeta @carriecousins do wzięcia pod uwagę!

Bulma

bulma

Bulma to nowoczesne środowisko CSS oparte na Flexbox. Pozwala to na pełną szybkość działania frameworka, przy jednoczesnym wykorzystaniu najbardziej aktualnego narzędzia układu dostępnego w CSS. Responsywny, modułowy i darmowy, jest mocny i lekki.

Bezbłędna lista kontrolna typografii

typewolf

Typewolf's Bezbłędna lista kontrolna typografii to kompleksowy zestaw reguł dla typografii internetowej. 100 pozycji na liście premium zawiera szczegółowe wyjaśnienie i pomocny przewodnik wizualny, dzięki czemu wiesz dokładnie, jak zaprojektować świetną typografię.

Figma

figma

Figma twierdzi, że jest pierwszym narzędziem do projektowania interfejsu użytkownika współpracującym w czasie rzeczywistym. Cały zespół może pracować na tym samym pliku projektu na raz. Może to brzmieć myląco, ale oszczędza czas, importuje ze Sketcha i działa na komputerach Mac i Windows.

Kod aplikacji Kickstarter

Kickstarter

Chcesz zbudować aplikację na iOS lub Androida, taką jak Kickstarter? Jest to teraz możliwe, ponieważ kod dla dobrze używanej platformy jest otwarte źródło . Możesz znaleźć zrzuty ekranu, place zabaw i mnóstwo innych gadżetów na GitHub. Jest mnóstwo kodu, dzięki któremu możesz zacząć korzystać z aplikacji lub pomyśleć o rozwoju. Użyj go jako podstawy do rozpoczęcia lub do nauki, aby lepiej zrozumieć, jak spotykają się tego typu aplikacje.

Rellax

rellax

Rellax jest lekką, wanilową biblioteką JavaScript do przewijania paralaksy. Zaimplementuj przewijanie paralaksy za pomocą pojedynczej linii i dostosuj prędkość za pomocą jednego atrybutu. Samozwańczający opis tego "dziwacznego" kodu JS przeczy temu, jak bardzo jest on użyteczny.

MusicForProgramming

musicforprogramming

Potrzebujesz pomocy w pracy nad szarością stycznia? musicForProgramming's osłaniam cie. Jest to zestaw miksów, które pomagają zwiększyć produktywność i pomagają skoncentrować się na kodowaniu. Plus ma przyjemnie brutalistyczną stronę internetową.

Material.io

wygląd materiału

Google stworzył całość nowa strona internetowa ze wszystkimi zasobami, których potrzebujesz do projektu Material Design. Nowy dom dla wszystkich rzeczy Material Design zawiera system na pierwszy rzut oka, zasady stylu, branding, interakcje i zasady ruchu. Jest też galeria przykładów i środowiska wystawienniczego, które wkrótce się otworzy.

Patterninja

patterninja

Patterninja to narzędzie, które łączy obrazy i tworzy wzorce. Użyj obrazka lub załączonej biblioteki, aby utworzyć różne typy wzorów, które można wykorzystać w projektach internetowych lub pobrać jako wersje w wysokiej rozdzielczości do pracy w trybie offline. Narzędzie jest bardzo łatwe w użyciu i zabawne.

Projekt atomowy

atomowy

Książka Brada Frosta Projekt atomowy jest teraz dostępny w wersji drukowanej i online. Zawiera szczegółowe informacje na temat teorii Frosta na temat projektowania systemów interfejsów i zapewnia wszystko, co musisz wiedzieć, aby być skutecznym projektantem interfejsu użytkownika w 2017 roku.

Protopie

protopie

Protopie to nowe narzędzie do projektowania interakcji mobilnych bez żadnego kodu. Obsługiwanych jest wiele gestów, a także przyspieszeniomierze i mikrofony. Dołączona jest oś czasu do precyzyjnego dostrajania interakcji, a do organizacji projektów można zastosować sceny.

Rozbić

rozbić

Rozbić to narzędzie, które pozwala na przeglądanie zdjęć i obrazów, filmów i dokumentów z dowolnego urządzenia bez konieczności pobierania czegokolwiek. Najlepszą rzeczą w tej usłudze jest to, że nie ma takich samych ograniczeń co do rozmiaru pliku poczty e-mail lub innych usług dostarczania.

Wpisz Nugget

typenugget

Wpisz Nugget to świetny projekt, który pozwala wizualnie zaprojektować schemat typograficzny, a następnie wyeksportować go do CSS. Generuje uporządkowany, możliwy do wykorzystania CSS z podglądu na żywo, ale pamiętaj, że wciąż jest w wersji beta, więc niektóre funkcje, takie jak punkty przerwania i galerie tworzone przez użytkowników, wciąż będą dodawane.

Prospero

prospero

Prospero to proste narzędzie ułatwiające projektantom tworzenie propozycji projektów. Narzędzie, które wciąż jest w wersji beta, zostało stworzone, aby pomóc Ci z łatwością śledzić propozycje. Oni również płacą za twoje wygrane; musisz zapłacić za usługę tylko wtedy, gdy oferta zostanie przyjęta i zwrócona.

Anime.js

anime_js

anime.js to lekka biblioteka JavaScript dla nowoczesnej animacji internetowej. Działa z CSS, transformacjami, obiektami SVG i atrybutami DOM. Prosta do nauczenia i łatwa w użyciu, jest lepszą opcją niż domyślne ustawienia CSS lub JavaScript.

Joga

joga

Joga to wieloplatformowy układ graficzny, który umożliwia współpracę pomiędzy członkami zespołu. Narzędzie jest używane wewnętrznie na Facebooku, które udostępniło układ CSS ogółowi. Biblioteka układów została zaprojektowana do pracy jako samodzielny silnik. Najlepsza część? Jeśli masz już wiedzę na temat Flexbox, joga będzie bardzo prosta. Piszesz kod w Javie, C #, Objective-C i C.

Coggle

coggle

Coggle umożliwia projektantom lub zespołom szybkie i łatwe udostępnianie notatek w sposób wizualny. Narzędzie "mindmap" działa w chmurze, dzięki czemu można wizualizować pomysły w czasie rzeczywistym w przeglądarce z dowolnej lokalizacji.

@colorschemez

colocschemez

Colorschemer jest cudownym twitterem, który wysyła pozornie przypadkowe kombinacje palet barwnych, takich jak niesprzeczny głęboki liliowy, najgwałtowniejszy błękit ultramarynowy i barwnik pirheliometryczny. Kanał jest już dostępny od jakiegoś czasu, ale teraz koncentruje się na robotach, ten jest doskonałym przykładem najlepszych praktyk. Dodatkowo możesz znaleźć zaskakująco nieoczekiwane zgrupowanie kolorów.

Wyzwanie rysowania

rysunek-wyzwanie

Podejmij wyzwanie rysowania. Magazyn Smashing ma świetny samouczek na nowy rok, aby pomóc Ci zacząć od szkicowania. Wyzwanie pomoże ci lepiej myśleć o problemach i rozwiązaniach z punktu widzenia projektu. Co więcej, ćwiczenie ma na celu pomóc ci poprawić twoje umiejętności w programach Adobe Photoshop, Illustrator i After Effects. Odświeżanie lub aktualizowanie umiejętności w tym oprogramowaniu jest zawsze dobrą rzeczą.

Złe ikony

evil_icons

Złe ikony to bezpłatny zestaw ikon SVG w prostym stylu linii. Obsługa kodu dla Rails, Sprockets, Node.js, Gulp, Grunt i CDN jest uwzględniona. Wydany pod licencją MIT, nie jesteśmy pewni, co w nich takiego złego.

Barking Cat

szczekanie kota

Barking Cat jest zabawnym nowatorskim krojem, który projektant nazywa "chrupką 3D". Małe litery mają pięć różnych wersji, które są cyklicznie wpisywane, dzięki czemu projekt wygląda bardziej ręcznie.

Nunito Sans

nunito

Nunito Sans jest wysoce czytelnym, zrównoważonym sans serif, który jest dostępny za pośrednictwem Google Fonts. Postacie mają cienkie, jednakowe szerokości obrysu, które mogą pracować dla kopii ciała lub ekranu.

Merthy

Merthy

Merthy to rozbudowany krój pisma z dużą ilością ozdobników. Krój pisma ma raczej kobiecy charakter, ale może przybierać dodatkowe znaczenie w oparciu o resztę projektu. Zestaw znaków demo jest bezpłatny, z dostępnym do pobrania dodatkowymi opcjami.

Abhaya Libre

abhaya

Abhaya Libre jest prostym zestawem znaków serif zgodnych z Unicode. Jest dostępny za pośrednictwem Google Fonts. Możesz rozpoznać zestaw znaków; pochodzi z FM Abhaya, który został zaprojektowany w 1996 roku.

Malarz

malarz

Malarz powiela krój stylu oldschoolowej koszulki baseballowej z kiczowatymi literami i mnóstwem zastępców. Gruba liternictwo może sprawić, że będzie wyglądał ładnie, co może działać w wielu typach projektów.

Culrs

culrs

Culrs to wybrany zestaw kolorów do wykorzystania w projektach, które są wyświetlane w określonych kategoriach. Możesz wybrać pełne nadziei kolory, minimalistyczne kolory, japońskie kolory i wiele więcej. Załóż konto i możesz zapisać zestawy, które lubisz najbardziej.