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

[Перевод] Как Discord реализовал навигацию клавиатурой по всему приложению

7 апреля 2022
Уроки CSS на Хабрахабре, habrahabr.ru, CSS, JavaScript, HTML, Usability, ReactJS, discord, frontend, layout, верстка, стили, css, accessibility, javascript, react, keyboard, Основное / Скрипты и советы
0
0
131

Мы делаем Discord доступным для каждого. В 2020 году мы многое сделали, чтобы значительно улучшить ассебилити в приложении. Остаётся ещё много работы, но мы уже сейчас можем рассказать об одном из

[Перевод] Полное визуальное руководство/шпаргалка по CSS Grid

Сегодня мы с вами рассмотрим свойства CSS Grid (далее также — Грид), позволяющие создавать адаптивные или отзывчивые макеты веб-страниц. Я постараюсь кратко, но полно объяснить, как работает каждое

Полное визуальное руководство-шпаргалка по Flexbox и Grid + туториал

18 ноября 2020
Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, JavaScript, Программирование, HTML, html, css, javascript, flexbox, flex, grid, layout, флексбокс, флекс, грид, сетка, макет, Основное / Скрипты и советы
0
0
566

Доброго времени суток, друзья! Представляю вашему вниманию полное визуальное руководство-шпаргалку по всем свойствам CSS-модулей Flexbox и Grid. Основные источники: A Complete Guide to Flexbox, A

[Перевод] Нововведения CSS – Июль 2020 (Gap, Aspect ratio, Masonry, Subgrid)

31 июля 2020
Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, HTML, Web Development, frontend, html, layout, вёрстка, разработка веб-сайтов, Основное / Скрипты и советы
0
0
745

Приветствую. Представляю вашему вниманию перевод статьи «CSS News July 2020», опубликованной 7 июля 2020 года автором Rachel Andrew В последнее время скорость внедрения новых возможностей технологий

[Перевод] Современные решения старых CSS-задач (3 часть): Масштабирование изображений на CSS

23 июля 2020
Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, HTML, Web Development, frontend, html, layout, вёрстка, разработка веб-сайтов, Основное / Скрипты и советы
0
0
630

Приветствую. Представляю вашему вниманию перевод статьи «CSS-Only Full-Width Responsive Images 2 Ways», опубликованной 14 апреля 2020 года автора Stephanie Eckles Это третья статья из серии,

[Перевод] Современные решения старых CSS-задач (2 часть): Элементы одинаковой высоты: Flexbox vs Grid

22 июля 2020
Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, HTML, Web Development, frontend, html, layout, вёрстка, разработка веб-сайтов, Основное / Скрипты и советы
0
0
486

Приветствую. Представляю вашему вниманию перевод статьи «Equal Height Elements: Flexbox vs. Grid», опубликованной 9 апреля 2020 года автором Stephanie Eckles Это вторая статья из серии, посвящённой

[Перевод] Современные решения старых CSS-задач (1 часть): Удержание футера внизу страницы

21 июля 2020
Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, HTML, Web Development, frontend, html, layout, вёрстка, разработка веб-сайтов, Основное / Скрипты и советы
0
0
651

Приветствую. Представляю вашему вниманию перевод статьи «Keep the Footer at the Bottom: Flexbox vs. Grid», опубликованной 8 апреля 2020 года автором Stephanie Eckles Это первая статья из серии,

[Перевод] Понимание CSS Grid (3 часть): Grid-области

5 мая 2020
Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, Web Development, frontend, html, layout, вёрстка, разработка веб-сайтов, Основное / Скрипты и советы
0
0
442

Приветствую! Представляю вашему вниманию перевод статьи «Understanding CSS Grid: Grid Template Areas» автора Rachel Andrew При использовании CSS Grid, вы можете располагать элементы на сетке,

[Перевод] Понимание CSS Grid (2 часть): Grid-линии

4 мая 2020
Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, Web Development, frontend, html, layout, вёрстка, разработка веб-сайтов, Основное / Скрипты и советы
0
0
667

Перевод Understanding CSS Grid: Grid Lines» Rachel Andrew В первой статье из серии "Понимание CSS Grid" мы рассмотрели, как создавать родительский grid-контейнер и различные свойства, применяемые к

[Перевод] Гибкая разметка без медиа-запросов: функции min(), max(), clamp()

27 апреля 2020
Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, Web Development, frontend, html, layout, вёрстка, разработка веб-сайтов, Основное / Скрипты и советы
0
0
562

Перевод «Flexible layouts without media queries» Dannie Vinther С момента появления в браузерах в 2017 году, CSS Grid дал веб-дизайнерам и разработчикам новую суперсилу. На данный момент существует

[Перевод] Практика CSS Scroll Snapping

25 апреля 2020
Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, Web Development, frontend, html, layout, вёрстка, разработка веб-сайтов, Основное / Скрипты и советы
0
0
582

Перевод «Practical CSS Scroll Snapping» Max Kohler Спецификация CSS Scroll Snap позволяет привязывать положение прокрутки к определённым элементам или местоположению после того, как пользователь

[Перевод] CSS Houdini: практическое руководство

Доброго времени суток, друзья! Что такое Houdini? Houdini (Гудини) — коллекция API браузера, значительно улучшающих процесс веб разработки, включая разработку стандартов CSS. Разработчики смогут

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

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

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

О веб-студии

Корп сайты

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

Блоги

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

Продукты