css
(131)
Виріз в елементах: CSS чи SVG?
Фронтенд-розробники подекуди використовують на сайтах елементи з вирізами, ви мусили натрапляти на них хоча б раз. Для створення такої фігури за допомогою CSS або SVG існує кілька способів. Кожен з них має свої переваги та недоліки, про які ми з вами...
Codeguida · 08 вересня 2021 · 30
Створюємо власний блог з допомогою Parse.js, частина 5: Router
Попередні уроки: Створюємо власний блог з допомогою Parse.js Створюємо власний блог з допомогою Parse.js: Працюємо з даними Створюємо власний блог з допомогою Parse.js: Авторизація користувачів Створюємо власний блог з допомогою Parse.js, час...
Codeguida · 03 квітня 2021 · 4
Скрол-анімація за допомогою JQuery
Що таке скрол-анімація та ефекти? Скрол-анімація та ефекти - це нова, але вже добре знана техніка, яка дає front-end розробникам можливість створювати гарні інтерактивні веб-інтерфейси. Щоб розпізнати, коли користувач прокручує сторінку, ми використо...
Codeguida · 10 серпня 2020 · 20
Лінтинг у CSS: корисні та маловідомі можливості Stylelint
Писати якісний CSS — це аж ніяк не просте завдання. Схоже, що CSS дратує людей більше, ніж інші технології, тому дивно, що лінтери на кшталт Stylelint обговорюються рідко. Виявлення й виправлення помилок під час роботи, а ще найкращі практики написан...
Codeguida · 21 вересня 2021 · 65 · 1
Спілкування в режимі реального часу
Socket.io \- це дійсно крута річ, вона дає вам можливість обмінюватися даними між клієнтами в режимі реального часу. Реалізуючи її разом з AngularJS, ви можете легко оновлювати вікно перегляду користувача. Перед тим, як заглибитись у код, давайте роз...
Codeguida · 25 березня 2020 · 17
Створюємо власний блог з допомогою Parse.js, частина 4: Додаємо новий блог
Попередні уроки: Створюємо власний блог з допомогою Parse.js; Створюємо власний блог з допомогою Parse.js: Працюємо з даними; Створюємо власний блог з допомогою Parse.js: Авторизація користувачів; Доволі часто у людей виникають проблеми...
Codeguida · 08 листопада 2021 · 5
Розширення нативних елементів DOM за допомогою веб-компонентів
Веб-компоненти (Web Components) пропонують потужні функції прямо з платформи. Основні з них: справжня інкапсуляція JS та CSS; взаємодія між різними фреймворками; і, звичайно, стандартизована компонентна модель для полегшеного повторного використання...
Codeguida · 12 червня 2018 · 10
20 порад для написання сучасного CSS
В цьому пості ми поділимося колекцією з 20 порад та кращих практик, що зроблять ваш CSS набагато кращим 1. Остерігайтеся Margin Collapse На відміну від інших властивостей, вертикальні відступи (margin) при зустрічі конфліктують. Це означає, що коли н...
Codeguida · 11 листопада 2021 · 47
Створюємо власний блог з допомогою Parse.js, частина 2
Минулого разу ми встановити локальний сервер (XAMPP), веб-сервер (GitHub Pages) і сервер БД (Parse.com). Також, ми маємо HTML сторінки блогу і вбудований базовий Parse.js код для підключення до бази даних. У цьому уроці, ми навчимося створювати, отри...
Codeguida · 12 серпня 2021 · 12
Математичні функції CSS
Зараз у CSS є чотири добре підтримувані математичні функції. Кожна з них надзвичайно корисна у повсякденній роботі. Ці функції CSS можна застосовувати у найнесподіваніших випадках, наприклад, у градієнтах і функціях кольору та у поєднанні зі спеціаль...
Codeguida · 08 вересня 2021 · 21
Mobile-first CSS
Створення адаптивних веб-сайтів - обов'язкове вміння для кожного front-end розробника. Коли ми говоримо про такі веб-сторінки, на думку відразу ж спливає термін mobile. Всі ми знаємо про важливість проектування з перспективою мобільної підтримки. На...
Codeguida · 24 березня 2020 · 104
Ресурси, що блокують рендеринг: як правильно їх позбутися
Ця стаття буде корисною, якщо Lighthouse коли-небудь казав вам «прибрати ресурси блокування рендерингу» (якщо не казав, то все одно можете дізнатись, як цього уникнути). Ресурси блокування рендерингу — поширена перешкода для швидкого завантаження ваш...
Codeguida · 21 вересня 2021 · 250