web
(50)
Чи повинні користувачі мати можливість відключати адаптивний дизайн на мобільних пристроях?
Що, якщо користувач не хоче, оптимізовану для мобільних пристроїв версію вашого ресурсу? Список можливих причин: Користувач регулярно відвідує десктопну версію сайту і оптимізований варіант дезорієнтує його. Мобільна версія приховує вміст або фун...
Codeguida · 05 липня 2020 · 1
Підбірка CSS і Javascript бібліотек для створення анімаційних ефектів
CSS бібліотеки Досвідчені розробники і веб-дизайнери витратили велику кількість часу, щоб створити ці CSS бібліотеки для анімації. Тож ви можете просто скористатися їх напрацюваннями, додати елемент до таблиці стилів і використати потрібні вам анімац...
Codeguida · 24 червня 2020 · 28
Дизайн для розробників
Навіщо розробнику, який працює з кодом розумітися в дизайні? Коли ви маєте досвід і в дизайні, і в розробці — це значно пришвидшує й поліпшує обидва процеси. Ваші прототипи будуть виглядати краще, а дизайни будуть побудовані так, що їх реалізація не...
Codeguida · 29 квітня 2020 · 1
Реагуючі блоки однакової висоти на основі Flexbox з JavaScript Fallback
Чому саме Flexbox? Тому що цей модуль був розроблений для того, щоб вирішити проблеми даного типу. Це гнучкий і ефективний спосіб управління для всіх видів макетів. Цей спосіб не створює майже ніякого часового розриву між правильним та неправильним в...
Codeguida · 25 квітня 2020 · 56
Супроводження PHP MVC сайтів дуже витратне
Вирішив перекласти статтю, яка трапилася мені після роботи над огидним сайтом на огидному Yii, в якому логіка роботи програми розмазалась по всім трьом літерам із абревіатури MVC, в якому було багато схожого коду, який робив майже однакові речі, в як...
Codeguida · 16 лютого 2020 · 21
10 ознак того, що ви гарний веб-розробник
Ось ви знаєте як зробити той чи інший сайт, але чи заслуговуєте ви звання класного веб-розробника? Ось 10 ознак гарного веб розробника. Сподіваюсь, у вас буде 10/10. 1. Ви використовуєте фреймворк Навіть якщо ви супер-зірка розробки — фреймворк необх...
Codeguida · 14 січня 2020 · 14
Інтро до Веб-компонентів
Фронтенд-розробка розвивається з шаленою швидкістю. Варто лише поглянути на численні статті, туторіали та треди у Twitter зі скаргами на технології, колись такі прості та зрозумілі. У цій статті ми з'ясуємо, чому для якісного користувацького досвіду...
Codeguida · 24 квітня 2019 · 26
Досить зловживати div: інтро до семантичного HTML
div проявив себе Усі ми любимо тег div. Він існує вже давно і за цей час став найпопулярнішим елементом для огортання будь-якого контенту в блок, щоб стилізувати чи структурувати його. Навіть зараз у продакшені часто можна натрапити на подібний код:...
Codeguida · 15 квітня 2019 · 59
Архітектура веб-застосунків на прикладі Golang
З недавнього часу я пишу на Go. До цього здебільшого використовував Python/Django. Як виявилось в світі Golang ще немає купи класних фреймворків, які вирішують більшість завдань, тому треба було самому реалізовувати архітектуру застосунку. І це класн...
Codeguida · 15 червня 2018 · 173
Що таке HTTPS та як на нього перейти
HTTPS є, де-факто, обов'язковим для веб-сайтів. Користувачі охочіше лишають свої дані на сайтах з зеленим замком в адресному рядку, Chrome та Firefox позначають небезпечними http-сторінки, де присутні форми, а це впливає на ранжування в пошуков...
Codeguida · 26 червня 2017 · 30
14 метрик веб-сайту, які вам слід відслідковувати
Для створення оптимального UX розробникам завжди потрібно звертати увагу на метрики, які підкажуть, які частини сайту слід покращити. Задовольнити потреби користувачів ще ніколи не було так складно. Вони очікують від сайту професійний дизайн, інтера...
Codeguida · 6 років тому · 36
Повне керівництво по CSS Grid
Знайомство CSS Grid Layout (або просто "сітка") — це двовимірна система компонування, що повинна перевернути ваші уявлення про створення макетів. CSS вже давно використовується для компонування елементів на сторінці, але він майже ніколи не виконував...
Codeguida · 6 років тому · 58