css
(131)
20 порад для написання сучасного CSS
В цьому пості ми поділимося колекцією з 20 порад та кращих практик, що зроблять ваш CSS набагато кращим 1. Остерігайтеся Margin Collapse На відміну від інших властивостей, вертикальні відступи (margin) при зустрічі конфліктують. Це означає, що коли н...
Codeguida · 11 листопада 2021 · 46
Створюємо власний блог з допомогою Parse.js, частина 4: Додаємо новий блог
Попередні уроки: Створюємо власний блог з допомогою Parse.js; Створюємо власний блог з допомогою Parse.js: Працюємо з даними; Створюємо власний блог з допомогою Parse.js: Авторизація користувачів; Доволі часто у людей виникають проблеми...
Codeguida · 08 листопада 2021 · 5
Реліз Bootstrap 4 alpha!
Це вільний переклад поста з The Official Bootstrap Blog. Сьогодні особливий день для Bootstrap. Не тільки через те, що сьогодні наш четвертий День народження, а й через те, що після року розробки ми раді представити вам перший альфа-реліз Bootstrap...
Codeguida · 04 листопада 2021 · 3
Як не гаяти час на завантаження невидимого контенту
Браузер не розрізняє невидимий вміст від видимого Зазвичай не весь вміст вебсторінки поміщається на одному екрані. Коли сторінка відкривається, браузер обчислює розміри та позиції всіх DOM-елементів на ній. Елементи завантажуються, навіть якщо більші...
Codeguida · 17 жовтня 2021 · 117
Що цікавого можна зробити з checkbox
Checkbox дозволяють вибрати більше одного варіанта з запропонованих в формі. Розумно поєднуючи їх з CSS, можна отримати дивовижні речі. Ця стаття покликана продемонструвати деякі з креативних речей, що можна зробити з checkbox. Майте на увазі, в цій...
Codeguida · 16 жовтня 2021 · 255
Динамічні лого з допомогою CSS
Анімований логотип використовується, щоб більш широко описати сферу діяльності, а ще це просто гарно виглядає! Можна зробити це з допомогою анімування SVG, але в цьому прикладі ми використаємо CSS. Слід зазначити, що приклади CSS будуть без префіксів...
Codeguida · 15 жовтня 2021 · 4
9 недооцінених можливостей CSS
За більше як 20 років свого існування CSS став стандартом стилізації веб-сторінок. Продовжують виходити нові специфікації (Наприклад, CSS4), що додають нові круті можливості: анімації, трансформації, нові одиниці виміру. В швидкому світі веб-розробки...
Codeguida · 01 жовтня 2021 · 11
Sass за 15 хвилин
Якщо ви пишете велику кількість коду на CSS, препроцесори можуть заощадити вам багато нервів і часу. Використовуючи Sass, Less, Stylus або PostCSS (пост-процесор) робити великі і складні таблиці стилів стане значно простіше та зрозуміліше. Дякуючи та...
Codeguida · 23 вересня 2021 · 104
Лінтинг у CSS: корисні та маловідомі можливості Stylelint
Писати якісний CSS — це аж ніяк не просте завдання. Схоже, що CSS дратує людей більше, ніж інші технології, тому дивно, що лінтери на кшталт Stylelint обговорюються рідко. Виявлення й виправлення помилок під час роботи, а ще найкращі практики написан...
Codeguida · 21 вересня 2021 · 59
Ресурси, що блокують рендеринг: як правильно їх позбутися
Ця стаття буде корисною, якщо Lighthouse коли-небудь казав вам «прибрати ресурси блокування рендерингу» (якщо не казав, то все одно можете дізнатись, як цього уникнути). Ресурси блокування рендерингу — поширена перешкода для швидкого завантаження ваш...
Codeguida · 21 вересня 2021 · 247
Основи роботи з адаптивним текстом
Не секрет, що для того щоб текст прочитало якнайбільше людей, він теж повинен бути адаптивним. Його розмір повинен залежати від розміру екрану. Зазвичай для цього задають розміри в rem. І тоді вже браузер вирішує якого розміру текст потрібно відобраз...
Codeguida · 19 вересня 2021 · 16
Математичні функції CSS
Зараз у CSS є чотири добре підтримувані математичні функції. Кожна з них надзвичайно корисна у повсякденній роботі. Ці функції CSS можна застосовувати у найнесподіваніших випадках, наприклад, у градієнтах і функціях кольору та у поєднанні зі спеціаль...
Codeguida · 08 вересня 2021 · 21