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

Nadszedł czas, aby udostępnić kolejną niesamowitą listę zasobów dla innych programistów. Ostatnim razem przedstawiliśmy wiele referencji, aplikacji i kilku bibliotek JavaScript.

Biorąc pod uwagę, że istnieje wiele bibliotek JavaScript, których jeszcze nie opisaliśmy w tej serii, w tej części znajdziemy więcej wtyczek jQuery i kilka odniesień, aby poprawić nasze umiejętności twórców stron internetowych. 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.

jQueryMy

jQueryMy jest Wtyczka jQuery do obsługi powiązania danych w czasie rzeczywistym. Jest kompatybilny z rodzimymi kontrolkami przeglądarki lub wejściami, a także biblioteką interfejsu użytkownika, taką jak interfejs użytkownika jQuery. Jest wyposażony w walidację, formatowanie warunkowe i złożone zarządzanie zależnościami, co sprawia, że ​​jest świetny - jeszcze lżejszy - alternatywa dla ram MV * jak Backbone.js, Ember.js i Vue.js

Głowa

Zazwyczaj głowa tag zawiera tytuł tag, the połączyć znacznik wskazujący na arkusz stylów i scenariusz tag do załadowania pliku JavaScript. To repozytorium to pokazuje jest o wiele więcej, co możemy uwzględnić w głowa etykietka. Lista zawiera ogólne linki i metatagi do jednej konkretnej platformy.

SmoothState

Opracowanie a płynne przejście strony może być naprawdę bolesne. Musimy pomyśleć o obsłudze obsługi przeglądarki dla funkcji API historii, buforowaniu, ładowaniu wstępnym, a także animacji, aby zapewnić, że działa tak płynnie i szybko. SmoothState jest dostarczany z wszystkimi tymi pakietami w jednym pakiecie, dzięki czemu możemy uzyskać doświadczenie i działanie w krótszym czasie.

SketchRunner

W skrócie, SketchRunner jest podobny do OS X Spotlight, Alfred lub SublimeText Command Palette. To jest rozszerzenie Sketch, które daje prosty interfejs wyszukiwania wykonać kilka zadań zwykle wykonywanych w menu aplikacji. Usprawnia, abyś był bardziej produktywny.

Dozwolony CSS

Dozwolony CSS to książka online zawierająca wieloletnie doświadczenie, wyrafinowane techniki skomponować gwiezdny CSS, który można utrzymać na dłuższą metę przez pokolenia.

Wzory Flexbox

To jest kolekcja fragmenty i rozwijane HTML i CSS do budowania interfejsu, takie jak nagłówek, stopka, nawigacja po menu, za pomocą CSS Flexbox. Jeśli uważasz, że korzystanie z Flexboksa jest trudne do zrozumienia, jest to świetne źródło inspiracji, aby w końcu nauczyć się Flexboksa.

Lampa lawowa

Infinite Scroll jest popularnym interfejsem w sieci, gdzie jest wyciąga nową zawartość, gdy docieramy do dolnej strony. Lavalamp to biblioteka JavaScript, która została zastąpiona przez Infinite Scroll. Sprawdź demo.

Glio

To JavaScript wykrywa kursor myszy kiedy to jest zaraz opuścić rzutnię co prawdopodobnie wskazuje, że użytkownik zamierza zakończyć. Kiedy to zrobisz, możesz go użyć wywołać funkcję, aby wyświetlić formularz subskrypcji lub a prosta wyskakująca wiadomość aby zwiększyć współczynnik konwersji.

Coleure

Inne próbnik kolorów z fajnym interfejsem użytkownika. Możesz przeciągać i upuszczać kolory, aby stworzyć własną paletę kolorów, dzięki czemu jest to bardziej wizualne i zorganizowane podejście do tworzenia schematu kolorów. Zarejestruj się, aby utworzyć konto, aby zapisać swoje kolekcje.

CSSX

CSSX to narzędzie pozwala pisać CSS w JavaScript. Nic się nie zmienia; Jest to ta sama natywna składnia CSS opakowana w funkcję JavaScript. Naprawdę jeszcze nie odkryłem, w jaki sposób mogę wykorzystać CSSX w którymkolwiek z moich projektów, ale wygląda fajnie i na pewno warto wspomnieć.