веб
(11)
Повне керівництво по Flexbox
Це повне керівництво пояснює все про flexbox, зосереджуючись на всіх можливих властивосях для батьківського елемента (контейнер flex) та дочірніх елементів (елементи flex). Воно також включає в себе історію, демонстрації, шаблони і таблицю підтримки...
Alex · 11 жовтня 2020 · 3.9K
Веб стає повільнішим?
У недавній історії на Hacker News стверджувалося, що швидкість веб-сторінок не підвищуються навіть зі збільшенням швидкостей Інтернету. В цій статті я поясню, чому з вихідних даних такого висновку зробити не можна. Також ми розглянемо зміни, що від...
Alex · 24 вересня 2020 · 57
PHP 8: код «До» та «Після» (порівняння з PHP 7.4)
Залишилося всього кілька місяців до виходу PHP 8, і в цій версії дійсно є багато хорошого. В цій статті я хочу поділитися як зміниться код з приходом PHP 8. Підписники подій з атрибутами Я стараюся не зловживати атрибутами, але у випадку з налаштув...
Alex · 20 серпня 2020 · 278
Маловідомі CSS-властивості
Існує багато CSS-властивостей, про які деякі дизайнери просто не знають. Або знають, але забувають використовувати ці властивості там, де вони здатні принести велику користь. Деякі з цих властивостей можуть допомогти відмовитися від використання Java...
Alex · 20 липня 2020 · 446
Додаємо анімації життя
Перша ітерація - стандартне "послаблення" Це перша версія - звичайний, рукописний CSS3 ключовий кадр анімації з використанням всього двох клавіш: .form { animation: form-fly-up 0.35s ease; } @keyframes form-fly-up { 0% { t...
Codeguida · 02 вересня 2021 · 10
Чому варто використовувати тег <picture> замість <img>
Використання зображень та анімацій в інтерфейсах користувача стало поширеною практикою в сучасних веб застосунках. Хоча ці приклади сучасного дизайну фокусуються на підвищенні зручності роботи з вашим застосунком, але можуть виникати проблеми якщо зо...
Alex · 2 роки тому · 1.4K
Введення в SVG анімацію за допомогою SMIL
На Sitepoint нещодавно був розміщений виклик - відтворити цю забавну GIF анімацію за допомогою HTML і CSS: Це виглядає дуже просто, але це важко зробити без великої кількості ключових кадрів. Я схилявся до SVG, але вже давно хотів дати можливість SM...
Codeguida · 05 квітня 2021 · 30
PHP 8.2: Погляд у майбутнє веб-розробки
Вступ Оскільки цифровий ландшафт продовжує еволюціонувати, то PHP, одна з найпопулярніших мов програмування для вебу, йде в ногу з часом завдяки своїй новій версії - 8.2. PHP 8.2, наповнений цікавими функціями та вдосконаленнями, піднімає мову на нов...
Alex · 26 липня 2023 · 57
8 речей, які ви повинні зробити при створенні нового веб-проекту
1)Виберіть назву Якщо ви вирішили займатись розвитком вашої ідеї, перше, що ви повинні зробити - вибрати ім'я для вашого продукту. У випадку, коли вигадування назв не ваша сильна сторона, ви може використати Тезаурус, поекспериментувати з об єднання...
Codeguida · 19 серпня 2014 · 5
Веб-розробнику: 10 корисних інструментів
Стаття, переклад якої ми публікуємо сьогодні, присвячена 10 корисним інструментам, які призначені для веб-розробників. Автор матеріалу вважає, що це — як раз такі інструменти, які дозволяють, «працювати з розумом, а не до ночі». 1....
Alex · 21 серпня 2020 · 1.2K
Реагуючі блоки однакової висоти на основі Flexbox з JavaScript Fallback
Чому саме Flexbox? Тому що цей модуль був розроблений для того, щоб вирішити проблеми даного типу. Це гнучкий і ефективний спосіб управління для всіх видів макетів. Цей спосіб не створює майже ніякого часового розриву між правильним та неправильним в...
Codeguida · 25 квітня 2020 · 56