[Перевод] Переменные CSS — курс молодого бойца

[Перевод] Переменные CSS — курс молодого бойца

Переменные CSS (также известные как настраиваемые свойства) поддерживаются браузерами почти 4 года. Мне нравится применять их в зависимости от проекта или ситуации. Они очень полезны и просты в использовании, но зачастую фронтенд разработчик неправильно использует или неправильно понимает их. Основная цель статьи: я хочу иметь место, где собрано все, что я знаю о переменных CSS, чтобы узнать и понять больше. Здесь вы прочитаете обо всем, что должны знать о переменных CSS, включая примеры…

Подробнее
Бесплатные аналоги популярных SaaS решений

Бесплатные аналоги популярных SaaS решений

Полезно, в закладки для вдумчивого изучения на досуге. ---- Бесплатные аналоги популярных SaaS решений https://habr.com/ru/post/522068/ Мы подготовили небольшой обзор бесплатных альтернатив популярных в России платформ SaaS. С небольшими усилиями зачастую можно добиться практически такой же функциональной отдачи, но с меньшими финансовыми затратами.

Подробнее
Как быстро создать Bootstrap-сайт для бизнеса: 6 полезных инструментов

Как быстро создать Bootstrap-сайт для бизнеса: 6 полезных инструментов

Как быстро создать Bootstrap-сайт для бизнеса: 6 полезных инструментов // Все публикации подряд https://habr.com/ru/post/520788/ Bootstrap уже много лет позволяет бизнесам по всему миру создавать адаптивные сайты с качественным UX без лишних затрат. В сегодняшней статье мы еще раз поговорим о плюсах этого фреймворка и рассмотрим некоторые полезные инструменты, которые позволят повысить его эффективность.

Подробнее
[Перевод] Готовимся к собеседованию по фронтенду: 15 вопросов

[Перевод] Готовимся к собеседованию по фронтенду: 15 вопросов

Автор статьи, перевод которой мы сегодня публикуем, приводит 15 вопросов, которые задавали на собеседованиях ему, и которые он задавал соискателям на должности фронтенд-разработчиков сам. Читать дальше →

Подробнее
[Перевод] Проектирование заголовочных частей сайтов с использованием CSS Flexbox

[Перевод] Проектирование заголовочных частей сайтов с использованием CSS Flexbox

Когда я, изучив основы HTML и CSS в 2014 году, занялся разработкой сайтов, сложнее и страшнее всего для меня было создание их заголовочных частей. Тогда технология Flexbox была ещё достаточно новой, поэтому мы вынуждены были использовать старые методы — вроде float-позиционирования и техники clearfix. Сегодня мир фронтенд разработки стал совсем другим. А именно, технология Flexbox получила широкую браузерную поддержку, что открывает нам множество новых возможностей. Кто-то может сказать,

Подробнее
как продавать свой продукт по подписке

как продавать свой продукт по подписке

Любопытная статья. Много букаф! Компании, которые работают по подписной бизнес-модели, устроены иначе, чем фирмы, продающие свои товары и услуги «поштучно». Они предлагают совершенно иной продукт и по-другому выстраивают ценообразование и продвижение. И они убеждены, что подписчик ценнее разового клиента – ведь он приносит регулярную прибыль. О том, как такие компании выстраивают свой маркетинг, в книге «Бизнес на подписке» рассказали Тен Цуо и Гэйб Вайзерт. С разрешения…

Подробнее
[Перевод] Исправление странной ошибки и стратегии отладки, проверенные временем

[Перевод] Исправление странной ошибки и стратегии отладки, проверенные временем

Помните, когда вам в последний раз доводилось сталкиваться с ошибкой, связанной с пользовательским интерфейсом, на исправление которой у вас уходили многие часы? Возможно, эта ошибка происходила периодически, без каких-то видимых причин. Может быть, она появлялась при определённых условиях (это могло зависеть от устройства, операционной системы, браузера или от действий пользователя) или была скрыта где-то в недрах одной из множества фронтенд-технологий, являющихся частью клиентской

Подробнее
[Перевод] Исследование CSS-свойства flex

[Перевод] Исследование CSS-свойства flex

Вам когда-нибудь было интересно узнать о том, как работает сокращённое CSS-свойство flex? Оно позволяет задавать значения свойств flex-grow, flex-shrink и flex-basis. Я обратил внимание на то, что данное свойство чаще всего используют в виде flex: 1, что позволяет flex-элементу растягиваться, занимая доступное пространство. В этом материале я хочу поговорить о сокращённом свойстве flex и о тех свойствах, значения которых устанавливают с его помощью. Я собираюсь рассказать о том, когда и…

Подробнее
[Перевод] 6 мощных возможностей CSS, которые позволяют обойтись без JavaScript

[Перевод] 6 мощных возможностей CSS, которые позволяют обойтись без JavaScript

В последнее время часто сравнивают CSS и JavaScript, споря о применении этих технологий для решения определённых задач. Споры становятся жарче по мере появления новых замечательных возможностей CSS, которые позволяют упростить решение множества задач и отказаться при этом от JS. Читать дальше →

Подробнее
[Перевод] Технологии фронтенд-разработки, на которые вы, возможно, не обратили внимания

[Перевод] Технологии фронтенд-разработки, на которые вы, возможно, не обратили внимания

«Хочешь жить — умей вертеться». Это — про работу фронтенд-программиста. Для того чтобы успешно справляться со своими обязанностями, такому специалисту приходится решать массу задач и необходимо обладать множеством способностей. Очень важно, кроме того, не забывать о главной цели, ради которой разрабатывают сайты. А именно, о том, что сайты должны помогать людям упрощать решение их повседневных задач. В этом материале я собираюсь рассказать о различных аспектах веб-разработки, о которых…

Подробнее
[Перевод] CSS и множественный фон

[Перевод] CSS и множественный фон

CSS-свойство background — это одно из самых часто используемых свойств. Но сообщество веб-разработчиков пока не слишком хорошо осведомлено о возможностях, которые даёт использование множественного фона. Здесь я собираюсь серьёзно поговорить о том, что может дать применение множественного фона, и о том, как использовать стандартные механизмы CSS на полную мощность. В этом материале я подробно расскажу о свойстве background-image, приведу наглядные примеры совместного использования

Подробнее
[Перевод] О конфликтах Sass и сравнительно новых возможностей CSS

[Перевод] О конфликтах Sass и сравнительно новых возможностей CSS

Сравнительно недавно в CSS появилось много интересных возможностей, таких, как CSS-переменные и новые функции. Хотя всё это и может сильно упростить жизнь веб-дизайнерам, эти возможности способны неожиданными способами взаимодействовать с CSS-препроцессорами вроде Sass. Автор материала, перевод которого мы сегодня публикуем, расскажет о том, с какими проблемами ей довелось столкнуться, о том, как она с ними справлялась, и о том, почему она считает, что без Sass в наши дни всё ещё

Подробнее