Рассказываем про онлайн-ресурсы для генерации CSS-свойств, разработки адаптивного дизайна, декодирования base64 и получения справки о совместимости браузеров.

https://nsprg.ru/x1WQBO

VK: https://nsprg.ru/m68QZv

Дзен: https://nsprg.ru/OBXjMx

@nuancesprog #Base64 #CSS #HTML #JSON #Webtools

Как быстро и легко разработать поле ввода? Ответим на этот и сопутствующие вопросы доступным языком.

https://nsprg.ru/v3pR5O

VK: https://nsprg.ru/ObDpDx

Дзен: https://nsprg.ru/Oo1gAx

@nuancesprog #CSS #WebDevelopment

Эти 10 CSS-однострочников позволят изменить внешний вид и поведение веб-приложения всего за несколько минут! Они помогут справиться с такими задачами, как повышение адаптивности изображений, отмена float-элементов, создание пользовательских стилей флажков и многими другими.

https://nsprg.ru/v2KoBO

VK: https://nsprg.ru/OZZoqO

@nuancesprog #CSS

В данной статье мы исследуем свойство CSS z-index, объясняя его роль в позиционировании элементов на веб-странице и предлагая примеры его использования для создания сложных макетов и интерактивных элементов.

https://nsprg.ru/mDR8Mv

VK: https://nsprg.ru/xkrW1m

Дзен: https://nsprg.ru/OVN37O

@nuancesprog #CSS #HTML #FrontEndDevelopment

В CSS появились 5 новых функций, о которых знают пока не все. Они предоставляют дополнительные возможности для создания привлекательного визуального интерфейса на сайтах.

https://nsprg.ru/O7k2MO

VK: https://nsprg.ru/v8GZ5x

Дзен: https://nsprg.ru/xPb72O

@nuancesprog #CSS

Создадим нестандартный макет на основе страницы комикса, используя свойство clip-path для наложения изображений и придания им нужных форм.

https://nsprg.ru/OBzqXO

VK: https://nsprg.ru/myg78v

Дзен: https://nsprg.ru/m6kqkx

@nuancesprog #CSS

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

https://nsprg.ru/mpdB9m

VK: https://nsprg.ru/mnoqLx

Дзен: https://nsprg.ru/vqLYYx

@nuancesprog #CSS #JavaScript

Ознакомьтесь с основными языками веб-разработки: HTML, CSS и JavaScript. Разобравшись в этих базовых технологиях, вы сможете сами создавать функциональные и визуально привлекательные сайты. 

https://nsprg.ru/O7wX2O

VK: https://nsprg.ru/xPGRQm

@nuancesprog #HTML #CSS #JavaScript

Узнайте, почему инструменты CSS-in-JS с нулевым временем выполнения стали предпочтительным выбором для веб-разработчиков. Чтобы использовать эти инструменты в своих проектах, изучите механизм и преимущества извлечения CSS во время сборки.

https://nsprg.ru/O5P8nv

VK: https://nsprg.ru/v3G7Pv

@nuancesprog #CSS #JavaScript

Рабочая группа CSS решила добавить if(). Какие варианты у нас есть? Ведь до нее еще далеко: два года, если все пройдет очень гладко, а если нет, то больше. Итак, что же делать, если условные выражения нужны прямо сейчас?

https://nsprg.ru/xADr8m

VK: https://nsprg.ru/Oj6woO

@nuancesprog #CSS

Сайт для кинорулетки с отзывчивым веб-дизайном привлечет массу пользователей. Создать его поможет пошаговое руководство с визуализациями и примерами кода. В процессе разработки вы сможете развить навыки использования JavaScript/Vue, Mozilla Developer, Stack Overflow и других полезных ресурсов. 

https://nsprg.ru/xR3MVv

VK: https://nsprg.ru/xeyXex

@nuancesprog #JavaScript #HTML #CSS #Vue

99% фронтенд-разработчиков не знают об этих приемах. Они помогут сделать код чище и эффективней, упростить и ускорить рабочий процесс, повысить удобство использования ваших приложений.

https://nsprg.ru/OVaG9v

VK: https://nsprg.ru/xkGV3x

@nuancesprog #FrontEndDevelopment #JavaScript #CSS

На примерах с CodePen показываем, как при помощи современного CSS и маленьких хитростей сделать зернистый градиент. Для этого мы вместе с автором CSS-Tricks применим SVG-турбулентность, также при помощи SVG и градиента создадим фон, увеличим яркость и контраст через filter и, наконец, смешаем градиенты.

https://nsprg.ru/xlpzRx

VK: https://nsprg.ru/mz37Rx

@nuancesprog #CSS #SVG