html (70)

Різні способи написання CSS у React

Ми всі знайомі зі стандартним способом приєднання таблиці стилів у <head> HTML-документа, чи не так? Це лише один з декількох способів написання CSS. Але як це виглядає, якщо ми хочемо створити стиль в односторінковому додатку (SPA), скажімо, в проєк...

Alex · 04 серпня 2023 · 120

9 порад щодо оптимізації зображень для прискорення вашого сайту

У цій статті ми розглянемо ефективні методи оптимізації зображень, які значно покращать продуктивність вашого застосунку. Почнемо з самого початку! 1. Формати зображень Вибір правильного формату зображення для кожного типу зображення може суттєво впл...

Alex · 31 липня 2023 · 48

Створюємо власний блог з допомогою Parse.js, частина 3

В попередній статті ви дізналися як додати дані на Parse.com і відобразити їх на вашому сайті. Ви познайомилися з поняттям об'єкт, колекція та екземпляр, і створили свій перший клас. Починаючи з цього уроку, ми будемо створювати в адмін-панель блогу....

Codeguida · 30 грудня 2021 · 10

Використовуємо будь-який рядок як колір в HTML

Чи знаєте ви, що будь-який рядок може бути використаний в якості коду кольору для HTML? Наприклад: У наведеному вище прикладі браузер приймає "chucknorris" як колір rgb(192, 0, 0) і застосовує його для тега body. Давайте спробуємо використати інші і...

Codeguida · 30 грудня 2021 · 8

Адаптивне меню з допомогою CSS3 та jQuery

В цьому уроці ми створимо адаптивне меню за допомогою CSS3 і JQuery. Ось як це виглядатиме (перейдіть на Codepen та пограйтеся з шириною сторінки): {full-post-img} HTML Ми обертаємо все в nav елемент з класом nav-bar. Далі створюємо div з класом nav...

Codeguida · 27 грудня 2021 · 19

Ideal Image Slider

Метою створення Ideal Image Slider було бажання мати простий у використанні слайдер з базовим набором функціоналу, так щоб додаткові функції можна бути додавати в якості "розширень". Ось "ідеали" та основні функції, які хотілось мати: HTML5 (SEO оп...

Codeguida · 20 грудня 2021 · 6

Створюємо власний блог з допомогою Parse.js, частина 6: Редагування

####Попередні уроки: Створюємо власний блог з допомогою Parse.js Створюємо власний блог з допомогою Parse.js: Працюємо з даними Створюємо власний блог з допомогою Parse.js: Авторизація користувачів Створюємо власний блог з допомогою Parse.js,...

Codeguida · 14 грудня 2021 · 5

Front-end воїн - Scroll Progress

Сьогодні ми розглянемо кілька методів демонстрації прогресу прокрутки веб- сторінки. Ця техніка використовується на багатьох сайтах, і не дарма; вона забезпечує контекстуальне розуміння кількості інформації даної сторінки. Коли користувач виконує про...

Codeguida · 13 грудня 2021 · 26

Створюємо власний блог з допомогою Parse.js, частина 4: Додаємо новий блог

Попередні уроки: Створюємо власний блог з допомогою Parse.js; Створюємо власний блог з допомогою Parse.js: Працюємо з даними; Створюємо власний блог з допомогою Parse.js: Авторизація користувачів; Доволі часто у людей виникають проблеми...

Codeguida · 08 листопада 2021 · 4

Як не гаяти час на завантаження невидимого контенту

Браузер не розрізняє невидимий вміст від видимого Зазвичай не весь вміст вебсторінки поміщається на одному екрані. Коли сторінка відкривається, браузер обчислює розміри та позиції всіх DOM-елементів на ній. Елементи завантажуються, навіть якщо більші...

Codeguida · 17 жовтня 2021 · 112

Що цікавого можна зробити з checkbox

Checkbox дозволяють вибрати більше одного варіанта з запропонованих в формі. Розумно поєднуючи їх з CSS, можна отримати дивовижні речі. Ця стаття покликана продемонструвати деякі з креативних речей, що можна зробити з checkbox. Майте на увазі, в цій...

Codeguida · 16 жовтня 2021 · 248

Навігація списком

Дійшовши до створення меню навігації, більшість web-розробників реалізують код таким чином: <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Products</a></li> <li><a href="#">Services</a></li> <li><a href="#">...

Codeguida · 11 жовтня 2021 · 4 · 1