js
(80)
Як оформлювати спливаючі повідомлення
Сьогодні розмова піде про пару простих стилів і ефектів для спливаючих повідомлень. Є багато способів, щоб показати ненав'язливе сповіщення для користувача: від класичних "кричущих" повідомлень до панелі у верхній області перегляду. Насправді, не існ...
Codeguida · 11 січня 2021 · 1
Що нового в jQuery 3.0
Пройшло вже більше 10 років як jQuery завоював популярність у веб-розробників. І нещодавно вийшло важливе оновлення: jQuery 3.0. Воно робить jQuery ще швидшим, зберігаючи максимальну сумісність зі старими версіями. Ви можете завантажити jQuery 3.0 ту...
Codeguida · 25 червня 2020 · 1
Гід по AngularJS ч.2 - $scope
Однією з найбільш поширених концепцій в будь-якій мові програмування є область видимості. Наприклад, область видимості блоку або функції. В Angular, область видимості \- це об'єкт, який належить до моделі додатку і який живить два способи прив'язки д...
Codeguida · 3 роки тому · 1
Пришвидшуємо завантаження сторінки з допомогою завантажувача шрифтів
Коли в останній раз ви використовували Arial, Times New Roman, Helvetica або Comic Sans на веб-сторінках? Зараз використовуються веб-шрифти. Вони (в багатьох випадках) безкоштовні і прості в реалізації: @import url(http://fonts.googleapis.com/css...
Codeguida · 23 жовтня 2020
PerfBar
Особливості Проста установка. Тільки один сценарій, ніяких залежностей. Десятки вбудованих метрик. Можливість додати "кастомні" показники. Ви можете відключити певну метрику. Підтримка бюджетування всіх метрик. Основи використання <...
Codeguida · 01 березня 2020
Як використовувати Device Orientation API
Сьогодні у нас є мобільні пристрої, які оснащені всім - від камер до геолокації. Ми маємо маленькі комп'ютери, що вміють робити майже все, що ми хочемо. Одним з ключових API для мобільних пристроїв є Device Orientation API. Device Orientation API доп...
Codeguida · 03 листопада 2020
Багаторядковість в JavaScript
До var str = '' + '' + '' + ' ' + ' <h1>❤ unicorns</h1>' + ' ' + '' + ''; Після var str = multiline(function(){/* <h1>❤ unicorns</h1> */}); ЯК Це працює за допомогою обертання тексту в б...
Codeguida · 30 листопада 2020
nanobar.js - прогрес-бар без JQuery
Приклад: var options = { bg: '#acf', target: document.getElementById('myDivId'), id: 'mynano' }; var nanobar = new Nanobar( options ); nanobar.go( 30 ); // size bar 30% nanobar.go(100); Інст...
Codeguida · 26 листопада 2020