uwebdesign

подкаст «Суровый веб» про веб разработку, IT и ux дизайн

warcraft_rus
  • «Суровый веб»
  • Полезные ссылки
  • Книги
  • Обзоры
  • О проекте
  • Контакты
  • Поддержать проект
uWebDesign » Метка: Sass

Sass

Весь контент про Sass — метаязык, препроцессор на основе CSS, предназначенный для увеличения уровня абстракции CSS кода и упрощения файлов каскадных таблиц стилей.

Как препроцессить CSS переменные и есть ли смысл?

Как препроцессить CSS переменные и есть ли смысл?

18.06.2017 — нет комментариев

Крис Койер рассуждает о том, если ли смысл в препроцессинге CSS переменных, или это начало конца препроцессинга как явления.

→ Прямая ссылка ←

Рубрика: Обучающие статьи, Полезные ссылки Метки: CSS, Sass

7 Sass техник, чтобы писать более лучший код

7 Sass техник, чтобы писать более лучший код

13.06.2017 — 2 комментария

Посмотрите статью на devbridge о том, как правильно использовать Sass и какие интересные методы и техники можно взять на вооружение.

→ Прямая ссылка ←

Рубрика: Обучающие статьи, Полезные ссылки Метки: Sass

T-scroll — появление элементов при скроле

T-scroll — появление элементов при скроле

13.06.2017 — нет комментариев

Посмотрите библиотеку t-scroll, которая отвечает всем последним требованиям (не использует jQuery, а использует ES6), а также кастомизируется с помощью Sass.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: CSS, CSS3, Front End, JavaScript, Sass

Несколько удобных «:nth-child» Sass миксинов

Несколько удобных «:nth-child» Sass миксинов

05.06.2017 — нет комментариев

Adam Giese на CSS-Tricks показал несколько интересных примеров использования псевдоклассов :nth-child с помощью Sass миксинов.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: CSS, CSS3, Sass

Between the Lines — calc() и vw/vh для верстки

Between the Lines — calc() и vw/vh для верстки

23.05.2017 — 2 комментария

Посмотрите как David Bachmann интересно придумал использовать calc() и элементы vh и vw для по-настоящему адаптивных шаблонов.

→ Прямая ссылка ←

Рубрика: Обучающие статьи, Полезные ссылки Метки: CSS, Sass, Адаптивный веб-дизайн, Веб-дизайн

Neat 2.0 — новые сетки для Bourbon

Neat 2.0 — новые сетки для Bourbon

05.05.2017 — 2 комментария

Посмотрите на новую версию сеток Neat для Bourbon, ребята подтянулись за Zurb и ввели гибкую систему построения, которая уже очень давно используется в Susy.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: CSS, Sass

Plumber — простой вертикальный ритм на Sass

Plumber — простой вертикальный ритм на Sass

04.02.2017 — нет комментариев

Посмотрите на отличный инструмент для построения и отладки вертикального ритма Plumber, встраивается в ваш Sass проект, но также есть и PostCSS плагин.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: CSS, Front End, Sass

Случайные числа в CSS с помощью разных инструментов

Случайные числа в CSS с помощью разных инструментов

30.01.2017 — нет комментариев

Посмотрите статью на CSS-Tricks, в которой нам рассказывают о множестве способ добиться случайных чисел в CSS.

→ Прямая ссылка ←

Рубрика: Обучающие статьи, Полезные ссылки Метки: CSS, JavaScript, Sass

Sass и автоматический выбор цвета текста

Sass и автоматический выбор цвета текста

21.01.2017 — нет комментариев

Посмотрите интересную технику, которая позволяет использовать Sass для автоматического выбора цвета текста (чёрный и белый) по контрасту.

→ Прямая ссылка ←

Рубрика: Обучающие статьи, Полезные ссылки Метки: Sass, Программирование

Wait! Animate — управляем задержками анимаций

Wait! Animate — управляем задержками анимаций

15.12.2016 — нет комментариев

Библиотека Wait! Animate позволит вам легко управлять задержками в CSS анимациях, в наличии даже удобный SCSS миксин.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: CSS, CSS3, Sass, Анимация

Создаём адаптивную систему сеток

Создаём адаптивную систему сеток

05.12.2016 — 4 комментария

Zell Liew, один из разработчиков Susy (фреймворка для построения секто с помощью Sass) написал отличную статью, в которой рассказал про все возможные варианты построения адаптивных сеток для вёрстки.

→ Прямая ссылка ←

Рубрика: Обучающие статьи, Полезные ссылки Метки: CSS, Flexbox CSS, Sass, Susy

Codekit 3 — современный GUI сборщик для MacOS

Codekit 3 — современный GUI сборщик для MacOS

22.11.2016 — нет комментариев

Codekit — это расширяемый front-end сборщик «на стероидах» с графическим интерфейсом и возможностью навешивать скрипты по любому событию. Ближайшие «коснольные» аналоги: Grunt и Gulp.

Читать далее →

Тип видео: Обзоры на web технологии Метки: CodeKit, Sass, Веб-дизайн

SpinThatShit — набор прелоадеров из Sass миксинов

SpinThatShit — набор прелоадеров из Sass миксинов

28.10.2016 — нет комментариев

Делимся с вами отличной библиотекой готовых прелоадеров, которые можно подключать как Sass миксины. Реализовано с помощью CSS анимаций.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: CSS, CSS3, Sass, Анимация

Используем функции первого класса в Sass

Используем функции первого класса в Sass

06.10.2016 — нет комментариев

Отличная статья о том, как использовать функции первого класса в препроцессоре Sass. Даже написали немного информации о том, что нас ожидает в релизе 4.0, а именно — модульная система.

→ Прямая ссылка ←

Рубрика: Обучающие статьи, Полезные ссылки Метки: Sass

Скошенные углы на Sass и SVG

Скошенные углы на Sass и SVG

21.09.2016 — нет комментариев

Посмотрите отличный пример реализации контейнеров со скошенными углами с помощью Sass миксина. «Под капотом» в миксине — динамическая генерация SVG, довольно-таки изящно.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: CSS3, Sass, SVG

  • Страница1
  • Страница2
  • След. »
Поиск

uWebDesign настоятельно рекомендует!

  • Войти на сайт
  • Зарегистрироваться
Подписаться на рассылку

uwdgames
uwdgames
Полезные ссылки
  • О проекте
  • Часто задаваемые вопросы
  • Реклама
  • Поддержи проект!
  • Контакты
Пожертвуй на развитие проекта
Наш подкаст
в iTunes в Android в RSS
Все права защищены © 2014-2025 uWebDesign. Сделано с ♥ в Челябинске.
Пользовательское соглашение. Сайт работает на хостинге SmartApe.