веб (11)

PHP 8.2: Погляд у майбутнє веб-розробки

Вступ Оскільки цифровий ландшафт продовжує еволюціонувати, то PHP, одна з найпопулярніших мов програмування для вебу, йде в ногу з часом завдяки своїй новій версії - 8.2. PHP 8.2, наповнений цікавими функціями та вдосконаленнями, піднімає мову на нов...

Alex · 26 липня 2023 · 56

Додаємо анімації життя

Перша ітерація - стандартне "послаблення" Це перша версія - звичайний, рукописний CSS3 ключовий кадр анімації з використанням всього двох клавіш: .form { animation: form-fly-up 0.35s ease; } @keyframes form-fly-up { 0% { t...

Codeguida · 02 вересня 2021 · 10

Чому варто використовувати тег <picture> замість <img>

Використання зображень та анімацій в інтерфейсах користувача стало поширеною практикою в сучасних веб застосунках. Хоча ці приклади сучасного дизайну фокусуються на підвищенні зручності роботи з вашим застосунком, але можуть виникати проблеми якщо зо...

Alex · 14 травня 2021 · 1.4K

Введення в SVG анімацію за допомогою SMIL

На Sitepoint нещодавно був розміщений виклик - відтворити цю забавну GIF анімацію за допомогою HTML і CSS: Це виглядає дуже просто, але це важко зробити без великої кількості ключових кадрів. Я схилявся до SVG, але вже давно хотів дати можливість SM...

Codeguida · 3 роки тому · 29

Повне керівництво по Flexbox

Це повне керівництво пояснює все про flexbox, зосереджуючись на всіх можливих властивосях для батьківського елемента (контейнер flex) та дочірніх елементів (елементи flex). Воно також включає в себе історію, демонстрації, шаблони і таблицю підтримки...

Alex · 11 жовтня 2020 · 3.8K

Веб стає повільнішим?

У недавній історії на Hacker News стверджувалося, що швидкість веб-сторінок не підвищуються навіть зі збільшенням швидкостей Інтернету. В цій статті я поясню, чому з вихідних даних такого висновку зробити не можна. Також ми розглянемо зміни, що від...

Alex · 24 вересня 2020 · 57

Веб-розробнику: 10 корисних інструментів

Стаття, переклад якої ми публікуємо сьогодні, присвячена 10 корисним інструментам, які призначені для веб-розробників. Автор матеріалу вважає, що це &mdash; як раз такі інструменти, які дозволяють, &laquo;працювати з розумом, а не до ночі&raquo;. 1....

Alex · 21 серпня 2020 · 1.2K

PHP 8: код «До» та «Після» (порівняння з PHP 7.4)

Залишилося всього кілька місяців до виходу PHP 8, і в цій версії дійсно є багато хорошого. В цій статті я хочу поділитися як зміниться код з приходом PHP 8. Підписники подій з атрибутами Я стараюся не зловживати атрибутами, але у випадку з налаштув...

Alex · 20 серпня 2020 · 278

Маловідомі CSS-властивості

Існує багато CSS-властивостей, про які деякі дизайнери просто не знають. Або знають, але забувають використовувати ці властивості там, де вони здатні принести велику користь. Деякі з цих властивостей можуть допомогти відмовитися від використання Java...

Alex · 20 липня 2020 · 445

Реагуючі блоки однакової висоти на основі Flexbox з JavaScript Fallback

Чому саме Flexbox? Тому що цей модуль був розроблений для того, щоб вирішити проблеми даного типу. Це гнучкий і ефективний спосіб управління для всіх видів макетів. Цей спосіб не створює майже ніякого часового розриву між правильним та неправильним в...

Codeguida · 3 роки тому · 54

8 речей, які ви повинні зробити при створенні нового веб-проекту

1)Виберіть назву Якщо ви вирішили займатись розвитком вашої ідеї, перше, що ви повинні зробити - вибрати ім'я для вашого продукту. У випадку, коли вигадування назв не ваша сильна сторона, ви може використати Тезаурус, поекспериментувати з об єднання...

Codeguida · 19 серпня 2014 · 5