home.social

#atomic_css — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #atomic_css, aggregated by home.social.

  1. Запустил open source проект на 3 площадках для стартапов. Вот что получилось

    Здравствуйте, товарищи! Продолжаю писать о своих приключениях в мире open source. Сегодня речь пойдет о маркетинге, а точнее: про один из каналов - площадки для стартапов, типа Product Hunt. Расскажу про свой опыт запуска open source проекта на трех таких площадках. Как готовился, что вышло, и стоила ли игра свеч. Рассказ пойдет в хронологическом порядке, но больше информации будет про одну из площадок, которая нам казалась важнее и с которой мы получили больше профита. Ну, рассказывай!

    habr.com/ru/articles/1017604/

    #open_source #mlut #atomic_css #верстка #стартап #tailwind #css #product_hunt #интернетмаркетинг

  2. [Перевод] Как совместить утилиты и рукописный CSS в атомарном подходе?

    Всем здравствуйте, дорогие читатели! Меня зовут Рамазан, я Frontend-разработчик, энтузиаст и я люблю исследовать грани возможностей современных Web-технологий. В этой статье мы поговорим о том, нормально ли применять в рамках Atomic CSS подхода рукописный CSS. Бытуют разные мнения по этому поводу. Кто-то считает, что в атомарном подходе нужно использовать только утилиты, а кто-то допускает и произвольные сочетания рукописных CSS классов с ними. Я постараюсь разобраться в этом, аргументируя свою позицию.

    habr.com/ru/articles/990428/

    #atomic_css #mlut #tailwindcss #css #cssфреймворк #cssанимации #верстка #sass #utilityfirst

  3. Atomic CSS: верстка и легкость бытия

    Здравствуйте, товарищи! Меня зовут Валентин, и сегодня мы снова поговорим про Atomic CSS! Обсудим имеющиеся проблемы в верстке и посмотрим, как атомарный подход их решает (или не решает). Разберем основные мифы, посмотрим на хорошие практики этого подхода и сделаем некоторые выводы. Эту статью можно отчасти считать продолжением моей предыдущей по данной теме. Но если там был хардкор и технические детали, то здесь уже разберем прикладные вопросы: как верстать в Atomic CSS, чтобы получить заявленный эффект.

    habr.com/ru/articles/981714/

    #atomic_css #mlut #tailwind #css #бэм #верстка #html #sass #javascript #utilityfirst

  4. Я устроился джуном в open source проект. Вот что получилось

    Всем привет! Не так давно вышла статья о том, как @misterzsm нанял джуна в свой open source проект. Я и есть тот самый джун Рома (на самом деле я Рамазан). В этой статье я бы хотел рассказать вам эту же историю, но со своей стороны. В частности, расскажу вам немного о своём бэкграунде, о том, почему я решил согласиться на это предложение, а также отвечу на некоторые комментарии из статьи Валика.

    habr.com/ru/articles/967610/

    #html #open_source #css #вёрстка #sass #atomic_css #карьера_в_it #tailwind #mlut

  5. Я нанял джуна в свой open source проект. Вот что получилось

    Здравствуйте, товарищи! Сегодня у нас будет не техническая статья. Я расскажу об одном нестандартном кейсе из своей практики, суть которого отражена в заголовке. В первой части будет описание моего опыта, а далее обсудим, как можно его перенять. И не просто перенять, а использовать для решения сразу двух проблем в IT-индустрии! Как обычно: все имена вымышлены, а совпадения случайны... Ну давай, расскажи мне!

    habr.com/ru/articles/962468/

    #карьера_в_it #open_source #mlut #верстка #atomic_css #tailwind #html #sass #css

  6. BEM vs Atomic CSS или картинка по номерам

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

    habr.com/ru/articles/901628/

    #bem #atomic_css #верстка_сайтов

  7. Как сделать один плагин сразу для всех сборщиков фронтенда?

    Здравствуйте, товарищи! Сегодня мы снова поговорим про тулинг для фронтенда. В этот раз обсудим разработку плагинов для сборщиков, таких как: Webpack, Vite, esbuild и подобных. За основу мы возьмем Unplugin . Короткий ответ на вопрос из заголовка: пока никак. Чуть более длинный - изображен на обложке. А в качестве полноценного ответа, предлагаю вам эту статью. Попробуем хотя бы приблизиться к заявленному результату. Сразу стоит уточнить: это не туториал, а скорее case-study.

    habr.com/ru/articles/856028/

    #webpack #vite #rollup #mlut #atomic_css #esbuild #unplugin #плагин #tailwind #css

  8. Как сделать один плагин сразу для всех сборщиков фронтенда?

    Здравствуйте, товарищи! Сегодня мы снова поговорим про тулинг для фронтенда. В этот раз обсудим разработку плагинов для сборщиков, таких как: Webpack, Vite, esbuild и подобных. За основу мы возьмем Unplugin . Короткий ответ на вопрос из заголовка: пока никак. Чуть более длинный - изображен на обложке. А в качестве полноценного ответа, предлагаю вам эту статью. Попробуем хотя бы приблизиться к заявленному результату. Сразу стоит уточнить: это не туториал, а скорее case-study.

    habr.com/ru/articles/856028/

    #webpack #vite #rollup #mlut #atomic_css #esbuild #unplugin #плагин #tailwind #css

  9. Как сделать один плагин сразу для всех сборщиков фронтенда?

    Здравствуйте, товарищи! Сегодня мы снова поговорим про тулинг для фронтенда. В этот раз обсудим разработку плагинов для сборщиков, таких как: Webpack, Vite, esbuild и подобных. За основу мы возьмем Unplugin . Короткий ответ на вопрос из заголовка: пока никак. Чуть более длинный - изображен на обложке. А в качестве полноценного ответа, предлагаю вам эту статью. Попробуем хотя бы приблизиться к заявленному результату. Сразу стоит уточнить: это не туториал, а скорее case-study.

    habr.com/ru/articles/856028/

    #webpack #vite #rollup #mlut #atomic_css #esbuild #unplugin #плагин #tailwind #css

  10. Как сделать один плагин сразу для всех сборщиков фронтенда?

    Здравствуйте, товарищи! Сегодня мы снова поговорим про тулинг для фронтенда. В этот раз обсудим разработку плагинов для сборщиков, таких как: Webpack, Vite, esbuild и подобных. За основу мы возьмем Unplugin . Короткий ответ на вопрос из заголовка: пока никак. Чуть более длинный - изображен на обложке. А в качестве полноценного ответа, предлагаю вам эту статью. Попробуем хотя бы приблизиться к заявленному результату. Сразу стоит уточнить: это не туториал, а скорее case-study.

    habr.com/ru/articles/856028/

    #webpack #vite #rollup #mlut #atomic_css #esbuild #unplugin #плагин #tailwind #css

  11. Atomic CSS Deep Dive

    Здравствуйте, товарищи! Меня зовут Валик и в этой статье мы поговорим про подход Atomic CSS в верстке, разработку инструментов и смежные темы. Кратко вспомним базу - почему Atomic CSS. Рассмотрим популярные решения для работы в этом подходе и сравним их с моим изобретением - mlut . Разберем проблемы известных инструментов и посмотрим, как я решил их в своем. Будут интересные архитектурные решения, технические детали и немного хардкора. Те, кто занимается версткой, смогут по-другому взглянуть на Atomic CSS и, возможно, взять в работу новый инструмент. А те, кто пишет системный код и тулинг - получить вдохновение и перенять нестандартный опыт.

    habr.com/ru/articles/833712/

    #atomic_css #tailwind #css #mlut #utilityfirst #верстка #html #sass #javascript #бэм