Публикации по теме 'scss'


Разработка HTML и SCSS в Visual Studio Code
Редактор исходного кода для всех разработчиков После того как Microsoft выпустила Visual Studio Code в 2015 году, она мгновенно стала новой популярной IDE, с которой могут работать некоторые разработчики. Бесплатный редактор с открытым исходным кодом, построенный на кросс-платформе Electron , основанной на среде выполнения Node.js и Chromium . По умолчанию он поддерживает управление исходным кодом, выделение синтаксиса, автозавершение кода, фрагменты, несколько языков..
Проблемы с загрузкой шрифта Font Awesome [решено]
Запись в блоге об этом: https://blog.fontawesome.com/how-to-use-asynchronous-font-loading Источник скрипта: https://use.fortawesome.com/a97ca672.js Добавление встроенного стиля: … ‹i class="fas fa-envelope-open" style="visibility:hidden" ›‹/i› … Добавление глобального стиля (SCSS): html { & .ficon-events-icons-ready { i { видимость: видимая !важно } } }
Разница между CSS и SCSS
Если вы не используете CSS (каскадные таблицы стилей) в своих проектах веб-разработки, это может быть позором. Потому что с помощью CSS легко создать лучший и понятный код, чем использование стилей непосредственно на ваших HTML-страницах. Однако с появлением SASS использование CSS резко сократилось. Существует 2 типа синтаксиса SCSS, например, предполагаемый синтаксис (SASS) и синтаксис SCSS. Основное различие между ними заключается в том, что SCSS - это улучшенная версия SASS...
SCSS и Next.js
Из этого подробного руководства вы узнаете, как в полной мере использовать преимущества SCSS (Sass) в своем проекте Next.js. Мы углубимся в конфигурацию скрипта в файле package.json и в то, как импортировать стили SCSS в ваши компоненты. Вооружившись этими знаниями, вы сможете поддерживать безупречную организацию своих стилей и оптимизировать производительность своего веб-сайта. Прежде чем мы начнем, чтобы поддерживать организованную структуру в вашем проекте Next.js, мы создадим..
Создание формы с плавающей меткой React.js + SASS
Начало работы Я испытываю огромное облегчение, когда говорю, что наконец публикую это, потому что я взломал его (по-своему). До этого я пробовал несколько форм, чтобы получить функциональную форму ввода с меткой, которая плавает и остается на месте, когда во входном теге есть значение. Итак, я предоставлю вам схемы и подробное описание того, как я это сделал и получил свой собственный результат, который, я считаю, является радикальным способом решить эту проблему. Итак, для основ я бы..
Играем с Gulp [Часть 1] — Что такое Gulp?
Бисмиллах … Ребята, вы когда-нибудь хотели создать автоматический бегун задач? Например, сжатие файлов, минимизация css, минимизация javascript, объединение файлов и т. д. Один из них вы можете использовать Gulp. Его официальный сайт находится по адресу https://gulpjs.com/ . Gulp — это пакет, который вы можете установить с помощью NPM (менеджера пакетов узла). Где этот Gulp поможет вам в нужном вам средстве автоматизации задач. Я лично, прежде чем знакомиться с Webpack ,..
Хороший подход.
Хороший подход. Если имя правильное, будет легче войти в проект для новых разработчиков, которые узнают структуру проекта. Кстати: как насчет обработки пути к активам (определить в общей папке для всего приложения) в файлах компонентов Sass или HTML-файлах. Есть ли у вас передовой опыт, который работает во всем мире? (с кармой, электронным приложением, веб-приложением и т. д.) ? В моем проекте они начинают использовать эти длинные относительные пути, например background-image:..