Возможно, совсем недавно вы читали статью Адриана Розелли “Отскребая соженный тост” или “Обсуждение подсказок” Криса Койлера. Или, возможно, изучали гит-репозитории “Стандартного UI-элемента – тост” и ветку его обсуждения в WICG. В конце концов, вы можете быть знакомы с концепцией подсказок Читать дальше…
Статья достаточно старая (2014 год), но разработчики форм косячат снова и снова. В общем, не баян, а классика Если коротко: плейсхолдеры вместо ярлыков увеличивают количество ошибок и нагружают память пользователей. А еще, мешают людям с нарушением зрения и когнитивных функций. Читать дальше…
Продолжаю пытать себя и окружающих попытками разобраться в настройках Webpack 4. И в процессе нашла совершенно невероятный набор уроков, которые даже мне помогли. Серьезно, абсолютное волшебство. Велкам: https://tocode.ru/curses/nastroika-webpack4/
Несколько дней назад мы опубликовали скошенный hero-компонент, модификатор простого блока. Его можно использовать для дизайна, основанного исключительно на прямоугольных сечениях. Летс ду ит! Есть видеоурок, где объясняются различные способы реализации скосов у блока (а тут YouTube канал) Компонент из пособия Читать дальше…
Недавно столкнулась с необходимостью добавить инлайн SVG-спрайт в тему WordPress. И вот, пожалуйста, перевод чудесного пособия о том, как просто это сделать.
Умение учиться – так же известное как “мета-обучение” – один из наиболее полезных навыков из всех, что вы можете приобрести. И до сих пор практически никто не знает как это сделать. Почему это так важно? Все давно сказано до нас: Читать дальше…
Привет, ребятки. Я работаю программистом уже более 15 лет и за это время использовал много языков, парадигм, фреймворков и прочих штук. И сегодня хочу поделиться моими правилами написания хорошего кода Оптимизация против читабельности. К черту оптимизацию Всегда пишите код так, Читать дальше…
Ситуация: На сайте с WordPress есть блок внимания: блок <div> с вложенной в него svg иконкой. При сохранении поста блок оставался, а картинка бесследно пропадала. Баг был плавающим, показывался на Windows 10 в браузерах Firefox и с движком Chromium. На Читать дальше…
Что вы узнаете: Как построить CSS-сетку, поддерживаемую браузерами. Как подключить Grid Layout. Разберетесь в основах строк и столбцов сетки. Познакомитесь с новой дробной единицей (fr). Поработаете со вложенными сетками. ДА! Пора начинать! Если вы, вдруг, не знаете, что такое CSS Читать дальше…
Какой самый лучший способ понять Flexbox? Изучить основы и написать кучу разных штук. Именно этим мы и займемся. Но сначала стоит кое-что уточнить: Эта статья написана для разработчиков среднего уровня и предполагает, что вы уже имеете представление о Флексбоксах. Но… Читать дальше…