html
(70)
Ефективність табуляції та пробілів в HTML
Як ви робите відступи у вашій розмітці? З допомогою табуляції чи пропуску? Невже це важливо для продуктивності? Давайте проведемо експеримент. Розглянемо сторінку, яка створює список з 50-ти предметів: <ul> @for (int i = 0; i < 50; i++)...
Codeguida · 30 серпня 2020 · 13
Створюємо власний блог з допомогою Parse.js, частина 5: Router
Попередні уроки: Створюємо власний блог з допомогою Parse.js Створюємо власний блог з допомогою Parse.js: Працюємо з даними Створюємо власний блог з допомогою Parse.js: Авторизація користувачів Створюємо власний блог з допомогою Parse.js, час...
Codeguida · 03 квітня 2021 · 4
Шапка, яка прилипає і автоматично приховується
Шапка, яка приєднується і автоматично приховується, - постріл, який вбиває відразу двох зайців: робить навігацію по сайту більш простою і доступною в будь-якому місці сторінки та зберігає робочий простір. Прилипання <header class="header" role="b...
Codeguida · 06 квітня 2020 · 17
Створюємо власний блог з допомогою Parse.js, частина 4: Додаємо новий блог
Попередні уроки: Створюємо власний блог з допомогою Parse.js; Створюємо власний блог з допомогою Parse.js: Працюємо з даними; Створюємо власний блог з допомогою Parse.js: Авторизація користувачів; Доволі часто у людей виникають проблеми...
Codeguida · 08 листопада 2021 · 5
Ефекти стиснення в порівнянні з мінімізацією HTML файлів
Минулого разу ми розглянули вплив на продуктивність використання табуляції та пробілів в HTML. Виникло нове питання: Чи варто використовувати зменшення HTML файлу, коли вже використовуєш GZip. Давайте проведемо експеримент. Я зібрав декілька реальних...
Codeguida · 12 січня 2021 · 4
Основи Webpack: Частина 1
При створенні сайту досить стандартною практикою є мати якийсь процес збірки на місці, щоб полегшити розробку і підготовку файлів до роботи. Ви можете використовувати Grunt або Gulp, побудувавши ланцюжки перетворень, які дадуть можливість вам закинут...
Codeguida · 13 липня 2021 · 162
Створення CSS3 нотатки без використання зображень
В цій статті ми розглянемо, як створити CSS стікер для нотаток без жодного зображення! Ось як це буде виглядати: В даному випадку я використав його для відображення цитати А. Ейнштейна. Ви можете використати інший текст. HTML Давайте поглянемо, на...
Codeguida · 18 березня 2020 · 20
Перша CSS змінна: currentColor
CSS змінні повільно проходили шлях від intial draft до реалізації в браузері. Але все ж таки одна замінна перебувала у можливостях використання роками це- currentColor. Ця СSS деталь мала хорошу браузерну підтримку та деяке практичне застосування, от...
Codeguida · 27 червня 2021 · 9
Bootstrap Grid за 15 хвилин
Bootstrap є найбільш поширеним frontend framework-ом на даний момент. Коли справа доходить до побудови адаптивних веб-сайтів і додатків, це перший вибір як професіоналів, так і любителів тому що з ним легко працювати. Той хто знає HTML, CSS і трохи...
Codeguida · 20 лютого 2020 · 95
Гайд по CSS селекторам
CSS селектори - основа розуміння CSS. Селектори - це те, що допомагає визначити певний HTML елемент і додати до нього стилі. Тож не будемо обговорювати стилі і зосередимось на селекторах. В прикладах нижче, CSS буде знаходитись у файлі під назвою sty...
Codeguida · 3 роки тому · 284