Веб Мастерская | Веб разработка и программирование | ИТ | IT

HTML Привет, коллеги! 👋 Сегодня в мастерской разбираем тег, который 90% новичков просто слепо копируют из шаблона, не понимая, как он работает. Речь о <meta name="viewport">. 🛠 Зачем он нужен? Без него мобильный браузер думает, что вы открыли десктопный сайт, сжимает его до ширины ~980px и показывает «мыльный» текст, который нужно зумить пальцами. Вьюпорт говорит браузеру: «Эй, мы на мобилке, адаптируй ширину под экран!». 💻 Эталонная строка: <meta name="viewport" content="width=device-width, initial-scale=1.0"> 🔍 Разбираем параметры: • width=device-width — ширина страницы равна ширине экрана устройства. (Если у вас iPhone 390px, то и страница будет 390px, а не 980px). • initial-scale=1.0 — начальный масштаб 1:1. Никакого автоматического уменьшения текста при загрузке. 💡 Со…

БАЗА: 🔨 Почему уметь писать код ПЛОХО — это суперсила, о которой молчат на курсах Слышал когда-нибудь от ментора: «Пиши чистый код, соблюдай SOLID, думай о паттернах!»? Конечно слышал. И это правильный совет. Но неполный. Знаешь, что в реальной мастерской происходит, когда заказчик звонит в пятницу в 18:00 и говорит: «Сайт лежит, нам завтра запускать рекламу на 200 тысяч»? Ты не садишься рефакторить архитектуру. Ты не пишешь тесты. Ты берёшь молоток, проволоку, изоленту и чинишь быстро. Грязно. Но сайт работает, реклама крутится, клиент счастлив, деньги не сгорели. 🧠 Вот где зарыта собака. Есть огромная разница между: ❌ «Я не умею писать чисто, поэтому мой код — спагетти» ✅ «Я УМЕЮ написать чисто, но прямо сейчас осознанно выбираю быстрое решение» Первое — это неумение. Второе …

Добро пожаловать в «Веб Мастерскую»! Привет! Я Сергей Абрамов — веб-разработчик и основатель Студии Сергея Абрамова. А это — моя мастерская. Без пафосных конференц-залов, без «успешного успеха» и без воды на 40 минут. Здесь пахнет свежим кодом, горячим кофе и иногда — горящими дедлайнами. 😄 Что тут будет? 🔨 Реальные кейсы из продакшена — не «представим, что у нас интернет-магазин», а «вот клиент, вот ТЗ на 3 строчки, вот как мы это разгребали». 🔍 Живые разборы — код, архитектура, грабли. Показываю не только «как надо», но и «как я сначала сделал неправильно и почему». 💡 Практические решения — PHP, JS, HTML/CSS, MySQL, фреймворки, хостинг, деплой. То, что реально используется в работе, а не в учебниках 2009 года. 🗣 Честные разговоры — про фриланс, заказчиков, оценки сроков, синдр…

ДАЙДЖЕСТ НЕДЕЛИ: Привет, коллеги! Сергей на связи. Наливайте кофе, сейчас расскажу, что тут в нашем цеху за неделю натворили. Поехали 👇 1️. WordPress 7.1 Beta 2 — уже в печи 22 июля выкатили Beta 2. Главный фокус — асинхронная загрузка блоков и responsive styling, который наконец-то можно потестить. Релиз запланирован на 19 августа, аккурат к WordCamp US в Финиксе. Если сидите на WP — самое время глянуть, что там под капотом шуршит, пока не прилетело на прод. 2️. Chrome обновился, а CSS снова откусил кусок у JS 22 июля прилетел Early Stable Update для десктопа. А главное — Chrome 146/147 окончательно довели до ума scroll-driven animations, anchor positioning и popover API. То, что раньше писалось на 50 строк JS с IntersectionObserver — теперь 5 строк чистого CSS. JavaScript для UI-…

ВКонтакте Присоединяйтесь к нам, в нашем официальном сообществе Вконтакте: https://vk.ru/webstudiosa #вебразработка #webdev #webdevelopment #frontend #backend #fullstack #созданиесайтов #php #js #html #css #mysql #ВебМастерская, #СтудияАбрамова #АбрамовВеб

КЕЙС: Привет, коллеги! 👋 Сегодня в «Веб Мастерской» устраиваем археологические раскопки. Заказчик принес проект, который, судя по всему, писался еще во времена, когда PHP 5.4 считался передовым краем технологий. Спойлер: это был классический спагетти-код, где бизнес-логика, верстка и SQL-запросы были перемешаны в одном файле, как макароны с фрикадельками. Задача звучала амбициозно: перенести этого "монстра" на актуальный PHP 8+. Главные боли, с которыми столкнулись: 1. Функции mysql_. Классика жанра! В PHP 7 их вырезали, а в PHP 8+ о них даже не вспоминают. При первом запуске сайт просто лег. Пришлось экстренно переписывать всё базовое взаимодействие с БД. 2. Процедурный mysqli_. Там, где старого mysql_ не было, использовался mysqli_, но запросы собирались через прямую конкатенацию …

HTML: Коллеги, наливайте кофе ☕. Поговорим о магии, которая превращает наши унылые, повторяющиеся куски HTML в настоящие конструкторы LEGO. Вы ведь тоже ненавидите копировать один и тот же блок карточки товара, меняя в нём только картинку и текст? А потом приходит заказчик и говорит: «А давайте добавим бейджик "Новинка" вот сюда». И ты такой сидишь, ищешь по всему проекту этот чёртов блок в десяти местах... Было такое? У меня — постоянно. До тех пор, пока я по-настоящему не подружился с двумя недооценёнными тегами: <template> и <slot> . Это не просто какой-то там синтаксис, это фундамент для создания по-настоящему гибких веб-компонентов, даже если вы пишете на чистом HTML/CSS/JS, без всяких React и Vue. Проблема: когда копипаст побеждает Представьте, что вам нужно сделать модальное окн…

Фото

ДАЙДЖЕСТ НОВОСТЕЙ: Привет, коллеги! 👋 Пока вы дописывали таски в пятницу, в мире веб-разработки успели прилететь несколько важных апдейтов. Мы в студии прошерстили всё за вас и собрали 5 самых полезных новостей, которые реально повлияют на ваш код уже в этом месяце. 1. Chrome DevTools прокачался В октябрьском обновлении Chrome появилась полная поддержка soft navigation в Performance и трекинг ad-скриптов в Application. Для нас это значит — теперь SPA-приложения будут нормально замеряться в Lighthouse и DevTools без "кривых" метрик. Мастхэв для аудита! 2. Next.js 16.3 — Instant Navigations Vercel выкатил Instant Navigations — набор инструментов, которые делают SPA-навигацию мгновенной. Плюс ускорили dev-сервер и билды. Если вы на Next.js — обязательно обновляйтесь, особенно если у вас …

ФАКТЫ: | Топ-5 бесплатных CMS в России — 2026 Коллеги, давайте без иллюзий: «идеальной CMS» не существует. Но есть те, на которых реально сидит рунет прямо сейчас. Собрал для вас пятёрку бесплатных систем, которые в 2026-м чаще всего встречаются в продакшене. Поехали 👇 5. OpenCart Старичок для интернет-магазинов. Да, дизайн «из 2015-го», да, расширения часто кривые. Но для малого магазина на 200–500 SKU — рабочий конь. Бесплатно, без подписок, хостинг от 300 ₽/мес. В России держится за счёт инерции и огромной базы готовых шаблонов. 4. MODX Revolution Любимец фрилансеров и небольших студий. Гибкость на уровне «лепи что хочешь», чистый код, нет навязанной структуры. Минус — порог входа выше среднего. Но если освоил, кастомные проекты делаешь в разы быстрее. 3. Drupal Тяжёлая артиллер…