css
(131)
Створюємо власний блог з допомогою Parse.js, частина 2
Минулого разу ми встановити локальний сервер (XAMPP), веб-сервер (GitHub Pages) і сервер БД (Parse.com). Також, ми маємо HTML сторінки блогу і вбудований базовий Parse.js код для підключення до бази даних. У цьому уроці, ми навчимося створювати, отри...
Codeguida · 12 серпня 2021 · 12
Використовуємо jQuery правильно
Завантаження з CDN Замість того, щоб зберігати jQuery на Вашому сервері, краще завантажувати бібліотеку з популярних CDN. Це дозволить зменшити час завантаження сторінки. <script src="/vendor/jquery/jquery.min.js"></script> <script src="//aj...
Codeguida · 13 січня 2021 · 11
Анімування кнопки "До обраного" в Twitter
Твіттер нещодавно оновив дизайн кнопки "До обраного", додавши нову анімацію. В її основі не лежать CSS переходи, а використовуються серії зображень. Сьогодні ми розглянемо як відтворити анімацію за допомогою CSS функції steps(). Ілюзія руху Ефект схо...
Codeguida · 11 липня 2020
Реліз Bootstrap 4 alpha!
Це вільний переклад поста з The Official Bootstrap Blog. Сьогодні особливий день для Bootstrap. Не тільки через те, що сьогодні наш четвертий День народження, а й через те, що після року розробки ми раді представити вам перший альфа-реліз Bootstrap...
Codeguida · 04 листопада 2021 · 3
Вертикальне і горизонтальне центрування за допомогою CSS3 transform
Центрувати елементи по горизонталі не складно, але вертикальне вирівнювання завжди було трохи заплутаним. У цій статті я покажу вам, як центрувати по вертикалі і по горизонталі за допомогою CSS3 transform. {full-post-img} Я створив для цього клас .c...
Codeguida · 13 січня 2020 · 21
Пришвидшуємо завантаження сторінки з допомогою завантажувача шрифтів
Коли в останній раз ви використовували Arial, Times New Roman, Helvetica або Comic Sans на веб-сторінках? Зараз використовуються веб-шрифти. Вони (в багатьох випадках) безкоштовні і прості в реалізації: @import url(http://fonts.googleapis.com/css...
Codeguida · 23 жовтня 2020
Що цікавого можна зробити з checkbox
Checkbox дозволяють вибрати більше одного варіанта з запропонованих в формі. Розумно поєднуючи їх з CSS, можна отримати дивовижні речі. Ця стаття покликана продемонструвати деякі з креативних речей, що можна зробити з checkbox. Майте на увазі, в цій...
Codeguida · 16 жовтня 2021 · 256
CSS про який ви нічого не знали - ч.1
Добре, добре, я не можу точно гарантувати це, але є дуже велика можливість того, що ви з цим ще ніразу не користувались. Селектор root :root { } Використання root дозволяє вибрати найвищий батьківський елемент в DOM. Якщо ти пишеш на HTML, тоді...
Codeguida · 28 червня 2021 · 11
Додаємо анімації життя
Перша ітерація - стандартне "послаблення" Це перша версія - звичайний, рукописний CSS3 ключовий кадр анімації з використанням всього двох клавіш: .form { animation: form-fly-up 0.35s ease; } @keyframes form-fly-up { 0% { t...
Codeguida · 02 вересня 2021 · 10
Невелика колекція ефектів для діалогових вікон з використанням CSS-анімації
Стилі і тренди змінюються і це вимагає від нас ініціалізації різних ефектів, які підходять для сучасного інтерфейсу. Цей набір містить деякі основні анімації, а також більш незвичні, з використанням техніки SVG морфінга для діалогів зі Snap.svg. Звер...
Codeguida · 29 березня 2020 · 7
Сонячне затемнення на CSS
20-го березня 2015 відбулося повне сонячне затемнення. Попереднього разу воно ставалось у 1997 році, а наступного разу відбудеться аж у 2033-у. Тому спеціально для тих, хто пропустив це видовище я підготував сонячне затемнення на чистому CSS. Поїхали...
Codeguida · 16 квітня 2021 · 6
Створюємо власний блог з допомогою Parse.js, частина 3
В попередній статті ви дізналися як додати дані на Parse.com і відобразити їх на вашому сайті. Ви познайомилися з поняттям об'єкт, колекція та екземпляр, і створили свій перший клас. Починаючи з цього уроку, ми будемо створювати в адмін-панель блогу....
Codeguida · 30 грудня 2021 · 11