Narzędzia
komentarze 3

Narzędzia dla webdesignerów

Ważną częścią pracy dobrych webdesignerów jest bycie na bieżąco z trendami
i narzędziami usprawniającymi pracę. Codziennie pojawiają  się setki artykułów
na temat web designu i nie sposób przeczytać ich wszystkich. W tym poście zajmiemy się narzędziami wspomagającymi webdesignerów w ich codziennych trudach, jak i wspomnimy o stronach, które pomogą Wam ogarnąć zakamarki internetów opowiadających o webie i być zawsze jeden krok przed wszystkimi!

Font Awesome

Na Font Awesome znajdziecie skalowalne ikony wektorowe, które możecie dostosować do swoich potrzeb (kolor, rozmiar, cienie) dzięki CSS.

fontawesome webdesign

Font Awesome

Perfect Icons

Perfect Icons umożliwi Wam stworzenie ikon mediów społecznościowych (wraz
z generowanym HTML i CSS).

perfecticons webdesginer

Perfect Icons

Window Resizer

Rozszerzenie dla Chrome umożliwiające zmianę rozmiaru okna przeglądarki. Dzięki Window resizer możecie przetestować jak wygląda Was projekt na różnych rozdzielczościach.

Window Resizer

Freebbble

Wiele dobra znajdziecie na Freebble – dużo template’ów, UI, landing page, bootstrapy czy animacje.

freebbble webdesigner

Freebbble

1st Webdesigner

Bardzo dobry blog tworzony przez społeczność digitalowych pasjonatów.
Najpierw przeczytajcie ten post.

1st Webdesigner

Freebiesbug

Dużo darmowych resourców dla web designerów, w tym templates, UI czy pluginy.

freebiesbug webdesigner

Freebiesbug

UI space

Kolejna strona z darmowym stuffem. Głównie UI, ikony i mockupy.

uispace webdesigner

UI Space

Pttrns

Przeglądajcie do woli wzory mobilnych interfejsów i wybranych elementów.

Pttrns

Flat UI Color Picker

Jeśli zależy Ci na ładnym flacie, skorzystaj z tej palety kolorów. Więcej na temat palet możecie przeczytać w naszym poście.

flatuicolorpicker webdesigner

Flat UI Color Picker

 

UI Cloud

Największa na świecie baza projektowania interfejsu.  Elementy UI i UI kits do ściągnięcia za darmo.

ui cloud webdesigner

UI Cloud

Tech&All

Kolejna strona z pomocami dla webdesignerów. Znajdziecie tutaj skrypty, templates, mockupy, UI, nawigacje, skrypty i wiele innych.

techandall webdesigner

Tech&All

 

Site Inspire

Nie macie pomysłu na stronę? Brakuje Wam inspiracji? Od tego jest site inspire 🙂 Strony można przeglądać filtrując kategorie, typ, platformię i styl.

Site Inspire

UX checklist

Masz właśnie oddać gotową stronę? Jesteś pewien, że zrobiłeś wszystko?
UX checklist to ściąga dla designerów, która pomoże zaplanować projekt, lub posłuży za listę kontrolną, na której można odhaczyć zakończone etapy pracy.

UX checklist

uxchecklist

Pineapple.io

Agregator linków dla webdesignerów i developerów.

Pineapple.io

 

Templated

Templated, czyli kolekcja ponad 800 szablonów w CSS i HTML5 na licencji Creative Commons.

templates

Templated

Html5 Sites

Zbiór najciekawszych stron z wiedzą o HTML5

Html5 Sites

Html5 Weekly

Nie macie czasu przeglądać wielu stron w poszukiwaniu nowego contentu? Zapiszcie się do newslettera Html5 Weekly, aby dostać najciekawsze info na swoją skrzynkę.

Html5 Weekly

Unheap

Zorganizowana i duża baza pluginów JQuery z różnych kategorii: UI, Media, Inputs, Nav czy Animacje i Efekty.

Unheap

unheap

Unsplush it

…czyli zrób sobie placeholder 🙂

Unsplush it

AWWWards

Strony nagrodzone przez Awwards, czyli najlepsi z najlepszych.

Awwwards

awww

Webappers

Źródło wiedzy dla webdesignerów. Na stronie artykuły, pluginy, frameworki,
info o hostingu i wiele więcej!

Webappers

GoodUI

Na czym polega dobre UI? Tipy i tricki, przystępne informacje i przyjemne dla oka.

GoodUI

goodui

 

Responsive Design Weekly

Kolejny newsletter, tym razem świeże porcje na temat responsywności co tydzień na skrzynce.

Responsive Design Weekly

Codrops

Na Codrops znajdziecie tutoriale o  tworzeniu stron internetowych i technik projektowania, wtyczki i artykuły oraz pomysły i inspiracje dla rozwiązywania problemów pojawiających się wokół tworzenia stron www. Możecie też znaleźć pluginy, komponenty, koncepcje stron internetowych i layouty. Istna kopalnia!

Codrops

codrops

 

Trianglify

Apka generująca piękne meshe w oparciu o trójkąty, które mogą być użyte jako SVG lub tła CSS.

Trianglify

CSS Tricks

Co tu dużo pisać – strona poświecona front-endowi, nie tylko CSS. Znajdziecie
na niej fragmenty kodu gotowego do użycia, tutorialowe videa, obszerne forum,
na którym możecie się podzielić wiedzą z innymi, a nawet oferty pracy.

CSS Tricks

css_tricks

 

Notatnik+

Notatnik dla webmasterów. Umożliwi wyróżnianie składni większości języków, możecie akapitować większe ilości tekstu i przekonwertować dokumenty między systemami Windows, Linux czy Mac.

Notatnik+

Enboard

Przez Enboard przekopać się trudno i ma się wrażenie, że wszystkie najpotrzebniejsze narzędzia, inspiracje są właśnie tutaj, w jednym miejscu. Zwłaszcza dwa boardy prowadzone przez Dominika Serafina (Polak potrafi!) wymagają szczególnej uwagi: web design oraz frontend. Znajdziecie tutaj ponad 500 zasobów, w tym blogi, artykuły, frameworki, ikony, inspiracje, podcasty i wiele więcej. Tylko siadać i przeglądać 😉

Enboard

frontend

 

Kraken.io

Kraken to aplikacja, która służy do optymalizacji obrazów. Wybieramy jeden
z dwóch trybów: Lossy, który zmniejsza nawet do 90% nasze pliki, lub tryb Lossless, gdzie plik nie traci na jakości.

Kraken.io

UI faces

Zbiór avatarów, które mogą być używane do mockupów.

UI faces

uifaces

 

UI Names

Generator imon. Do wyboru mamy 46 krajów.

UI Names

Noun Project

Świetne źródło ikon (jest ich ponad 100,000!) na licencji Creative Commons. Do pobrania w png i svg. Dla użytkowników MAC dostępna jest również aplikacja Noun (10 dolarów miesięcznie), dzięki której możemy ściągać ikony poprzez przeciągnięcie i upuszczenie do dowolnego programu pakietu Adobe, Sketch, Power Pointa, komunikatorów czy maila.

Noun Project

Tuts+

Na portalu Tuts+ znajdziecie masę porad i tutoriali dla web designerów.

Tuts + 

tuts

 

Smashing Magazine

Na Smashing Magazine znajdziecie wieści ze świata kodu i web designu.

Smashing Magazine

SitePoint

To świetna strona z najlepszymi tekstami dla profesjonalistów z branży internetowej – developerów, projektantów, freelancerów i właścicieli biznesów.

narzędzia dla webdesignerów

SitePoint

Ezgif

Platforma do tworzenia, optymalizacji i edycji GIFów.

ezgif.com