Как изменить размер элементов в Figma
В этой статье мы узнаем несколько разных способов изменения размеров элементов и групп в Figma (в дополнение к методу по умолчанию). Мы также узнаем, как изменять размеры фреймов, не перемещая элементы в фреймах.
https://shly.link/oidhn
В этой статье мы узнаем несколько разных способов изменения размеров элементов и групп в Figma (в дополнение к методу по умолчанию). Мы также узнаем, как изменять размеры фреймов, не перемещая элементы в фреймах.
https://shly.link/oidhn
Практическое руководство по центрированию в CSS
Ищете быстрое решение для центрирования текста или элемента div в CSS? Эта статья для вас. Мы сосредоточимся на конкретных случаях использования, таких как вертикальное и горизонтальное центрирование, а также на том, как центрировать элементы, когда вы не используете Flexbox или Grid. Не стесняйтесь добавить эту страницу в закладки для дальнейшего использования!
https://shly.link/bYfNq
Ищете быстрое решение для центрирования текста или элемента div в CSS? Эта статья для вас. Мы сосредоточимся на конкретных случаях использования, таких как вертикальное и горизонтальное центрирование, а также на том, как центрировать элементы, когда вы не используете Flexbox или Grid. Не стесняйтесь добавить эту страницу в закладки для дальнейшего использования!
https://shly.link/bYfNq
12 потрясающих генераторов форм для ваших веб-проектов 😍🚀
_____________________________
В этой статье я собрал некоторые из моих любимых генераторов форм. Я дополнительно отсортировал их по категориям, таким как блоги, волны, разделители и прочее, чтобы упростить навигацию, и вы можете выбирать между различными вариантами в каждой категории.
Для каждого инструмента я предоставлю прямую ссылку, краткое описание и изображение для предварительного просмотра, чтобы вы могли получить первоначальное впечатление о каждом генераторе и его функциях на ходу.
https://shly.link/5gm6y
_____________________________
В этой статье я собрал некоторые из моих любимых генераторов форм. Я дополнительно отсортировал их по категориям, таким как блоги, волны, разделители и прочее, чтобы упростить навигацию, и вы можете выбирать между различными вариантами в каждой категории.
Для каждого инструмента я предоставлю прямую ссылку, краткое описание и изображение для предварительного просмотра, чтобы вы могли получить первоначальное впечатление о каждом генераторе и его функциях на ходу.
https://shly.link/5gm6y
Объяснение единиц CSS: EM против REM
_________________________
Благодаря повсеместному адаптивному дизайну многие из нас используют в своих проектах единицы CSS «em» и «rem». Задумывались ли вы когда-нибудь, чем они отличаются и соответствуют нашим потребностям в дизайне?
https://shly.link/hK6tD
_________________________
Благодаря повсеместному адаптивному дизайну многие из нас используют в своих проектах единицы CSS «em» и «rem». Задумывались ли вы когда-нибудь, чем они отличаются и соответствуют нашим потребностям в дизайне?
https://shly.link/hK6tD
18 репозиториев GitHub, чтобы стать мастером CSS 🎨🧙♂️
_______________
Я дополнительно отсортировал все ресурсы по категориям от изучения основ до руководств по стилю, лучших практик, полезных приемов , а также дополнительных ресурсов, которые вы можете изучить, чтобы еще больше расширить свои знания CSS.
https://shly.link/dev6nQS
_______________
Я дополнительно отсортировал все ресурсы по категориям от изучения основ до руководств по стилю, лучших практик, полезных приемов , а также дополнительных ресурсов, которые вы можете изучить, чтобы еще больше расширить свои знания CSS.
https://shly.link/dev6nQS
Контекстный интервал для внутреннего веб-дизайна
___________________
-Свойства и функции для внутреннего дизайна
-Внутренний контекстный интервал
-Почему бы не использовать медиа-запросы?
-Начните использовать методы контекстного интервала
-Дополнительные ресурсы
https://shly.link/3aQvd
___________________
-Свойства и функции для внутреннего дизайна
-Внутренний контекстный интервал
-Почему бы не использовать медиа-запросы?
-Начните использовать методы контекстного интервала
-Дополнительные ресурсы
https://shly.link/3aQvd
Modern CSS Solutions
Contextual Spacing For Intrinsic Web Design | Modern CSS Solutions
Learn how to coexist with that unpredictability by using adaptive, contextual spacing techniques. We'll construct a starter set of custom properties for gap, margin, and padding.
12 современных CSS-методов для решения старых проблем с CSS
_______________________________
Изучение современных методов CSS — один из лучших способов украсить весь процесс веб-дизайна.
https://shly.link/devFihr
_______________________________
Изучение современных методов CSS — один из лучших способов украсить весь процесс веб-дизайна.
https://shly.link/devFihr
Reshaped — это профессионально созданная система дизайна для повседневной разработки продуктов в React и Figma. Обычно вам нужно настроить миллион вещей, прежде чем вы начнете работать над пользовательским интерфейсом. Мы позаботились об этом, чтобы вы могли пропустить первый год разработки. https://reshaped.so/?ref=producthunt
Reshaped
Reshaped provides professionally crafted component libraries in React and Figma to make your product design and development faster.
Волшебные техники SVG
_______________
Давайте рассмотрим некоторые волшебные методы SVG, которые вы можете использовать прямо сейчас.
https://shly.link/z6s0y
_______________
Давайте рассмотрим некоторые волшебные методы SVG, которые вы можете использовать прямо сейчас.
https://shly.link/z6s0y
Smashing Magazine
Magical SVG Techniques — Smashing Magazine
Smart SVG techniques, from generative SVG grids to SVG paths with masks, grainy SVG gradients, cut-out effects and fractional SVG stars. Let’s look at some magical SVG techniques that you can use right away.
Принципы мобильного UI/UX дизайна, которые вы должны знать
___________________________
В этой статье вы узнаете, почему важны принципы UI/UX и что они из себя представляют.
https://shly.link/MJNXC
___________________________
В этой статье вы узнаете, почему важны принципы UI/UX и что они из себя представляют.
https://shly.link/MJNXC
Полное руководство по пользовательским свойствам
________________________________
Все важное и полезное, что нужно знать о пользовательских свойствах CSS. Поэтому их часто называют «переменными CSS», но это не их настоящее имя. О пользовательских свойствах нужно знать немало, так что давайте углубимся в них.
https://shly.link/TCMBz
________________________________
Все важное и полезное, что нужно знать о пользовательских свойствах CSS. Поэтому их часто называют «переменными CSS», но это не их настоящее имя. О пользовательских свойствах нужно знать немало, так что давайте углубимся в них.
https://shly.link/TCMBz
CSS-Tricks
A Complete Guide to Custom Properties | CSS-Tricks
Everything important and useful to know about CSS Custom Properties. Like that they are often referred to as "CSS Variables" but that's not their real name.
This media is not supported in your browser
VIEW IN TELEGRAM
Создание адаптивного дизайна сайта.
______________________________
Цель адаптивного веб-дизайна — сделать так, чтобы веб-страницы хорошо выглядели на всех устройствах.
Адаптивный веб-дизайн автоматически подстраивается или адаптируется к различным размерам экрана и окнам просмотра.
В моем небольшом исследовании по созданию адаптивной веб-страницы
я нашел несколько жемчужин, которые помогут нам создавать адаптивный дизайн😂😐
https://shly.link/devgsQU
______________________________
Цель адаптивного веб-дизайна — сделать так, чтобы веб-страницы хорошо выглядели на всех устройствах.
Адаптивный веб-дизайн автоматически подстраивается или адаптируется к различным размерам экрана и окнам просмотра.
В моем небольшом исследовании по созданию адаптивной веб-страницы
я нашел несколько жемчужин, которые помогут нам создавать адаптивный дизайн😂😐
https://shly.link/devgsQU
This media is not supported in your browser
VIEW IN TELEGRAM
AutoAnimate
___________________________
Встраиваемая утилита анимации, не требующая настройки, которая добавляет плавные переходы в ваше веб-приложение. Вы можете использовать его с React, Vue или любым другим приложением JavaScript.
https://shly.link/gh3qeh
___________________________
Встраиваемая утилита анимации, не требующая настройки, которая добавляет плавные переходы в ваше веб-приложение. Вы можете использовать его с React, Vue или любым другим приложением JavaScript.
https://shly.link/gh3qeh
Forwarded from Frontend
This media is not supported in your browser
VIEW IN TELEGRAM
100 современных кнопок CSS, бесплатно и без лицензионных платежей.
_______________
https://shly.link/ghmwwE
_______________
https://shly.link/ghmwwE
AnimatiSS — это инструмент для предварительного просмотра пользовательских анимаций CSS и получения их кода простым щелчком мыши, чтобы вставить его в ваши собственные веб-проекты.
https://shly.link/2yCwa
https://shly.link/2yCwa
Удобочитаемость: оптимальная длина строки
______________________________
В этой статье мы обсудим следующее:
-Общие принципы, касающиеся длины строки текста и удобочитаемости
-Как чрезмерно длинные строки текста негативно влияют на пользователей электронной коммерции
-Оптимальная длина строки текста для сайтов электронной коммерции и проблем с доступностью
https://shly.link/ujH3R
______________________________
В этой статье мы обсудим следующее:
-Общие принципы, касающиеся длины строки текста и удобочитаемости
-Как чрезмерно длинные строки текста негативно влияют на пользователей электронной коммерции
-Оптимальная длина строки текста для сайтов электронной коммерции и проблем с доступностью
https://shly.link/ujH3R
Крутые эффекты при наведении, использующие свойства фона
_________________________________
https://shly.link/c4ior
_________________________________
https://shly.link/c4ior
CSS-Tricks
Cool Hover Effects That Use Background Properties | CSS-Tricks
A while ago, Geoff wrote an article about a cool hover effect. The effect relies on a combination of CSS pseudo-elements, transforms, and transitions. A lot
Изучите подсетку CSS
______________________________
В этой статье я попытаюсь осветить проблему, которую должна решить подсетка, как она работает и несколько возможных вариантов ее использования.
https://shly.link/qMpWy
______________________________
В этой статье я попытаюсь осветить проблему, которую должна решить подсетка, как она работает и несколько возможных вариантов ее использования.
https://shly.link/qMpWy
Ahmad Shadeed Blog
Learn CSS Subgrid - Ahmad Shadeed
A deep-dive into the new CSS subgrid feature with real-life examples and use-cases.
Что такое веб-безопасные цвета?
___________________________________
Веб-сайты разработаны с использованием различных цветов, но не все цвета одинаковы. Веб-безопасные цвета являются более «веб-безопасными» или «дружественными в Интернете», чем другие, а это означает, что они с меньшей вероятностью вызовут проблемы при просмотре на веб-странице независимо от браузера или устройства.
Цвета составляют неотъемлемую часть визуального восприятия веб-сайта. Правильные цвета могут обеспечить хорошую запоминаемость вашего веб-сайта, а также повысить вовлеченность. В то же время использование неправильного сочетания цветов может оставить у пользователя плохое впечатление.
Кроме того, дизайнеры должны понимать технические аспекты цветов. Не все браузеры и устройства отображают цвет одинаково. Вот почему дизайнеры должны быть осторожны с цветами, которые они используют для веб-сайтов .
https://shly.link/jnhjq
___________________________________
Веб-сайты разработаны с использованием различных цветов, но не все цвета одинаковы. Веб-безопасные цвета являются более «веб-безопасными» или «дружественными в Интернете», чем другие, а это означает, что они с меньшей вероятностью вызовут проблемы при просмотре на веб-странице независимо от браузера или устройства.
Цвета составляют неотъемлемую часть визуального восприятия веб-сайта. Правильные цвета могут обеспечить хорошую запоминаемость вашего веб-сайта, а также повысить вовлеченность. В то же время использование неправильного сочетания цветов может оставить у пользователя плохое впечатление.
Кроме того, дизайнеры должны понимать технические аспекты цветов. Не все браузеры и устройства отображают цвет одинаково. Вот почему дизайнеры должны быть осторожны с цветами, которые они используют для веб-сайтов .
https://shly.link/jnhjq