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.
Perfect Icons
Perfect Icons umożliwi Wam stworzenie ikon mediów społecznościowych (wraz
z generowanym HTML i CSS).
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.
Freebbble
Wiele dobra znajdziecie na Freebble – dużo template’ów, UI, landing page, bootstrapy czy animacje.
1st Webdesigner
Bardzo dobry blog tworzony przez społeczność digitalowych pasjonatów.
Najpierw przeczytajcie ten post.
Freebiesbug
Dużo darmowych resourców dla web designerów, w tym templates, UI czy pluginy.
UI space
Kolejna strona z darmowym stuffem. Głównie UI, ikony i mockupy.
Pttrns
Przeglądajcie do woli wzory mobilnych interfejsów i wybranych elementów.
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.
UI Cloud
Największa na świecie baza projektowania interfejsu. Elementy UI i UI kits do ściągnięcia za darmo.
Tech&All
Kolejna strona z pomocami dla webdesignerów. Znajdziecie tutaj skrypty, templates, mockupy, UI, nawigacje, skrypty i wiele innych.
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.
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.
Pineapple.io
Agregator linków dla webdesignerów i developerów.
Templated
Templated, czyli kolekcja ponad 800 szablonów w CSS i HTML5 na licencji Creative Commons.
Html5 Sites
Zbiór najciekawszych stron z wiedzą o HTML5
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ę.
Unheap
Zorganizowana i duża baza pluginów JQuery z różnych kategorii: UI, Media, Inputs, Nav czy Animacje i Efekty.
Unsplush it
…czyli zrób sobie placeholder 🙂
AWWWards
Strony nagrodzone przez Awwards, czyli najlepsi z najlepszych.
Webappers
Źródło wiedzy dla webdesignerów. Na stronie artykuły, pluginy, frameworki,
info o hostingu i wiele więcej!
GoodUI
Na czym polega dobre UI? Tipy i tricki, przystępne informacje i przyjemne dla oka.
Responsive Design Weekly
Kolejny newsletter, tym razem świeże porcje na temat responsywności co tydzień na skrzynce.
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!
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.
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.
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.
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ć 😉
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.
UI faces
Zbiór avatarów, które mogą być używane do mockupów.
UI Names
Generator imon. Do wyboru mamy 46 krajów.
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.
Tuts+
Na portalu Tuts+ znajdziecie masę porad i tutoriali dla web designerów.
Smashing Magazine
Na Smashing Magazine znajdziecie wieści ze świata kodu i web designu.
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.
Ezgif
Platforma do tworzenia, optymalizacji i edycji GIFów.