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

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

Подробнее

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

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

Подробнее

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

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

Подробнее

[Перевод] Путь к потрясающему 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 существует множество плагинов, каждый из которых предлагает уникальные возможности для расширения функционала этого инструмента. От создания кода до анализа данных. Плагины делают ChatGPT ещё более мощным и универсальным инструментом для различных задач. Хочу рассказать про плагин Data Analysis. Это разработка от OpenAI, представляющая собой плагин, благодаря которому возможно создание и выполнение кода прямо в интерфейсе ChatGPT, а также работа с файлами, загруженными…

Подробнее

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

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

Подробнее

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

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

Подробнее

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

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

Подробнее

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

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

Подробнее

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

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

Подробнее