NOP::Nuances of Programming
69.8K subscribers
3.18K photos
10 videos
12 files
4.52K links
Уникальные статьи и переводы — настольная книга программиста.


Любые вопросы по сотрудничеству: @ramilkr
Если нужен токен:
https://telega.in/c/nuancesprog
NOP::Humor - https://t.me/nophumor
NOP::Recruiter Удаленка- https://t.me/nopremote
Download Telegram
Показываем, как с легкостью создать механизм переключения на темную тему всего за пятьдесят две строчки кода.

https://nuancesprog.ru/p/16119/

@nuancesprog #JavaScript #CSS
Движущиеся красочные элементы всегда привлекают внимание пользователей сайтов. Научимся создавать интересные анимированные границы с помощью CSS.

https://nuancesprog.ru/p/16405/

@nuancesprog #CSS
Хотите разработать пользовательскую боковую панель с HTML, CSS и JavaScript? Этот простой и понятный гайд с примерами кода позволит вам создать с нуля боковую панель и настроить ее по своему усмотрению.

https://nuancesprog.ru/p/16595/

@nuancesprog #JavaScript #CSS #HTML
Познакомимся с новыми функциональностями CSS 2022 года. Они отражают современные тенденции в развитии языка и нацелены на улучшение стилизации веб-страниц.

https://nuancesprog.ru/p/17095/

@nuancesprog #CSS
Рассмотрим инструменты для конструирования стильных профессиональных сайтов с применением градиентов, теней, трансформаций, анимации, фильтров и многого другого. С ними начинающие и опытные разработчики сэкономят время и силы.

https://nuancesprog.ru/p/17217/

@nuancesprog #CSS
Рассмотрим на практическом примере, как сократить код приложения, избавившись от неиспользуемых стилей. Кроме того, поделимся эффективными инструментами для работы.

https://nuancesprog.ru/p/17926/

VK: https://vk.com/@nuancesprog-sniper-css-kak-izbavitsya-ot-neispolzuemyh-stilei

Дзен: https://dzen.ru/media/nuancesprog.ru/649df748ee233f568f38c8d8

@nuancesprog #CSS #Astro
CSS - популярный инструмент стилизации и декорирования. В этом году в него вводятся улучшения, которые помогут улучшить опыт разработчика. О них и поговорим.

https://nsprg.ru/O73BXO

VK: https://nsprg.ru/xPZ36O

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

@nuancesprog #CSS
Устали переписывать снова и снова базовые CSS-стили? Предлагаем код со сбросами, который можно вставить в корневой CSS-набор любого проекта.

https://nsprg.ru/m0r8Lv

VK: https://nsprg.ru/ONkG0m

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

@nuancesprog #CSS
Анимация с Tailwind CSS обеспечивает отличный пользовательский опыт. Ознакомьтесь с примерами, демонстрирующими различные эффекты анимации, такие как вращение, подпрыгивание, пульсация, переворачивание и покачивание.

https://nsprg.ru/xRXYdO

VK: https://nsprg.ru/xeNZlv

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

@nuancesprog #TailwindCSS #CSS
CSS-свойство position дает возможность управлять позиционированием элементов на странице. Однако, при первом знакомстве с ним, многие начинающие разработчики сталкиваются с запутанными проблемами и не всегда понимают, как правильно применять это свойство.

https://nsprg.ru/my03jO

VK: https://nsprg.ru/vLk6Dx

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

@nuancesprog #CSS
Ознакомьтесь с разработкой веб-приложения MovieVerse. Эта удобная платформа позволит пользователю без труда изучать обширную коллекцию постеров к фильмам, добавляя выбранные фильмы в список просмотра.

https://nsprg.ru/mWNNoO

VK: https://nsprg.ru/v3pp3O

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

@nuancesprog #HTML #CSS #JavaScript
Хотите разработать веб-приложение React с использованием CSS Tailwind? Предлагаем краткое руководство, которое не потребует от вас писать много строк CSS-кода. Главное - иметь индивидуально настраиваемый интерфейс с использованием HTML.

https://nsprg.ru/xP43yx

VK: https://nsprg.ru/vg9XRm

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

@nuancesprog #React #CSS
Фронтенд-разработка - постоянно развивающаяся область, требующая от разработчиков адаптации к новым технологиям, практикам и лучшим cтандартам. Сегодня рассмотрим ее базовые основы, включая HTML, СSS и JavaScript, а также поговорим о более продвинутых концепциях.

https://nsprg.ru/mnqgAO

VK: https://nsprg.ru/mYAEom

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

@nuancesprog #JavaScript #HTML #CSS #FrontEndDevelopment
Что такое SASS и зачем его осваивать? Какие в SASS функциональные возможности, для чего здесь файлы «Partials» и какие есть инструменты для компиляции?

https://nsprg.ru/mnqzNO

VK: https://nsprg.ru/xAGq5O

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

@nuancesprog #CSS #SASS
Рассказываем про онлайн-ресурсы для генерации 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