Świeże zasoby dla projektantów stron internetowych i programistów (styczeń 2015)

To tu! W końcu opuściliśmy burzliwy rok 2014 i wprowadzając nowy początek nowego roku, mamy nową nadzieję, życzenia i na pewno nowe narzędzia do wypróbowania. W tym poście zebraliśmy garść doskonałych narzędzi i wtyczek aby się tym zająć.

Od poręcznego narzędzia testowego online po coś, co zapewnia łatwy dostęp do wzorców mobilnych, istnieje kilka opcji, które pozwolą Ci znaleźć swój właściwy tor 2015.

Seti UI

Seti UI to motyw Sublime Text, którego nie należy mylić z Sublime Text Color Scheme. Temat w Sublime Text wpływa na interfejs aplikacji, taki jak karta i pasek boczny. Seti UI to motyw przeniesiony. Jego płaski wygląd jest naprawdę miły dla oka. Idealny wybór motywu, jeśli używasz Sublime Text w Windows 8 lub OS X Yosemite.

Lista kontrolna IXD

Posiadanie listy kontrolnej może pomóc w śledzeniu tego, co zostało zrobione i co ma nadejść. Jeśli jesteś projektantem interfejsu użytkownika, prawdopodobnie powinieneś dodać Lista kontrolna IXD w zakładce.

Lista kontrolna IXD zawiera zbiór wspólnych list zadań do sprawdzenia. Każdy element jest obsługiwany za pomocą odnośników do linków, dzięki czemu można również dowiedzieć się, dlaczego znajduje się na liście. Jeśli wolisz, po lewej stronie znajduje się mały przycisk, w którym możesz wydrukować stronę i sprawdzić listę w trybie offline.

Chłodnice

Mamy już kilka narzędzi do wyboru schematu kolorów. Ale żaden nie jest tak prosty, jak to narzędzie, nazywane Chłodnice. Wystarczy nacisnąć klawisz spacji i pojawi się nowy schemat kolorów. Wygeneruje nowy schemat kolorów w nieskończoność, wyprowadzony z jego algorytmu i zlecony przez jego współpracowników, gdy powtórzysz klawisz spacji.

Nibbler

Nibbler to internetowe narzędzie testowe, które ocenia i ocenia Twoją witrynę pod kątem różnych czynników, w tym jakości kodu, zgodności z urządzeniami mobilnymi i dostępności. Jest to przydatne, jeśli chcesz uruchomić ostateczne sprawdzenie swojej witryny przed uruchomieniem.

Velositey

Velositey jest wtyczką do Photoshopa, aby szybko utworzyć prototyp strony w Photoshopie easyil. Ta wtyczka umożliwia szybkie utworzenie nowego dokumentu z gotową siatką, dodanie gotowych składników internetowych i wygenerowanie ikon lub ulubionych elementów. Niezbędna wtyczka Photohop dla każdego projektanta stron internetowych.

Vagrant Manager

Jeśli używasz Vagrant w OS X, zainstaluj Vagrant Manager. Ta aplikacja pozwala zarządzać wieloma środowiskami w wygodniejszy sposób. Po zainstalowaniu dodaje nową ikonę na pasku zadań OS X, gdzie można monitorować i kontrolować maszyny wirtualne za pomocą zaledwie kilku kliknięć. Koniec z bałaganem przy użyciu linii poleceń.

Specyfika CSS

Specyfikacja CSS to jeden z głośnych tematów CSS, który nie jest łatwy do strawienia. To narzędzie jest stworzone, aby zilustrować, jak ta koncepcja specyficzności działa w sposób interaktywny. Narysuj kilka selektorów i powie ci, który selektor zastosować.

CSS Dig

CSS Dig to rozszerzenie Chrome. I jak sama nazwa wskazuje, będzie kopać w twojej witrynie i analizować jej CSS. Pokaże Ci raport, który możesz ocenić, aby wykonać wymagane optymalizacje.

Materiał do góry

Dla tych, którzy mogą tego nie wiedzieć, Google właśnie wprowadził Material, nową filozofię projektowania swoich produktów. Materiał do góry to zbiór aplikacji i stron internetowych, które już przyjęły tę nową filozofię. Dobre źródło inspiracji dla projektantów stron internetowych.

Tindddle

Tindddle pomaga cieszyć się Dribbble w bardziej uproszczony sposób. To nakarmi cię wyborem najlepszych “Strzały” z Dribbble. Jeśli nie podoba ci się konkretny ujęcie, naciśnij lewą strzałkę na klawiaturze, a jeśli ci się spodoba, naciśnij prawą strzałkę. Wszystkie strzały, które ci się podobają, pojawią się na Twoim koncie Dribbble - oto przykład.

Mobilny wzór projektu

The Mobilny wzór projektu książka to zbiór wybranych wspólnych wzorów mobilnego projektu zastosowanych w urządzeniach mobilnych w 2014 roku. Książka nie tylko stanowi inspirację, ale także obejmuje decyzję i uzasadnienie takiego projektu. Dobra książka, która powinna być na cyfrowej półce z książkami dla każdego projektanta stron internetowych i aplikacji.

FontAwesome Photoshop

FontAwesome jest… niesamowite. Aby uczynić go jeszcze bardziej ... niesamowitym, zainstaluj tę wtyczkę w Photoshopie, abyś mógł szybko dodać ją do swojego projektu.