Web Design
726 subscribers
119 photos
11 videos
524 links
Полезные статьи по Веб дизайну (web design)

По всем вопросам: @un_ixtime
Download Telegram
Отличный список фреймворков и ресурсов CSS/SCSS
____

https://github.com/MarketingPipeline/Awesome-CSS-Resources
This media is not supported in your browser
VIEW IN TELEGRAM
Каждый UX/UI-дизайнер должен знать эти веб-сайты 👇

1. Fontshare.com 2. Storyset.com 3. Iconmonstr.com
📚Подборка тематичеких каналов для программистов📚

СИСТЕМНОЕ АДМИНИСТРИРОВАНИЕ

🐧 Новости и информация из мира Linux
https://xn--r1a.website/linux_sup
⚙️ Контейнеры, оркестраторы, мониторинг и др.
https://xn--r1a.website/dev_ops_info
🕸 Сетевая архитектура и администрирование
https://xn--r1a.website/network_arch

ПРОГРАММИРОВАНИЕ

🧑‍💻 Разработка внешнего интерфейса
https://xn--r1a.website/Frontend_now
🎨 Веб дизайн
https://xn--r1a.website/goodw_design
🔺 Все что связано с Angular, Vuejs
https://xn--r1a.website/Angular_Vuejs
⚛️ Все что связано с reactjs
https://xn--r1a.website/react_prog
🐍 Программирование Python
https://xn--r1a.website/Welcome_Python
🐍⌨️Код Python
https://xn--r1a.website/pycodings
☕️ Программирование Java
https://xn--r1a.website/java_sup
📲 Все по мобильной разработке: iOS, Android
https://xn--r1a.website/imobile_dev
🗃 Базы данных SQL/NOSQL
https://xn--r1a.website/database_group
🌥 Облачные сервисы, вычисления и безопасность
https://xn--r1a.website/cloud_comp
🔬 Data Science, Big Data, Machine Learning
https://xn--r1a.website/bigdata_world
🔬📜Проекты Data Science, Big Data, Machine Learning
https://xn--r1a.website/ML_programming
🤯 Программирование для новичков
https://xn--r1a.website/easy_program
🪲 Тестирование программного обеспечения
https://xn--r1a.website/testin_new
🪛 General programming (инструменты и руководства для программистов)
https://xn--r1a.website/generalprog
📚Шпаргалки для айтишников (шпаргалки и руководства для системных администраторов, программистов, специалистов по безопасности и т.п.)
https://xn--r1a.website/itcheat_sheet

НОВОСТНЫЕ РЕСУРСЫ

🚀 Новости HighTech
https://xn--r1a.website/htech_news
🕰 Последнии новости из мира науки
https://xn--r1a.website/gmorning_news

GITHAB

🐍 Python (гитхаб тренды)
https://xn--r1a.website/pythonghub
☕️ Java (гитхаб тренды)
https://xn--r1a.website/javaghub
🟨 Javascript (гитхаб тренды)
https://xn--r1a.website/Jsghub

БУДНИ ПРОГРАММИСТА (ЮМОР) 📌

😁 Daily Dev Jokes
https://xn--r1a.website/dev_jokes

ЗАЩИТА ВЗЛОМ БЕЗОПАСНОСТЬ

🔒 Информационная безопасность
https://xn--r1a.website/crypto_security_lab
👨‍✈️ Новости из мира хакинга
https://xn--r1a.website/Hackme_news

ВИРТУАЛЬНАЯ РЕАЛЬНОСТЬ, РОБОТОТЕХНИКА

👓 Компьютерное зрение, виртуальная реальность
https://xn--r1a.website/AR_VR_vision
🦾 Канал о Робототехнике и автоматизации
https://xn--r1a.website/robotics_scince
🕹 IOT (мир интернета вещей)
https://xn--r1a.website/IoTprog
ЗАХВАТЫВАЮЩИЕ НОВЫЕ ИНСТРУМЕНТЫ ДЛЯ ДИЗАЙНЕРОВ, ИЮЛЬ 2022 Г.
____________

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

Если в вашем ящике с цифровыми инструментами еще есть место, чтобы впихнуть туда еще несколько жемчужин, вот что мы с нетерпением ждем в этом месяце.

https://shly.link/uT9Cy
Овладение этими 7 базовыми навыками работы с CSS сделает вас мастером внешнего интерфейса 🧙
______

Люди относятся к Frontend-разработке как к мифическому зверю, которого могут приручить лишь немногие. Но правда в том, что это не так сложно.

Как гласит известное изречение:

Мастер — это не тот, кто отрабатывал 10 000 различных движений, это тот, кто отрабатывал одно движение 10 000 раз.

Вам просто нужно освоить несколько базовых навыков CSS , и вы сразу же станете мастером внешнего интерфейса .

https://shly.link/devNdap
This media is not supported in your browser
VIEW IN TELEGRAM
Бесплатный онлайн-редактор бесшовных паттернов.

https://shly.link/aJqcC
Penpot — надежная альтернатива Figma с открытым исходным кодом, на которую стоит обратить внимание!

Penpot — это бесплатное решение с открытым исходным кодом в качестве альтернативы Figma и аналогичным инструментам дизайна. Что вы думаете?
https://shly.link/DksAg
5 бесплатных альтернатив Figma с открытым исходным кодом

Это впечатляющая платформа, на которую полагаются многие профессионалы. Однако в 2021 году Figma изменила свой бесплатный план, наложив определенные ограничения. Хотя это заставило некоторых пользователей искать альтернативы, для многих это все же было приемлемо.

К сожалению, в 2022 году объявление Adobe о приобретении Figma за 20 миллиардов долларов оттолкнуло многих пользователей. Итак, все начали искать альтернативы, которые являются бесплатными и потенциально открытыми.
https://shly.link/CmjG9
Процесс проектирования и 5 причин, почему это важно

Подумайте о любом цифровом опыте или продукте, которым вы наслаждались в своей повседневной жизни, например, часами прокручивая Instagram или TikTok, читая Reddit в туалете, ища места для путешествий в Google или заказ продуктов через Amazon или Instacart. У этого списка нет конца. Каждый из этих цифровых продуктов имеет бесчисленное множество продуманных и высокопроизводительных функций, но так было не всегда.
Каждая часть этих продуктов, вплоть до углового радиуса кнопки, начиналась как концепция. Оттуда каждая концепция прошла через процесс проектирования, который привел к тому, что вы видите и испытываете сегодня.
В этой статье мы поговорим о том, как выглядит процесс проектирования и почему для дизайнерских команд важно создать процесс, который способствует развитию лучших их творческих идей от концепции до окончательного дизайна.

https://shly.link/X588b
Penpot : бесплатная альтернатива Figma с открытым исходным кодом

Предназначен для дизайнеров и
любим всеми

https://shly.link/h4c9g
Взгляните на Logo Rank — систему искусственного интеллекта, разработанную Brandmark, которая учитывает ваш логотип и помогает с его дизайном. Инструмент обучен более чем миллиону изображений логотипов, чтобы дать вам советы и идеи. Его также можно использовать, «чтобы узнать, черпал ли ваш дизайнер вдохновение из стандартных иконок».

https://shly.link/dtYzf
Глубокое погружение в CSS Grid minmax()

В этой статье мы углубимся в minmax(), узнаем, как, когда и зачем его использовать. В конце статьи я ожидаю, что у вас будет полное представление о ней. Давайте погрузимся!
https://shly.link/G7zV1
Текстовые поля в дизайне пользовательского интерфейса: 7 распространенных стилей

Текстовое поле — один из самых популярных элементов пользовательского интерфейса. Несмотря на то, что это относительно простой объект, он может иметь разные стили. Стиль текстового поля может различаться в зависимости от собираемых данных и контекста, в котором оно используется. В этой статье я рассмотрю семь популярных типов текстовых полей.

https://shly.link/YMYtk
30 лучших шрифтов с засечками, которые можно добавить в свой набор инструментов

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

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

https://shly.link/kbBJh
8 игр для изучения CSS в увлекательной игровой форме

https://shly.link/devURKi
В Бельгии прошел конкурс на самый уродливый бельгийский сайт.
Победитель: http://www.davybrocatus.be/

Победитель получил обновление сайта и хостинг на 10 лет

Другие номинации: https://uglybelgianwebsites.be/nominaties
13 сайтов бесплатных иллюстраций для веб-разработчиков
drawkit. io
undraw. co
icons8. com
iradesign. io
blush .design
storyset. com
pixeltrue. com
manypixels. co
iconscout. com
illustrations. co
humaaans. com
isometric .online
openpeeps. com
Существует два типа дизайнеров:
Законы UX — это сборник лучших практик, которые дизайнеры могут учитывать при создании пользовательских интерфейсов.

https://shly.link/YgLRK
Руководство по чистому пользовательскому интерфейсу: 15 советов по дизайну белого пространства

Наличие привлекательного и удобного веб-сайта является целью каждого владельца веб-сайта, а для владельцев бизнеса внешний вид веб-сайта имеет жизненно важное значение. Именно здесь посетители создают свое первое впечатление — те короткие секунды, в течение которых мы принимаем или отвергаем то, что видим на наших экранах. Дизайн веб-сайта также отвечает за то, чтобы удерживать внимание каждого посетителя и направлять его через ваш контент.

Далее мы рассмотрим советы по декорированию белого пространства, а также удачные примеры их реализации.

https://shly.link/mdmqwP2