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


Подготовьтесь к использованию Grunt-Pug-Sass-Boilerplate
Подробности Этот проект содержит шаблон для создания статической сети на языке PUG, SASS с использованием Grunt. Разговор о мопсе и sass. Я рекомендую вам изучать оба языка, потому что есть так много преимуществ, которые можно использовать, больше всего мне нравится, что код более простой и многоразовый. Запустите себе средство запуска задач, которое запускает некоторые компиляторы, такие как Pug в HTML, SASS в CSS и так далее. Есть много других средств запуска задач, и самым..
Создание простого калькулятора с использованием React.JS
Когда я начал изучать React.JS, я просмотрел множество руководств и видео. Я получил много теоретических знаний, но они не пригодились. Итак, я подумал, почему бы не создать очень простое и простое приложение, которое помогло бы мне понять React на практике. Итак, я построил этот простой калькулятор. Окончательный интерфейс выглядит так: Вы можете найти мой исходный код на github:- https://github.com/premdas92/MyCalulator Я создал приложение React с помощью команды..
Webpack и Sass
Webpack - это сборщик модулей, который очень часто используется в последних приложениях JavaScript. Я считаю, что это отличный инструмент, если вы хотите быстро начать разработку с минимальной настройкой. Однако, когда я захотел стилизовать свое недавно созданное приложение, настройка усложнилась. Во-первых, я хотел скомпилировать SASS в CSS, а затем я хотел загрузить собственные шрифты. Мне потребовалось некоторое время, чтобы эта конфигурация заработала. Этим постом я хотел бы избавить..
Введение в GulpJS
Эта презентация посвящена введению в GulpJS, его инструментам и некоторым фрагментам кода, а также тому, как начать работать с GulpJ. [id=54510187&doc=knolxgulp-151029062906-lva1-app6891] Посмотрите видеоурок, наслаждайтесь живым кодом: [youtube https://www.youtube.com/watch?v=uS7kam3VcIo&w=420&h=315] Спасибо.
Играем с Gulp [Часть 1] — Что такое Gulp?
Бисмиллах … Ребята, вы когда-нибудь хотели создать автоматический бегун задач? Например, сжатие файлов, минимизация css, минимизация javascript, объединение файлов и т. д. Один из них вы можете использовать Gulp. Его официальный сайт находится по адресу https://gulpjs.com/ . Gulp — это пакет, который вы можете установить с помощью NPM (менеджера пакетов узла). Где этот Gulp поможет вам в нужном вам средстве автоматизации задач. Я лично, прежде чем знакомиться с Webpack ,..
SASS, чистый CSS, UnCSS
SASS, чистый CSS, UnCSS Переменные, минификация и удаление неиспользуемого CSS В этом кратком руководстве я рассмотрю процесс, который я использую для преобразования CSS из нескольких файлов стилей в один уменьшенный файл, готовый к работе. Я быстро объясню следующие инструменты: Sass (повторное использование переменных и кода), Clean Css (минификация), Uncss (удаление неиспользуемых CSS). После этого вы увидите скрипт NPM, который запускает все 3 инструмента для создания..
Свернуть/развернуть боковое меню с помощью JavaScript, HTML и CSS
Свернуть/развернуть боковое меню с помощью JavaScript, HTML и CSS Узнайте, как свернуть/развернуть боковое меню, используя только JavaScript, HTML и CSS. В этом уроке мы создадим полностью адаптивное боковое меню, которое можно разворачивать и сворачивать с помощью кнопки. Это обычно можно увидеть на современных панелях администрирования. Используя CSS и JS, мы делаем наше боковое меню потрясающим и функциональным с панелью поиска/всплывающим окном. Я также тестировал и кодировал..