css
(131)
Тригонометрія у CSS і JavaScript: ознайомлення
Пропонуємо до вашої уваги серію статей, у яких ми розглянемо основи тригонометрії, зрозуміємо, чим вона може бути корисною та як творчо застосувати її у CSS та JavaScript. Розуміння тригонометрії може бути нам надзвичайно корисним, коли справа стосує...
Codeguida · 24 червня 2021 · 224
CSS у SVG у CSS: як додавали конфеті до дизайн-системи Stack Overflow
Головний фронтендер Stack Overflow Аарон Шекей (Aaron Shekey) розповів у блозі, як його команда додавала на сайт конфеті: святкові анімації для привітання з будь-чим. Нам видався цікавим його підхід, тож публікуємо переклад цього тексту і сподіваємос...
Codeguida · 22 червня 2021 · 15
5 flexbox-технік, про які ви повинні знати
Flexbox це стандарт CSS, розроблений для полегшення створення інтерфейсів. Використовуючи різні властивості flexbox, ми можем сконструювати нашу сторінку з блоків, що розміщуються і розтягуються як ми того забажаємо. Сторінки та додатки, створені так...
Codeguida · 22 червня 2021 · 359
Виявляємо підтримку CSS за допомогою CSS та JavaScript
За допомогою CSS3 CSS3 має @supports для перевірки підтримки CSS властивостей. Розглянемо декілька прикладів використання: За допомогою JavaScript Існує два способи виявлення підтримки властивостей CSS за допомогою JavaScript. Класичний метод: Викор...
Codeguida · 11 червня 2021 · 4
Прозорість та анімація з нею в CSS
0 для непрозорості Ми можемо використовувати непрозорість, щоб контролювати видимість елементів на сторінці - від повністю видимого до повністю прозорого елемента. Ось кілька порад при використанні opacity , щоб правильно зазначати видимість елемента...
Codeguida · 04 червня 2021 · 63
Гайд по CSS селекторам
CSS селектори - основа розуміння CSS. Селектори - це те, що допомагає визначити певний HTML елемент і додати до нього стилі. Тож не будемо обговорювати стилі і зосередимось на селекторах. В прикладах нижче, CSS буде знаходитись у файлі під назвою sty...
Codeguida · 10 травня 2021 · 272
Сонячне затемнення на CSS
20-го березня 2015 відбулося повне сонячне затемнення. Попереднього разу воно ставалось у 1997 році, а наступного разу відбудеться аж у 2033-у. Тому спеціально для тих, хто пропустив це видовище я підготував сонячне затемнення на чистому CSS. Поїхали...
Codeguida · 3 роки тому · 5
Введення в SVG анімацію за допомогою SMIL
На Sitepoint нещодавно був розміщений виклик - відтворити цю забавну GIF анімацію за допомогою HTML і CSS: Це виглядає дуже просто, але це важко зробити без великої кількості ключових кадрів. Я схилявся до SVG, але вже давно хотів дати можливість SM...
Codeguida · 3 роки тому · 29
Створюємо власний блог з допомогою Parse.js, частина 5: Router
Попередні уроки: Створюємо власний блог з допомогою Parse.js Створюємо власний блог з допомогою Parse.js: Працюємо з даними Створюємо власний блог з допомогою Parse.js: Авторизація користувачів Створюємо власний блог з допомогою Parse.js, час...
Codeguida · 3 роки тому · 4
CSS магія - створюємо пошукову форму
У цьому уроці я хотів би обговорити, як можна прикрасити просту форму пошуку. Ми не будемо робити нічого занадто складного. Просто дослідимо чотири різних варіанти форми пошуку за допомогою CSS. У вас вже є Basic Search Box У вашому HTML файлі ви пов...
Codeguida · 05 березня 2021 · 110
Hex та RGB коди соціальних мереж
Соціальні ресурси Коди кольорів для 20 наступних медіа сайтів: Twitter Facebook Google Plus Pinterest Linkedin Youtube Vimeo Tumblr Instagram Flickr Dribbble Quora Foursquare Forrst В.К. WordPress StumbleUpon Yahoo Blogger SoundCloud SASS/LESS Hex...
Codeguida · 25 лютого 2021 · 1
9 причин використовувати CodePen
CodePen.io описують себе як "майданчик для front-end частини веб-сторінки." CodePen відмінно підходить для тестування багів, співпраці та отримання натхнення від представлених робіт. Він працює, дозволяючи створити "pen" \- набір HTML, CSS і JavaScri...
Codeguida · 21 лютого 2021 · 24