WebDEV
Open in Telegram
Сообщество веб-разработчиков. На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки. Ссылка: @Portal_v_IT Сотрудничество: @oleginc Канал на бирже: telega.in/c/webb_dev
Show more
8 205
Subscribers
-124 hours
-147 days
-6330 days
Posts Archive
8 203
💡 Обращайте внимание на скорость загрузки
Производительность. Медленно загружающиеся сайты могут оттолкнуть пользователей. Оптимизируйте изображения, используйте асинхронную загрузку скриптов и минимизируйте количество HTTP-запросов. Быстрая загрузка страниц улучшает пользовательский опыт и может положительно сказаться на вашем SEO.
WebDEV #советы
8 203
🛠 Interplay – это система создания прототипов, которая позволяет взаимодействовать дизайнерам и разработчикам, находясь на одной странице одновременно.
Также она интегрируется с кодом для создания документации, которая отслеживается и обновляется автоматически. Interplay все еще является бета-версией, но уже работает с рядом основных инструментов для дизайна и разработки.
🌍 Сайт
WebDEV #инструменты
8 203
Полное руководство по макетам!
Не тратьте больше времени на перетаскивание вещей, пока они не будут выглядеть хорошо. Посмотрите, как Мэтт рассказывает о принципах макетирования в первой части этой серии видеороликов, состоящей из трех частей.
В сегодняшнем выпуске он обсуждает три идеи: фокусную точку, пустое пространство и иерархию.
📺 YouTube
WebDEV #видео
8 203
💡 Делайте упор на типографику
Типографика. Правильный выбор шрифтов и их сочетание могут значительно улучшить читаемость и визуальную привлекательность вашего сайта. Используйте не более двух-трех шрифтов и следите за их размером, межбуквенным и межстрочным интервалом. Выбирайте шрифты, которые соответствуют общему стилю и атмосфере вашего проекта.
WebDEV #советы
8 203
Какое значение будет у переменной result после выполнения следующего кода?
const obj = {a: 1, b: 2}; const result = 'a' in obj;
8 203
🛠 Pattern Lab – это инструмент для ведения документации и аннотирования паттернов,. Это генератор статических сайтов, использующий методологию атомарного дизайна.
В генератор забрасывают исходный код и ассеты, он их компилирует и выдает старый добрый HTML, CSS и JavaScript. Pattern Lab берет исходный код (а именно паттерны) и преобразует эти паттерны в функциональный внешний интерфейс в рамках библиотеки паттернов.
🌍 Сайт
WebDEV #инструменты
8 203
Какое значение свойства position делает элемент относительным к его ближайшему предку с установленным положением?
8 203
3 секретных приема в веб-дизайне! Как улучшить свой навык UI/UX дизайнера?
В этом видео я расскажу 3 секретных приёма в веб-дизайне. Первый приём – для новичков, второй – для продвинутых дизайнеров, и третий – для тех, кто ищет что-то новое и хочет повысить свой, и без того, высокий уровень, но везде слышит только то, чему научился ещё пару лет назад.
📺 YouTube
WebDEV #видео
8 203
💡 Обращайте внимание на микровзаимодействия
Микровзаимодействия. Небольшие, но значимые элементы взаимодействия, такие как анимации при наведении курсора или подтверждение действий, могут значительно улучшить пользовательский опыт. Они делают интерфейс более интерактивным и приятным, обеспечивая мгновенную обратную связь и помогая пользователям понять, что происходит на сайте.
WebDEV #советы
8 203
🛠 Avocode - инструмент, который позволяет разработчикам внешнего интерфейса легко кодить веб-сайты или приложения из проектов Photoshop или Sketch. Он создан той же командой, которая подарила нам CSS Hat и PNG Hat, поэтому неудивительно, что они продвинули процесс экспорта на один шаг вперед.
Особенность Avocode заключается в том, что вы можете использовать его плагин Photoshop для синхронизации PSD с Avocode одним щелчком мыши.
🌍 Сайт
WebDEV #инструменты
8 203
Психология цвета в веб-дизайне
Психология цветов в веб-дизайне оказывает значительное влияние на восприятие и поведение пользователей. Грамотно подобранная цветовая палитра может улучшить эстетическую привлекательность сайта и вызвать нужные эмоции.
В этом видео мы расскажем о психологии цветов в веб-дизайне. Вы узнаете, как разные цвета влияют на эмоции пользователей, увидите примеры успешных цветовых схем и получите советы по выбору палитры для различных типов сайтов. Готовьтесь повысить эффективность вашего дизайна с помощью цвета!
📺 YouTube
WebDEV #видео
8 203
💡Прокачивайте свой визуальный язык
Анализ. Чтобы стать выдающимся веб-дизайнером, важно развивать свой визуальный язык. Регулярно анализируйте работы других дизайнеров, участвуйте в дизайнерских конкурсах и следите за актуальными трендами в графическом дизайне. Это поможет вам расширить свои горизонты и найти уникальный стиль, который выделит ваши работы среди остальных.
WebDEV #советы
8 203
🛠 Zeplin – этот инструмент, подходит для периода, когда дизайн только спроектирован и готовится к разработке. Он позволяет передать дизайн и прототипы разработчикам в комплекте со всеми спецификациями, фрагментами кода и экспортируемыми ресурсами, которые необходимы.
Вы можете загрузить свои файлы Sketch, Photoshop, XD и Figma в Zeplin, и этот инструмент предоставит всю необходимую информацию для разработчиков и дизайнеров. Zeplin значительно экономит время, как дизайнерам, так и разработчикам.
🌍 Сайт
WebDEV #инструменты
