Пресни ресурси за уеб дизайнери и разработчици (декември 2015 г.)

Сцената за уеб разработки напредва със скоростта на светлината тази година. CSS3 е добре приет и ние сме по-малко зависими от него Polyfill тъй като най-новите браузъри са наистина добри в поддържането на най-новия уеб стандарт. Microsoft Edge бе представен, Google пусна два отворени източника за Web: Material Design Lite и Polymer 2.0.

Така че нека приключим годината с няколко удобни инструмента за други уеб разработчици. Имаме няколко JavaScript библиотеки, както и инструменти за по-ефективна работа с jQuery. За да намерите повече, разгледайте пълните ресурси за сериите на уеб разработчиците.

Кликнете за още ресурси

Намерете цялата ни колекция от препоръчителни ресурси и най-добрите налични инструменти за уеб дизайн и разработка.

Notie.js

Notie.js е по-добро предупреждение за JavaScript, известие и диалогов прозорец. Вместо да използвате тревога() функция, която показва тъп и лек скандален в полето за предупреждение, можете да го замените с notie () функция от библиотеката, за да покаже стилен сигнал. Съвпадение стила на предупреждение с цялостния дизайн на вашия сайт лесно с Notie.js.

Github Corner

Едва наскоро осъзнах, че ъгълът на Github, който обикновено виждаме на началната страница на проект с отворен код, вече е на 7 години. Време е за фейслифт. Github Corner е инициатива за по-модерен и свеж вид на лентата Github. Той използва SVG вместо растерна графика, която позволява да остане остър при екрани с висока резолюция.

Сладки (слаби) теми

Slack се превърна в най-популярното приложение за чат в малките предприятия, стартиращите фирми и разработчиците. Сравнявайки се с други приложения, като Skype и Google Hangouts, Slack може да се персонализира по много начини, включително темата си - външния вид и нюанса на интерфейса на приложението. Ето колекция от готови за инсталиране теми на Slack .

jQuery Конфиг

jQuery е модулен, което означава, че можем да премахнем нежеланите модули от него, така че размерът им е по-лек. Предишният ни урок, Как да премахнем ненужните модули в jQuery, показва как да го направите с Homebrew, NPM, но това става чрез терминала. Ако не искате да използвате този начин, можете да прибягнете до използване jQuery Конфиг. Той прави същото само с кликвания.

SummerNote

SummerNote е JavaScript библиотека за създаване на WYSIWYG редактор. SummerNote е разработен в допълнение към известни проекти с отворен код: jQuery, Bootstrap и Font Awesome. Разполагането на SummerNote е толкова лесно, колкото разгръщането на която и да е друга библиотека на JQuery и това е идеалната алтернативна библиотека за TinyMCE, особено ако вашата мрежа използва Bootstrap като своя основа, както и.

BackstopJS

BackstopJS е чудесен инструмент за тестване на отзивчивостта на уебсайта, което е труден процес. Накратко, тази библиотека прави задачата за тестване на сайт на няколко размера на екрана много по-безпроблемно чрез автоматизация. Инструментът ще заснеме екранни снимки на уебсайта и ще отбележи коя страница преминава и не издържа теста на базата на зададените параметри и размери на екрана. Това е като инструмент за тестване на единици за разгръщане на отзивчив уебсайт.

SuitCSS

SuitCSS е шаблон, съставен от собствена CSS Pre-processor, която поддържа бъдещия синтаксис на CSS като Custom Property и Custom Media Query, шепа помощни класове, базирани на BEM методологията за подравняване, размер и позиционни елементи, както и много CSS модули да започнем с разработването на добре изграден уебсайт.

Вържи

Вържи е роден OS X приложение, което ви позволява да създавате уеб интерфейси и оформления с помощта на GridStyleSheet, алгоритъм за оформление, разработен от TheGrid. GSS ви позволява ефективно да оформяте уебсайтове. Например, противно на CSS, GSS позволява вертикално подравняване на контейнерите на елементите с един ред код.

AntiModerate

AntiModerate е библиотека на JavaScript, която зарежда изображенията по-умно. С тази библиотека, дори и при бавни интернет връзки, първо можете да заредите по-малко изображение, докато по-голямото изображение все още се зарежда във фонов режим. Веднъж пълно заредени, по-голямото изображение заема централно място. Тази техника може да създаде по-бърза скорост на зареждане на уеб страниците ви.

jQuery Съвети, които трябва да знаете

Готино заглавие и дори по-хладно съдържание, това е колекция от jQuery съвети, които трябва да знаем (половината от тях бих искал да знам много, много по-рано). Напълно си струва да пробвате.