![[Перевод] Нововведения CSS – Июль 2020 (Gap, Aspect ratio, Masonry, Subgrid)](https://habrastorage.org/webt/fv/8q/kp/fv8qkpmn3atjsztoea9upkpdcow.jpeg)
Приветствую. Представляю вашему вниманию перевод статьи «CSS News July 2020», опубликованной 7 июля 2020 года автором Rachel Andrew В последнее время скорость внедрения новых возможностей технологий веб-разработки существенно увеличилась по сравнению с тем, как это было раньше. Данная статья содержит подборку новых CSS-функций, поддержка которых уже сейчас появляется в современных браузерах. Если вы относитесь к разработчикам, которым не нравится читать о технологиях, если их…
Подробнее![[Перевод] CSS и множественный фон](https://habrastorage.org/webt/ok/dp/3u/okdp3us_uwh0hhfk0rn6oamvfwk.jpeg)
CSS-свойство background — это одно из самых часто используемых свойств. Но сообщество веб-разработчиков пока не слишком хорошо осведомлено о возможностях, которые даёт использование множественного фона. Здесь я собираюсь серьёзно поговорить о том, что может дать применение множественного фона, и о том, как использовать стандартные механизмы CSS на полную мощность. В этом материале я подробно расскажу о свойстве background-image, приведу наглядные примеры совместного использования
Подробнее
Как "подружить" дизайнера и инженера? Как дать им работать с одними и теме же данным, без ущерба продуктивности? Как хранить дизайн в системе контроля версий. Если вас интересуют эти вопросы, в такой же степени как и меня, то добро пожаловать под кат! Читать дальше →
Подробнее
Платформа 1С:Предприятие локализована на 22 языка, включая английский, немецкий, французский, китайский, вьетнамский. Недавно, в версии 8.3.17, мы поддержали арабский язык. Одна из особенностей арабского языка в том, что текст на нём пишут и читают справа налево. UI для арабского языка надо отображать зеркально по горизонтали (но не всё и не всегда – тут есть тонкости), контекстное меню открывать слева от курсора и т.п. Под катом – о том, как мы поддержали RTL (right-to-left) в
Подробнее
Доброго времени суток, друзья! Предлагаю Вашему вниманию результаты небольшого исследования — визуального сравнения 13 CSS-фреймворков. Цель исследования — определить, какой из фреймворков лучше всего справляется со стилизацией по умолчанию, т.е. без добавления специальных (предусмотренных фреймворком) классов. В исследовании представлены следующие фреймворки: …
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[recovery mode] Как стать Front-End разработчиком](https://habrastorage.org/getpro/habr/post_images/c5a/3d9/666/c5a3d9666c77dd2f49dcfd109f0cf864.jpg)
Кто такой Front-End разработчик? Front-End разработчик это человек который пишет код для внешнего вида сайта, также есть Back-End разработчик который пишет код для функциональной части сайта. Если скрестить эти две профессии получится Full-Stack разработчик Читать дальше →
Подробнее
Кризис и самоизоляция больно ударили по малому бизнесу. По данным на основании сведений оператора фискальных данных «Платформы ОФД», каждая пятая компания в России не может открыться после снятия ограничительных мер. Но так ли всё плохо на самом деле? Я консультирую предпринимателей в области интернет-маркетинга, помогаю продвигать сайты и увеличивать прибыль за счет онлайн-продаж. В этой статье хочу поделиться с Вами статистикой органического трафика 16 различных сайтов. И, поверьте,…
Подробнее
C адаптацией приложений и сайтов под RTL-языки (right-to-left, справа налево) сталкиваются разработчики многих развивающихся и выходящих на новые рынки продуктов. Мы в Badoo тоже в какой-то момент оказались в этой ситуации: наши приложения переведены на 52 языка и диалекта. В этой статье я расскажу о нескольких интересных нюансах, которые мы обнаружили при адаптации форм на сайте Badoo.сом под иврит и арабский язык. Читать дальше →
Подробнее![[Перевод] Современные решения старых CSS-задач (3 часть): Масштабирование изображений на CSS](https://habrastorage.org/webt/qs/x3/8u/qsx38u8ianmdgf2cspm4jrnanv0.png)
Приветствую. Представляю вашему вниманию перевод статьи «CSS-Only Full-Width Responsive Images 2 Ways», опубликованной 14 апреля 2020 года автора Stephanie Eckles Это третья статья из серии, посвящённой ознакомлению с современными способами решения CSS-проблем, с которыми я сталкивалась на протяжении более 13 лет в роли фронтенд-разработчика. В не очень далёком прошлом, когда JQuery ещё был "Царём горы", наиболее популярным инструментом для реализации отзывчивости фоновых…
Подробнее
Когда вам нужна возможность менять цвет иконок через CSS, что вы делаете? Вариантов не так много. Обычно используются либо шрифты иконок, либо исходный код SVG скачивается и вставляется в HTML вручную. Шрифт нужно оптимизировать, иначе пользователь загрузит разом все иконки без надобности. Работа с исходным кодом требует тяжелых DOM-операций и потенциально опасна. Чтобы защититься от вредоносного кода SVG нужно «почистить». Встроенный в Angular санитайзер, к примеру, не работает с SVG и…
Подробнее![[Перевод] О конфликтах Sass и сравнительно новых возможностей CSS](https://habrastorage.org/webt/bp/1k/-4/bp1k-4erofbdlognlu5tmvlfjuq.jpeg)
Сравнительно недавно в CSS появилось много интересных возможностей, таких, как CSS-переменные и новые функции. Хотя всё это и может сильно упростить жизнь веб-дизайнерам, эти возможности способны неожиданными способами взаимодействовать с CSS-препроцессорами вроде Sass. Автор материала, перевод которого мы сегодня публикуем, расскажет о том, с какими проблемами ей довелось столкнуться, о том, как она с ними справлялась, и о том, почему она считает, что без Sass в наши дни всё ещё
Подробнее