Свіжі ресурси для веб-дизайнерів і розробників (грудень 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, які ми повинні знати (половина з них, я хотів би знати багато, набагато раніше). Повністю варто перевірити.