Świeże zasoby dla projektantów stron internetowych i programistów (luty 2015)
Po zrobieniu tego przez ponad rok najtrudniejszą częścią pisania tego miesięcznego zasobu zasobów dla projektantów i programistów jest wprowadzenie. W tym temacie przedstawiamy podsumowanie najlepszych i najświeższych zasobów dla twórców stron internetowych, takich jak Ty.
W tej części patrzymy na wyjątkową wyszukiwarka, aby znaleźć fragmenty kodu, bardzo zaradny odniesienie do problemów z adresem w module Flexbox, i narzędzia programistyczne do lepszego zarządzania kolor, krój pisma i gradienty.
Animator gradientu
CSS3 Gradient pozwala nam tworzyć bezbarwne gradienty na naszej stronie internetowej bez konieczności ładowania jakichkolwiek obrazów. Możemy nawet połączyć go z animacją CSS3, aby uzyskać bardziej przekonujący efekt. Ale jeśli kod jest dla ciebie za duży, użyj prostszej trasy Gradient Animator, aby wygenerować kod z ładnym interfejsem.
Przewodnik kieszonkowy SVG
Przewodnik kieszonkowy SVG jest opracowany przez Joni Trythall. Jest to przydatne odniesienie, które poprowadzi Cię przez podstawy SVG (takie jak tworzenie kształtów i tekstu) aż do bardziej zaawansowanych funkcji (takich jak tworzenie gradientów, ścieżek obcinania i wzorów). Książka jest w formacie Markdown i jest dostępna w języku angielskim i portugalskim.
Flexbugs
Flexbox to bardzo obiecujący nowy moduł w CSS3, który całkowicie zmieni ich sposób tworzenia układów WWW. Jednak ma również problemy z kompatybilnością między przeglądarkami. To repozytorium, Flexbugs, to zbiór tych błędów i sposobów ich rozwiązania. Jest to bardzo przydatne źródło informacji dla każdego, kto mieszka na skraju Internetu.
Icono
To niesamowite, co możemy osiągnąć za pomocą CSS, tworząc w pełni prezentowalną ikonę za pomocą tylko jednego elementu. Icono to biblioteka, która to robi. W tej bibliotece znajdziesz kolekcję znanych ikon wykonanych tylko z jednym elementem i CSS. Ikony te ładują się szybciej i są bardziej konfigurowalne niż ikony oparte na obrazach.
Dillinger
Dillinger to przyjemny edytor Markdown. Tutaj możesz pisać w formacie Markdown i natychmiast zobaczyć wynik na karcie po prawej stronie. Dla Twojej wygody Dillinger pozwala eksportować twoją pracę do HTML, PDF lub po prostu w formacie Markdown, gdy już to zrobisz. Alternatywnie możesz także podłączyć go do usługi innej firmy, takiej jak Dropbox i Github, gdzie możesz zapisać swój plik.
HTML5Up
HTML5Up to zbiór darmowych szablonów opartych na HTML5. Możesz znaleźć kilka układów, które obsługują różne typy stron internetowych: biznes, portfolio lub zwykły blog. Wszystkie szablony są responsywne i zapewniają, że treść i układ strony są przyjemne w różnych rozmiarach ekranu.
Kolory CSS
Zastanawiałeś się kiedyś, jak nazywa się dany kolor? Kolory CSS pokazuje nazwę koloru oraz format Hex i RGBA dla kolekcji podstawowych kolorów. To dobre źródło, aby znaleźć idealną kombinację kolorów dla swoich stron internetowych.
Emmet Re-view
Re-view to rozszerzenie Chrome, które analizuje Twoją witrynę @głoska bezdźwięczna zapytuje i wyświetla twoją stronę internetową w każdym punkcie przerwania określonym w każdym @głoska bezdźwięczna pytanie. Jeśli szukasz narzędzia, które pozwoli Ci zaoszczędzić trochę czasu podczas testowania responsywnych stron internetowych, jest to potrzebne narzędzie.
TypeGenius
Jeśli spojrzysz na bibliotekę czcionek Google, znajdziesz wiele czcionek o różnych twarzach, rodzinie, wadze i typach. Stąd wybór odpowiedniej pary lub kombinacji czcionek może być naprawdę przytłaczającym zadaniem. TypeGenius sprawia, że wybór par czcionek jest prosty i szybki i możliwy dla ogółu populacji.
Kod wyszukiwania
Jak sama nazwa wskazuje, jest to wyszukiwarka do wyszukiwania kodów lub fragmentów kodu wielu języków programowania, w tym JavaScript, C, PHP. Ta wyszukiwarka wywodzi swój wynik z wielu źródeł, takich jak Github, Bitbucket i Google Code. Jest to zdecydowanie niezbędne narzędzie dla ciężkich koderów.
