Свіжі ресурси для веб-дизайнерів і розробників (грудень 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)

Slack став найпопулярнішим чат-додатком у малих підприємствах, стартапах і з розробниками. Порівняйте з іншими програмами, такими як Skype та Google Hangouts, Slack можна налаштувати різними способами, включаючи тему - зовнішній вигляд та нюанс інтерфейсу програми. Ось колекція готових до встановлення тем Slack .

jQuery Config

jQuery є модульним, тобто ми можемо видалити з нього небажані модулі, щоб розмір був легшим. Наш попередній підручник, Як видалити непотрібні модулі в jQuery, показує, як це зробити з Homebrew, NPM, але це робиться через термінал. Якщо не хочете використовувати цей спосіб, ви можете вдатися до використання jQuery Config. Він робить те ж саме з натисканням клавіш.

SummerNote

SummerNote - це бібліотека JavaScript для створення редактора WYSIWYG. SummerNote розроблений на базі відомих проектів з відкритим кодом: jQuery, Bootstrap і Font Awesome. Розгортання програми SummerNote відбувається так само просто, як розгортання будь-якої іншої бібліотеки JQuery, і це ідеальна альтернативна бібліотека для TinyMCE, особливо якщо ваш веб-сайт також використовує Bootstrap як свою основу..

BackstopJS

BackstopJS є прекрасним інструментом для тестування реагування на веб-сайт, який є складним процесом. Коротко кажучи, ця бібліотека робить завдання тестування сайту на декількох розмірах екрану набагато більш бездоганно завдяки автоматизації. Інструмент буде знімати скріншоти веб-сайту і коментувати, яка сторінка проходить і не проходить тест на основі заданих параметрів і розмірів екрана. Це подібно до інструменту тестового блоку для розгортання адаптивного веб-сайту.

SuitCSS

SuitCSS є шаблоном, що складається з власного попереднього процесора CSS, який підтримує майбутній синтаксис CSS, наприклад Custom Property та Custom Media Query, декілька утилітних класів на основі методології BEM для вирівнювання, розміру та позиції елементів, а також багатьох модулів CSS почати розробку добре побудованого веб-сайту.

Bind

Bind є рідною програмою OS X, яка дозволяє створювати веб-інтерфейси та макети за допомогою GridStyleSheet, алгоритму макета, розробленого TheGrid. GSS дозволяє ефективно розміщувати веб-сайти. Наприклад, всупереч CSS, GSS дозволяє вертикальне вирівнювання своїх елементних контейнерів з одним рядком коду.

AntiModerate

AntiModerate це бібліотека JavaScript, яка завантажує зображення більш витончено. За допомогою цієї бібліотеки, навіть під час повільного підключення до Інтернету, можна спочатку завантажувати зображення меншого розміру, а велике зображення все ще завантажується у фоновому режимі. Після повного завантаження, велике зображення займає центральне місце. Ця методика може стати більш швидкою для завантаження веб-сторінок.

jQuery Поради, які ви повинні знати

Класний заголовок і навіть більш прохолодне зміст, це колекція рад jQuery, які ми повинні знати (половина з них, я хотів би знати багато, набагато раніше). Повністю варто перевірити.