Дайджест свежих материалов из мира фронтенда за последнюю неделю №399 (20 — 26 января 2020)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →

Подробнее

[Перевод] Серфинг интернета геймпадом (Javascript)

Сидя за столом, вы используете мышку и клавиатуру, сидя на диване — скорей всего тачпад ноутбука или тачскрин планшета. Возможно, вы даже используете Leap Motion и управляете компьютером с помощью жестов. Как вы уже поняли, существует множество способов серфить интернет и управлять вашим компьютером. Геймпад может быть одним из них. В этой статье я поделюсь с вами как: подключить геймпад к браузеру слушать события геймпада контролировать фокус на элементах страницы…

Подробнее

Парочка приемов работы с элементом iframe

Доброго времени суток, друзья! Задача Сделать нечто похожее на Dashboard на Codepen. Результат должен быть примерно следующим: Возможное решение Разметка одной секции может выглядеть так: Title Читать дальше →

Подробнее

[Перевод] RTL Styling 101 — подробное руководство по RTL-стилизации в CSS

Перевод «RTL Styling 101 — An extensive guide on how to style for RTL in CSS» Ахмада Шадида. Более 292 миллионов людей во всём мире говорят на арабском, как на родном языке. К ним отношусь и я, поэтому иногда разрабатываю сайты, которые должны поддерживать оба направления написания текста: слева направо (LTR – Left To Right) и справа налево (Right To Left). Читать дальше →

Подробнее

Создаем кнопку с Ripple Effect для XMars UI

Всем привет, сегодня я расскажу вам как разрабатывал кнопку для XMars UI проекта. О да, вроде мелочь, но есть о чем рассказать. Я опущу детали которые связаны с добавлением нового компонента в опенсорс проект. Более детально я расскажу про проект в отдельной статье. Введение XMars UI — это один из моих новых опенсорс проектов. Простая библиотека UI компонентов под HTML / CSS и React. В будущем планирую поддерживать Vue. Пока в ней только кнопка и иконки :) Проект родился…

Подробнее

Дайджест свежих материалов из мира фронтенда за последнюю неделю №398 (13 — 19 января 2020)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →

Подробнее

[Из песочницы] Так когда же всё таки можно использовать !important?

Любая фича в «кривых» руках становится плохой. Импортант — не исключение. Плохо не то, что он умеет, а то, как его используют. Читать дальше →

Подробнее

Дайджест свежих материалов из мира фронтенда за последнюю неделю №397 (6 — 12 января 2020)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →

Подробнее

[Перевод] Свойства Min и Max width/height в CSS

Перевод «Min and Max Width/Height in CSS» Ахмада Шадида Порой у разработчиков возникает необходимость ограничить ширину элемента относительно родителя, и в то же время, оставить её динамичной. Задав таким образом начальный размер с возможностью расширения при наличии доступного пространства. Например, нам нужна кнопка, которая должна иметь минимальную ширину. Именно в таких ситуациях удобно использовать свойства максимума и минимума. В этой статье мы познакомимся с CSS-свойствами максимума

Подробнее

Клади плитку эффективно ( Про CSS, SVG, pattern и другое)

Статья про ремонт квартиры, про эффективное использование графических ресурсов современных устройств. От смарт часов до телевизоров на стену. Сказ о том, как вставлять фоновые повторяющиеся изображения в страницу, что бы всем было хорошо. Ну, что готовы поиграть ..? Тогда погнали Читать дальше →

Подробнее

[Из песочницы] Модальные окна, которые мы заслужили

Начнем В разных критериях и манифестах качества есть такой пункт, как блокировка скролла страницы, когда открыто модальное окно. Модальное окно подразумевает под собой взаимодействие только с ним. Многие зададут вопрос: «Почему не использовать готовые решения?». Проблема в том, что этот функционал либо вообще не реализован, либо сделан очень плохо. Можно использовать самое простое и плохое решение: Читать дальше →

Подробнее

Дайджест свежих материалов из мира фронтенда за последнюю неделю №396 (30 декабря 2019 — 5 января 2020)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Медиа • podcast Подкаст «Сделайте мне красиво» Выпуск №32, в гостях Артур Кенжаев — Самая глупая статья и самый сложный выпуск • podcast Подкаст «Веб-стандарты» №210: Console.log или debug, вариативные шрифты, принципы a11y, НГ акции, одноразовый код • podcast Подкаст «CSSSR»: Новости 512 — Новогодний специальный выпуск 2020 • video Видео с PiterJS: #37 (T-Systems), #38 (Nexign), #40 (DataArt),

Подробнее