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

W tym roku scena Web Development rozwija się z prędkością światła. CSS3 został dobrze przyjęty i jesteśmy od niego mniej zależni wypełniacz ponieważ najnowsze przeglądarki są naprawdę dobre w obsłudze najnowszego standardu internetowego. Microsoft Edge został wprowadzony, Google wydał dwa otwarte źródła dla sieci Web: Material Design Lite i Polymer 2.0.

Podsumujmy więc rok za pomocą kilku przydatnych narzędzi dla innych programistów. Mamy kilka bibliotek JavaScript, a także narzędzia do bardziej efektywnej pracy z jQuery. Aby dowiedzieć się więcej, sprawdź pełne zasoby dla programistów.

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.

Notie.js

Notie.js to ładniejszy alert, powiadomienie i okno dialogowe JavaScript. Zamiast używać alarm() funkcja, która pokazuje tępy i nieznaczny wstrząsający pole ostrzeżenia, możesz je zastąpić notie () funkcja z biblioteki, aby pokazać ostrzeżenie w stylu. Dopasuj styl alertu do ogólnego projektu witryny z Notie.js.

Github Corner

Dopiero niedawno zdałem sobie sprawę, że róg Github, który zwykle widzimy na stronie głównej projektu open source, ma już 7 lat. Czas na lifting. Github Corner to inicjatywa na rzecz bardziej nowoczesnego i świeżego wyglądu wstążki Github. Wykorzystuje grafikę bitmapową SVG, która pozwala zachować ostrość na ekranach o wysokiej rozdzielczości.

Motywy słodkie (luz)

Slack stał się najpopularniejszą aplikacją do czatów w małych firmach, startupach i programistach. Porównując do innych aplikacji, takich jak Skype i Google Hangouts, Slack można dostosować na wiele sposobów, w tym motyw - wygląd i niuanse interfejsu aplikacji. Oto zbiór gotowych do instalacji motywów Slacka .

jQuery Config

jQuery jest modułowy, co oznacza, że ​​możemy usunąć z niego niepożądane moduły, dzięki czemu rozmiar jest mniejszy. Nasz poprzedni samouczek, Jak usunąć niepotrzebne moduły w jQuery, pokazuje, jak to zrobić z Homebrew, NPM, ale odbywa się to przez Terminal. Jeśli nie chcesz tego używać, możesz użyć jQuery Config. To samo dotyczy tylko kliknięć.

SummerNote

SummerNote to biblioteka JavaScript do tworzenia edytora WYSIWYG. SummerNote jest rozwijany na podstawie znanych projektów open source: jQuery, Bootstrap i Font Awesome. Wdrażanie SummerNote jest tak proste, jak wdrożenie dowolnej innej biblioteki JQuery, i jest doskonałą alternatywną biblioteką dla TinyMCE, zwłaszcza jeśli twoja sieć korzysta również z Bootstrap jako podstawy..

BackstopJS

BackstopJS to świetne narzędzie do testowania responsywności strony internetowej, co jest żmudnym procesem. W skrócie, ta biblioteka sprawia, że ​​testowanie witryny na wielu ekranach jest o wiele bardziej płynne dzięki automatyzacji. Narzędzie będzie przechwytywać zrzuty ekranu z witryny i dodawać adnotacje o tym, która strona przejdzie i nie przejdzie testu na podstawie określonych parametrów i rozmiarów ekranu. To jest jak narzędzie do testów jednostkowych do wdrażania responsywnej strony internetowej.

SuitCSS

SuitCSS jest szablonem, składającym się z własnego preprocesora CSS, który obsługuje przyszłą składnię CSS, taką jak Custom Custom i Custom Media Query, garść klas narzędzi opartych na metodologii BEM w celu wyrównania, rozmiaru i położenia elementów oraz wielu modułów CSS zacząć tworzyć dobrze zbudowaną stronę internetową.

Wiązać

Wiązać to natywna aplikacja OS X, która pozwala na tworzenie interfejsów i układów internetowych przy użyciu GridStyleSheet, algorytmu układu opracowanego przez TheGrid. GSS pozwala skutecznie układać strony internetowe. Na przykład, w przeciwieństwie do CSS, GSS umożliwia pionowe wyrównanie kontenerów elementów za pomocą pojedynczej linii kodu.

AntiModerate

AntiModerate to biblioteka JavaScript, która ładniej ładuje obrazy. Dzięki tej bibliotece, nawet w przypadku powolnych połączeń internetowych, można załadować obraz o mniejszym rozmiarze, podczas gdy większy obraz nadal ładuje się w tle. Po pełnym załadowaniu większy obraz zajmuje centralne miejsce. Ta technika może przyspieszyć ładowanie stron internetowych.

Porady jQuery, które powinieneś wiedzieć

Fajny tytuł, a nawet chłodniejsze treści, to zbiór wskazówek jQuery, które powinniśmy wiedzieć (połowa z nich chciałbym wiedzieć dużo, dużo wcześniej). Całkowicie warte sprawdzenia.