Рендерим таблицы с помощью Symbiote.js

Рендерим таблицы с помощью Symbiote.js

В этой статье, я хочу показать базовые приемы работы с HTML-таблицами при использовании библиотеки Symbiote.js и раскрыть на практике некоторые ее важные особенности. Читать далее

Подробнее
Как мы применяем гибкую вёрстку для адаптива страниц под большие экраны

Как мы применяем гибкую вёрстку для адаптива страниц под большие экраны

Привет! Меня зовут Оля и я расскажу о том, как мы при помощи гибкой вёрстки настроили отображение контента на широких экранах. Эта статья будет полезна разработчикам веб-сайтов и послужит примером использования CSS при разработке адаптивности сайта для экранов свыше 1921 пикселей. Читать далее

Подробнее
[Перевод] Применение ключевого слова revert-layer в CSS

[Перевод] Применение ключевого слова revert-layer в CSS

В веб-разработке не так просто добиться идеально масштабируемого дизайна для разных браузеров и устройств. Трудности могут возникать везде, от настройки стиля для экранов разных устройств до переопределения стилей, попавших в наш код неизвестно откуда. Читать дальше →

Подробнее
[Перевод] Путь к потрясающему CSS Easing с помощью новой функции linear()

[Перевод] Путь к потрясающему CSS Easing с помощью новой функции linear()

С появлением на горизонте новой CSS функции linear() возможности создания естественных анимаций и переходов в будущем значительно расширяются. В этой статье Джейхи Томпкинс рассматривает текущее состояние CSS easing и демонстрирует, чего можно ожидать от linear(), включая удобные инструменты для работы с ней уже сегодня. Читать далее

Подробнее
[Перевод] Сложнейшая проблема компьютерных наук: центрирование

[Перевод] Сложнейшая проблема компьютерных наук: центрирование

Заявляю: «Мы, как цивилизация, разучились использовать центрирование». Ну то есть мы, конечно, знаем, как это делать — очень просто: display: flex;justify-content: center; /* Горизонтальное центрирование */align-items: center; /* Вертикальное центрирование */ Не спрашивайте, почему вам нужно запомнить четыре слова вместо просто горизонтальное/вертикальное; всё равно лучше, чем было до этого. Ещё можно использовать сетку: display: grid;justify-items: center; /* Горизонтальное…

Подробнее
Анализ доменов-доноров с помощью chatGPT и Data Analyst

Анализ доменов-доноров с помощью chatGPT и Data Analyst

В ChatGPT существует множество плагинов, каждый из которых предлагает уникальные возможности для расширения функционала этого инструмента. От создания кода до анализа данных. Плагины делают ChatGPT ещё более мощным и универсальным инструментом для различных задач. Хочу рассказать про плагин Data Analysis. Это разработка от OpenAI, представляющая собой плагин, благодаря которому возможно создание и выполнение кода прямо в интерфейсе ChatGPT, а также работа с файлами, загруженными…

Подробнее
Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: значения свойства display

Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: значения свойства display

Привет, Хабр. Я продолжаю отвечать на вопросы из собеседований на должность фронтендера. Сегодня я отвечу на следующий вопрос: «В чём отличия между значениями block, inline, flex, inline-flex, grid и inline-grid для свойства display?» Прошу внимания. Мой ответ будет основан на теории, которую я описал в статье «Зачем нужно использовать свойство display?». Прочитайте, пожалуйста, сначала её. Читать дальше →

Подробнее
Deco.cx — «убийца» WordPress (пока только в мечтах основателей)

Deco.cx — «убийца» WordPress (пока только в мечтах основателей)

Самая популярная в мире CMS (система управления контентом) это WordPress. Почти половина (43%) веб-сайтов в мире управляется с помощью нее, и доля растет (). Бразильский стартап Deco.cx хочет бросить вызов такому грозному сопернику. В начале года они привлекли раунд в 2,2 млн.$ Деньги планировали потратить на добавление ИИ в свой сервис, и судя по всему уже добавили. Уверяют, что их продукт увеличивает скорость разработки в 10 раз. Проверить и поверить сложно, возможно какую-то часть

Подробнее
Спектр Права - юридические услугу в Петербурге

Спектр Права - юридические услугу в Петербурге

Мы представляем проект — корпоративный сайт для юридического бюро, предоставляющего услуги в Санкт-Петербурге и Москве. Наша команда разработала современный и функциональный веб-ресурс, который отражает профессионализм и надежность клиента. Цели проекта: • Создание интуитивно понятного интерфейса для удобной навигации. • Поддержка актуальной информации о юридических услугах и команде специалистов. • Интеграция форм обратной связи для повышения взаимодействия с клиентами. Ключевые особенности: •

Подробнее
Неизвестно полезный CSS. Часть 2

Неизвестно полезный CSS. Часть 2

Привет, Хабр. Я продолжаю рассказывать про неизвестные широкому кругу разработчиков CSS-фишки. Я отбираю их так, чтобы они были полезны в разного рода проектах. Неважно, верстаете ли вы сайт для малого бизнеса или создаёте супермодное React-приложение. Они поддерживаются большинством браузеров. Отдельно отмечу, что я не считаю IE11 современным браузером. По этой причине я не учитывал его. Сегодня мы рассмотрим: загрузку фоновых изображений для экранов с повышенной плотностью пикселя…

Подробнее
CSS генератор селектров, дашборд для запуска Ansible-плейбуков, Terraform-кода и Bash-скриптов – и другие стартапы

CSS генератор селектров, дашборд для запуска Ansible-плейбуков, Terraform-кода и Bash-скриптов – и другие стартапы

11 новых российских проектов для замены Notion, интеграции Tilda с Airtable, поиска работы для дизайнеров и многого другого. Битва за «Продукт недели» началась! Product Radar — здесь каждую неделю публикуются лучшие онлайн-сервисы и железки от русскоязычных команд. Читать далее

Подробнее