front-end » TCSE разработка и техническое сопровождение сайтов на основе DLE (DataLife Engine)

Основы и практика CSS Grid Layout: как использовать двумерную раскладку для повседневных задач

18 марта 2022
Уроки CSS на Хабрахабре, habrahabr.ru, CSS, css, css grid, css grid layout, frontend, front-end, frontend-разработка, frontend development, Основное / Скрипты и советы
0
0
348

Наш фронтенд-разработчик Данила Абрамов @DanilAbr подготовил материал для новичков и практикующих разработчиков, у которых не было возможности разобраться с Grid. В первой части статьи — основные

HTML и CSS ошибки, ухудшающие UX

24 мая 2021
Уроки CSS на Хабрахабре, habrahabr.ru, CSS, HTML, Usability, Accessibility, accessibility, css, html, front-end, ux, Основное / Скрипты и советы
0
0
326

В прошлом году я собрал несколько случаев, когда HTML и CSS ошибки негативно влияют на доступность интерфейсов. В этой статье я хочу продолжить и описать еще несколько случаев. Читать дальше →

Модульные frond-end блоки — пишем свой пакет. Часть 2

20 мая 2021
Уроки CSS на Хабрахабре, habrahabr.ru, WordPress, PHP, CSS, JavaScript, HTML, модульные блоки, front-end, фронтенд, bem, php, css, java, wordpress, composer, Основное / Скрипты и советы
0
0
838

В первой части я поделился своим взглядом на то, какими могут быть переиспользуемые front-end блоки, получил конструктивную критику, доработал пакет и теперь хотел бы поделиться с вами новой версией.

Модульные front-end блоки – пишем свой мини фреймворк

9 мая 2021
Уроки CSS на Хабрахабре, habrahabr.ru, PHP, CSS, JavaScript, HTML, модульные блоки, front-end, фронтенд, bem, php, css, html, composer, framework, javascript, Основное / Скрипты и советы
0
0
549

Доброго времени суток уважаемые читатели хабра. С каждым годом в веб разработке появляется все больше разнообразных решений которые используют модульный подход и упрощают разработку и редактирование

[Перевод] Почему стоит использовать тег <picture> вместо <img>

5 мая 2021
Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании VDSina.ru, Веб-дизайн, Интерфейсы, HTML, ReactJS, front-end, html, picture, img, css, web-разработка, Основное / Скрипты и советы
0
0
486

Использование изображений и анимаций в интерфейсах пользователя стало распространённой практикой в современных веб-приложениях. Хотя эти примеры современного дизайна делают упор на повышение удобства

[Перевод] DRY CSS: Как использовать каждое объявление только один раз

1 декабря 2020
Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании ДомКлик, CSS, Клиентская оптимизация, front-end, css, optimization, dont repeat yourself, Основное / Скрипты и советы
0
0
529

Использование DRY в CSS — это способ максимально избегать повторения в таблицах стилей. Этот подход не панацея, но он достаточно эффективен и является одним из основных методов оптимизации. Поскольку

[Перевод] Продуманный front-end. Правильная архитектура для быстрых сайтов

11 августа 2020
Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании Издательский дом «Питер», CSS, Клиентская оптимизация, Accessibility, Браузеры, JavaScript, front-end, высокая производительность, браузеры, Основное / Скрипты и советы
0
0
506

Привет, Хабр! Мы давно обходили вниманием тему браузеров, CSS и accessibility и решили вернуться к ней с переводом сегодняшнего обзорного материала (оригинал — февраль 2020). Особенно интересует ваше

[Из песочницы] Как верстать веб-интерфейсы быстро, качественно и интересно

Всем привет! Давно хотел и наконец написал небольшую книжку — бодрое пособие по своей профессиональной области: актуальным подходам к разметке интерфейсов, экранному дизайну и доступности. Она о моем

Готовые решения

Вопрос-Ответ

Последние работы

О веб-студии

Корп сайты

Интернет-магазины

Блоги

Собственные проекты

Продукты