html
(71)
Інтро до Веб-компонентів
Фронтенд-розробка розвивається з шаленою швидкістю. Варто лише поглянути на численні статті, туторіали та треди у Twitter зі скаргами на технології, колись такі прості та зрозумілі. У цій статті ми з'...
24 квітня 2019
·
0
· 38
·
Codeguida
Інклюзивні компоненти: картки
Деякі з компонентів, які розглядаються в блозі Хейдона Пікерінґа, мають задокументовані рекомендації для коректної роботи. Наприклад, стандарт WAI-ARIA передбачає певну структуру і поведінку для вклад...
26 лютого 2020
·
0
· 66
·
Codeguida
Front-end воїн - Scroll Progress
Сьогодні ми розглянемо кілька методів демонстрації прогресу прокрутки веб-
сторінки. Ця техніка використовується на багатьох сайтах, і не дарма; вона
забезпечує контекстуальне розуміння кількості інфо...
13 грудня 2021
·
0
· 50
·
Codeguida
CSS магія - створюємо пошукову форму
У цьому уроці я хотів би обговорити, як можна прикрасити просту форму пошуку.
Ми не будемо робити нічого занадто складного. Просто дослідимо чотири різних
варіанти форми пошуку за допомогою CSS.
У вас...
05 березня 2021
·
0
· 272
·
Codeguida
HTML5 шаблон: Базовий зразок для будь-якого проєкту
Що таке HTML-шаблон?
Кожен вебсайт відрізняється від іншого, але є багато речей, які, по суті, однакові для всіх вебсайт. Замість того, щоб писати один і той самий код знову і знову, варто створити вл...
04 листопада
·
1
· 308
·
3
·
Alex
Скролінг в майбутнє
Можливість прогортати інформацію сприймається як належне всіма користувачами. Однак реалізувати скролінг, який добре працюватиме поміж браузерами й чудово вписуватиметься в дизайн, може бути непросто....
22 червня 2018
·
0
· 66
·
Codeguida
Досить зловживати div: інтро до семантичного HTML
div проявив себе
Усі ми любимо тег div. Він існує вже давно і за цей час став найпопулярнішим елементом для огортання будь-якого контенту в блок, щоб стилізувати чи структурувати його. Навіть зараз у...
15 квітня 2019
·
0
· 145
·
Codeguida
Форми в React: використовуємо ref
React дозволяє отримати значення <form> у два способи. Перший полягає в імплементації так званих контрольованих компонентів, а другий — в застосуванні React властивості ref.
Головною характеристикою к...
13 вересня 2017
·
0
· 54
·
Codeguida
Повне керівництво по Flexbox
Це повне керівництво пояснює все про flexbox, зосереджуючись на всіх можливих властивосях для батьківського елемента (контейнер flex) та дочірніх елементів (елементи flex). Воно також включає в себе і...
11 жовтня 2020
·
3
· 4.6K
·
Alex
Створюємо власний блог з допомогою Parse.js, частина 5: Router
Попередні уроки:
Створюємо власний блог з допомогою Parse.js
Створюємо власний блог з допомогою Parse.js: Працюємо з даними
Створюємо власний блог з допомогою Parse.js: Авторизація користувачів...
03 квітня 2021
·
0
· 4
·
Codeguida
10 рекомендацій для покращення веб-доступності вашого сайту
Ми склали список із 10 рекомендацій для покращення веб-доступності вашого сайту будь-якою людиною, не зважаючи на певні розлади здоров'я.
Керівник W3C і винахідник Всесвітньої мережі Інтернет Тім Берн...
15 вересня 2017
·
0
· 126
·
Codeguida
Створення 3D логотипу за допомогою three.js
В цій статті, ми створимо 3D версію логотипу Treehouse використовуючи
three.js. Нажміть та перетягуйте мишу для переміщення камери! Також ви можете
використовувати колесо миші для масштабування.
Демо...
28 вересня 2020
·
0
· 65
·
Codeguida
Спілкування в режимі реального часу
Socket.io \- це дійсно крута річ, вона дає вам можливість обмінюватися даними між клієнтами в режимі реального часу. Реалізуючи її разом з AngularJS, ви можете легко оновлювати вікно перегляду користу...
25 березня 2020
·
0
· 24
·
Codeguida
Створюємо власний блог з допомогою Parse.js, частина 4: Додаємо новий блог
Попередні уроки:
Створюємо власний блог з допомогою Parse.js;
Створюємо власний блог з допомогою Parse.js: Працюємо з даними;
Створюємо власний блог з допомогою Parse.js: Авторизація користувачі...
08 листопада 2021
·
0
· 9
·
Codeguida
Розширення нативних елементів DOM за допомогою веб-компонентів
Веб-компоненти (Web Components) пропонують потужні функції прямо з платформи. Основні з них: справжня інкапсуляція JS та CSS; взаємодія між різними фреймворками; і, звичайно, стандартизована компонент...
12 червня 2018
·
0
· 23
·
Codeguida
Створюємо власний блог з допомогою Parse.js, частина 2
Минулого разу ми встановити локальний сервер (XAMPP), веб-сервер (GitHub Pages) і сервер БД (Parse.com). Також, ми маємо HTML сторінки блогу і вбудований базовий Parse.js код для підключення до бази д...
12 серпня 2021
·
0
· 16
·
Codeguida
Ресурси, що блокують рендеринг: як правильно їх позбутися
Ця стаття буде корисною, якщо Lighthouse коли-небудь казав вам «прибрати ресурси блокування рендерингу» (якщо не казав, то все одно можете дізнатись, як цього уникнути).
Ресурси блокування рендерингу...
21 вересня 2021
·
2
· 297
·
Codeguida
Створюємо власний блог з допомогою Parse.js, частина 3
В попередній статті ви дізналися як додати дані на Parse.com і відобразити їх на вашому сайті. Ви познайомилися з поняттям об'єкт, колекція та екземпляр, і створили свій перший клас. Починаючи з цього...
30 грудня 2021
·
0
· 11
·
Codeguida
Гід по оптимізації веб-сторінок та додатків
Коли справа доходить до продуктивності, ми не маємо права примушувати
користувачів чекати і залишити веб-сторінку з негативними враженнями.
Оптимізація є основою професійного створення сайту.
Що визна...
27 червня 2021
·
0
· 77
·
Codeguida
Створюємо власний блог з допомогою Parse.js, частина 6: Редагування
####Попередні уроки:
Створюємо власний блог з допомогою Parse.js
Створюємо власний блог з допомогою Parse.js: Працюємо з даними
Створюємо власний блог з допомогою Parse.js: Авторизація користува...
14 грудня 2021
·
0
· 8
·
Codeguida
Динамічні географічні карти з SVG і JQuery
Створюємо SVG мапу в Illustrator
Створимо мапу Італії в Illustrator:
Кожний регіон повинен малюватися як окремий об'єкт і мати свій власний рівень, з ім'ям, котре буде відповідати коду, використовува...
14 травня 2020
·
1
· 47
·
Codeguida
9 порад щодо оптимізації зображень для прискорення вашого сайту
У цій статті ми розглянемо ефективні методи оптимізації зображень, які значно покращать продуктивність вашого застосунку. Почнемо з самого початку!
1. Формати зображень
Вибір правильного формату зобра...
31 липня 2023
·
1
· 62
·
Alex
Основи Webpack: Частина 1
При створенні сайту досить стандартною практикою є мати якийсь процес збірки на місці, щоб полегшити розробку і підготовку файлів до роботи.
Ви можете використовувати Grunt або Gulp, побудувавши ланцю...
13 липня 2021
·
0
· 357
·
Codeguida
Шапка, яка прилипає і автоматично приховується
Шапка, яка приєднується і автоматично приховується, - постріл, який вбиває
відразу двох зайців: робить навігацію по сайту більш простою і доступною в
будь-якому місці сторінки та зберігає робочий прос...
06 квітня 2020
·
0
· 56
·
Codeguida
