15 najlepszych przewodników programistycznych dla projektantów i programistów

Deweloperzy i projektanci mają kilka cech wspólnych, obaj muszą ze sobą współpracować przynajmniej raz na jakiś czas, zwłaszcza ci, którzy są mocno skupieni na tworzeniu aplikacji i stron internetowych. Niezależnie od tego, czy chodzi o naukę korzystania z typografii w projektach aplikacji, czy określanie rodzaju urządzeń, dla których powinniśmy budować naszą witrynę, obie mogą uczyć się od siebie na wiele sposobów.

Projektanci stron internetowych często będą musieli używać technologii, takich jak HTML5 i CSS3, aby udoskonalić swoje projekty, podczas gdy programiści będą chcieli dowiedzieć się więcej o User Experience i interfejsie użytkownika, aby upewnić się, że tworzone oprogramowanie jest zgodne ze standardowymi wymaganiami obu standardów. A co z przeglądarką? Zarówno projektanci, jak i programiści są mocno zaangażowani w przeglądarkę, a także pomaga uzyskać wskazówki i wgląd w ten obszar.

Poniższe zasoby przewodnika programistycznego obejmują podstawy najpopularniejszych języków skryptowych, a także rzucą trochę światła na narzędzia, które mogą stać się Twoimi nowymi ulubionymi ze względu na wygodę ich używania.

Standardy sieciowe Sherpa

Sieć jest obszerną koncepcją, pociąga za sobą tak wiele, że czasami może być trudno znaleźć naprawdę dobre treści do pracy z siecią z perspektywy programisty i/lub projektanta. Zasób Web Standards Sherpa to lista artykułów i przewodników, które mówią o CSS, projektowaniu, treści, JavaScript, wydajności sieci, aspektach biznesowych tworzenia sieci oraz poradach, jak udoskonalić swój przepływ pracy wśród wielu innych tematów i kategorii. Jeśli potrzebujesz najlepszych praktyk jako front-end, to jest miejsce, w którym możesz je zdobyć.

Mity UX

UX Myths obalają fałszywe przekonania na temat doświadczenia użytkownika i dają czytelnikom możliwość uzyskania świeżego i wnikliwego spojrzenia na to, jak należy podchodzić do UX w swoich aplikacjach, witrynach i oprogramowaniu. Każdy punkt jest dokładnie wyjaśniony i podany szereg przykładów, aby pokazać odwrotne możliwości.

Kieszonkowy przewodnik po literówkach

Ten kieszonkowy przewodnik po typografii jest idealnym towarzyszem dla projektantów, którzy chcą poznać tajniki typografii. Ten konkretny przewodnik obejmuje podstawy myślników, apostrofów, krojów pisma, czcionek i nie tylko.

Stan typu sieci

Typografia zawsze ewoluuje, ale przeglądarka nie. Oznacza to, że czasami musimy osobno zbadać możliwości każdej funkcji w każdej przeglądarce, a ten zasób sprawia, że ​​jest to szczególnie łatwe. Po prostu wybierz typ funkcji, z którą chcesz pracować, i poznaj jej możliwości w różnych przeglądarkach.

Tryb dziwactwa

QuirksMode to niesamowity przewodnik po informacjach o zgodności przeglądarek w Internecie. Chociaż nie otrzymujesz wielu informacji w formie pisemnej, istnieje wiele faktów, których można się nauczyć, jeśli chodzi o tworzenie aplikacji internetowych. Tabele zgodności pozwalają każdemu zbadać możliwości przeglądarek takich technologii, jak JavaScript, CSS i HTML.

Etykieta Photoshopa

Photoshop jest bez wątpienia najpopularniejszym narzędziem do projektowania graficznego wśród projektantów, a nawet jeśli korzystasz z Photoshopa przez ostatnie kilka lat, zawsze jest coś nowego do nauczenia się i odkrycia. Podręcznik etykiety programu Photoshop to sześciorozdziałowy podręcznik, w którym omówiono kilka aspektów najlepszych praktyk programu Photoshop, w tym takie obszary, jak warstwy, efekty i jakość projektu. Wszystkie rozdziały mają rozsądną wielkość, więc nie utkniesz godzinami, ucząc się czegoś nowego.

Moje Urządzenie

Masz problem ze znalezieniem rozdzielczości ekranu swojego urządzenia? Ta niewielka platforma poinformuje Cię dokładnie o wszystkich szczegółach, które musisz wiedzieć o rozmiarze Twojego urządzenia i rodzaju funkcji, które może obsługiwać Twoja przeglądarka. Świetne dla programistów, którzy są w ciągłym ruchu.

Rozmiary ekranu

Rozmiary ekranu mają inne podejście i zamiast tego wyświetla twarde dane dotyczące różnych rozmiarów ekranu, ich systemu operacyjnego, a także ich unikalnych proporcji. Możesz wyświetlić te same informacje dla tabletów i komputerów, klikając poszczególne ikony w prawym rogu. Działa świetnie zarówno dla projektantów stron internetowych, jak i programistów stron internetowych.

Wskaźniki urządzenia

Metryki urządzeń od Google są podobne do dwóch powyższych witryn, ale dodają trochę więcej urządzeń do listy, a także przedstawiają kilka ważnych informacji dotyczących rozwoju każdego urządzenia. Jeśli znasz rodzaj urządzeń, dla których tworzysz swoje aplikacje i strony internetowe, znajomość tych informacji może być kluczowa.

Sekrety narzędzi deweloperskich

Każda przeglądarka jest obecnie fabrycznie wyposażona w narzędzie zwane narzędziami programistycznymi. Jest to osobny panel konsoli dla przeglądarki, który pozwala każdemu zapoznać się z każdą witryną z perspektywy programisty. Możesz użyć konsoli JavaScript do wykonania niestandardowego kodu po stronie klienta, możesz sprawdzać elementy struktury witryny i możesz robić takie rzeczy, jak monitorowanie aktywności sieci i plików. Każde narzędzie programistyczne przeglądarki jest inne, a ten zasób to konkretna lista artykułów i samouczków, jak najlepiej wykorzystać narzędzia programistyczne w Twojej ulubionej przeglądarce.

Wytyczne CSS

CSS to powłoka sieci. Bez CSS sieć jest naga, tak jak my ludzie byliby bez ubrania. A ponieważ wokół nas jest tak wiele CSS, ważne jest, aby zrozumieć bardzo praktyczne podstawy i standardowe przepisy, które zapewniają, że CSS, który publikujemy w Internecie, jest zoptymalizowany i zgodny z najnowszymi standardami.

Ten konkretny przewodnik po stylach nie ma być przewodnikiem po stylu, a raczej wglądem w to, jak działa znormalizowany CSS i co programiści i projektanci mogą zrobić inaczej, aby zapewnić, że tworzony przez nich CSS będzie najwyższej możliwej jakości, co znacznie ułatwia tworzenie na na dużą skalę, a także utrzymanie.

Ściągawka CSS

CSS to ogromny język skryptowy, który rośnie z roku na rok. Czasami, w zmieniającym się stanie rzeczy, możemy zapomnieć o bardzo podstawowej składni języka, w którym to momencie strony takie jak ta ściągawka CSS mogą być naprawdę przydatne i wystarczy dodać ją do zakładek tylko raz, aby móc do niej wrócić w dowolnym momencie. Gorąco polecam dla początkujących.

Hacki do przeglądarek

Programiści front-endowi spędzają dużo czasu w przeglądarce, eksperymentując, wykonując kod, majstrując i wiele więcej, a ponieważ każdy programista rozwijał się przez lata, pozostawili po sobie kilka interesujących fragmentów i sztuczek, które każdy może użyć, aby ułatwić ich przepływ pracy przy opracowywaniu. Dowiedz się o hackach dotyczących zapytań o media, hackach selektorów, a nawet kilku fajnych hackach JavaScript dla wszystkich twoich ulubionych przeglądarek. Możesz także udostępniać własne wskazówki i triki, korzystając z żądania ściągnięcia GitHub.

Dieta przeglądarek

Obecny trend w tworzeniu stron internetowych dotyczy w dużej mierze wydajności; jak zoptymalizować, aby uzyskać najlepszą możliwą wydajność bez utraty jakości. I o to właśnie chodzi w przewodniku po Dietach Przeglądarek — jak zoptymalizować pod kątem sieci. Jest to lista wnikliwych wskazówek i raportów z doświadczeń, które dokumentują różne funkcje JavaScript, HTML i CSS, które można zmienić lub całkowicie usunąć bez żadnych kompromisów.

&Co;

amp-what to szybkie, interaktywne odniesienie do ponad 30 000 jednostek znaków HTML i popularnych znaków Unicode, 8859-1 znaków, cudzysłowów, znaków interpunkcyjnych, znaków akcentowanych, symboli, symboli matematycznych oraz greckich liter, ikon i znaczników znaki internacjonalizacji. Działa to tak, że klikasz przycisk Załaduj u góry strony, a następnie używasz funkcji wyszukiwania, aby znaleźć rodzaj znaków, których chcesz użyć w swoim projekcie lub w dowolnym innym miejscu, w którym zamierzasz go użyć. Tak obszerny zasób, że możesz spędzić godziny bawiąc się unikalnymi ikonami i postaciami, które mogą urozmaicić Twoje aplikacje i projekty.