Świeże zasoby dla projektantów stron internetowych i programistów (lipiec 2016 r.)

Ta rata zawiera wiele różnych zasobów. Mamy źródła do zainspirowania twojego następnego projektu strony docelowej, dwa sposoby dla programistów na przyciemnienie efektów rażącego ekranu, wtyczkę do tworzenia layoutów stron internetowych z przeciąganiem i upuszczaniem, wtyczkę jQuery do ulepszania zbieraczy dat i mnóstwo JavaScript biblioteki do pomocy programistom.

Dołączone są również zasoby HTTP2, terminologie typograficzne, tworzenie witryn gotowych do ułatwień dostępu oraz wyszukiwarka składni języka programowania. Sprawdźmy je.

Kliknij, aby uzyskać więcej zasobów

Znajdź całą naszą kolekcję zalecanych zasobów oraz najlepsze dostępne narzędzia do projektowania i tworzenia stron internetowych.

Folio lądowania

Folio lądowania to centralne miejsce, w którym można znaleźć przykłady projektów stron docelowych. Na stronie znajdują się setki przykładów, a listę można opracować na podstawie ich kategorii. Jest to zdecydowanie warte dodania zakładki dla projektantów stron internetowych.

Zapytania o elementy

JavaScript, który umożliwia wykonanie Zapytanie o element. Zapytanie o element jest oznaczone przez @element i w przeciwieństwie do, @głoska bezdźwięczna, @element jest świadomy wielu innych warunków “wysokość” i “szerokość”. Możesz na przykład zastosować style na podstawie znaków liczbowych zawartych w elemencie.

HTTP2

HTTP2 to najnowsza specyfikacja HTTP ze znaczącymi zmianami. Obiecuje lepszą wydajność i efektywny transfer danych. W tym zasobie możesz znaleźć te zmiany (bardzo szczegółowo), ich wpływ na bezpieczeństwo, szybkość i wygodę użytkownika.

Elementor

Elementor to wtyczka WordPress, która umożliwia tworzenie układów stron internetowych za pomocą przeciągania i upuszczania. Z Elementorem możesz zbudować bardziej atrakcyjny układ. Jest responsywny, w pełni konfigurowalny i przyjazny dla użytkownika.

TimeDropper

Ta wtyczka jest wyposażona w kilka animacji, które sprawiają, że wybieranie dat w Internecie staje się bardziej wciągające. Ponadto dostępne są opcje zmiany wyglądu interfejsu użytkownika. Jest to wtyczka jQuery dla bardziej wybrednych zbieraczy dat.

SyntaxDB

Wyszukiwarka do wyszukiwania składni języka programowania. Obecnie obsługuje wiele języków, w tym Java, C, Ruby, JavaScript i Python. Może to być najlepsza wyszukiwarka dla programistów, gdy baza danych i obsługa języków będą się rozwijać.

Github Dark UI

Github Dark UI to ciemniejszy motyw kolorów dla Github.com. Może to być dobry alternatywny schemat kolorów, jeśli pracujesz w przyciemnionym środowisku lub musisz patrzeć w ekran przez dłuższy czas.

Microlight

Zamiast podświetlać kod różnymi kolorami, jak widać poniżej, Microlight tworzy kod “poświata”. Biblioteka JavaScript, która podkreśla kod - dosłownie.

BarbaJS

BarbaJS to biblioteka JavaScript, która umożliwia płynne przejście przez stronę poprzez JavaScript History API / pushState. Ta wtyczka jest dostarczana z metodami, zdarzeniami niestandardowymi i garścią interfejsów API, aby zapewnić płynniejszą obsługę stron w witrynie. Oto kilka przykładów.

TypeTerms

Zastanawiałeś się kiedyś, czym różni się między “odstępy między literami” i “kerning” jest? TypeTerms to interaktywna prezentacja, w której można poznać te mylące terminologie typograficzne.

ButterBean

ButterBean to nowa i wyrafinowana wtyczka do budowania Meta Boxa w WordPressie. Jest rozwijany zgodnie z nowoczesną architekturą API WordPress Customizer. To sprawia, że budowanie tego konkretnego interfejsu administratora WordPress jest bardziej eleganckie.

Sprawdź motyw dziecka

Wtyczka WordPress umożliwiająca sprawdzenie motywu potomnego na temat nadrzędny; sprawdzi, czy pliki, na których opiera się motyw potomny, zostaną zaktualizowane.

CloudFlare UI

CloudFlare UI to kolekcja komponentów interfejsu użytkownika zbudowanych na szczycie React. Biorąc pod uwagę rosnącą popularność Reactu, może istnieć wiele podobnych struktur interfejsu użytkownika.

Lerna

Konieczność zarządzania wieloma pakietami i repozytoriami w dużym projekcie jest nieunikniona. To narzędzie umożliwia obsługę tej konkretnej sytuacji i ostatecznie usprawnia przepływ pracy.

Wyluzuj

Wyluzuj to biblioteka JavaScript, która pomaga zmniejszyć użycie procesora. Zapewnia zestaw funkcji, które mogą być używane zamiast funkcji natywnych JavaScript. Może być wdrożony na zwykłej stronie internetowej lub bez aplikacji opartej na Node.js..

GEL Typografia

GEL Typografia to przewodnik po stylu typograficznym BBC. Świetne źródło i inspiracja, w jaki sposób możesz ujednolicić swoje style typograficzne.

Wzory UMYSŁU

MIND Patterns to praktyczny przewodnik do stworzenia dostępnej witryny e-Commerce. Zapewnia przewodniki w zakresie konstruowania HTML, używając etykiety ARIA i komponowania stylów CSS, które są przyjazne dla użytkowników niepełnosprawnych.

Specyfika CSS

Zbiór ilustracji opisujących działanie specyficzności CSS.

CSS Dig

Rozszerzenie Chrome, które pomaga zoptymalizować CSS. Pozbędzie się twojej strony i dostarczy raport, listę używanych właściwości, takich jak kolory.

Szablon Stash

Zbiór ręcznie wybranych szablonów, w których można znaleźć szeroką gamę szablonów, w tym szablony HTML5, WordPress, Ghost, Bootstrap i e-Commerce.