Ищем новичков во фронтенд-разработке и вёрстке сайтов.

Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений. А именно: - Сверстать веб-сайт на HTML + CSS; - Реализовать функционал на JavaScript; - Пощупать фронтенд-фреймворк Angular; - Подключить Backend и загрузить сайт на хостинг. Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать. Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе. 👉 Приходи на бесплатное обучение и зови с собой друзей Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.
https://content.desigram.ru/static/cdefe2d7-03f9-44c2-853d-4e26cc919b25.jpg

Консультации для дизайнеров, фрилансеров и фаундеров агентств

Сегодня хочу напомнить, что помимо прочего я периодически провожу консультации для всех, у кого есть вопросы, которые не получается решить самостоятельно. Вот, с чем я могу помочь: ✨ Маркетинг и привлечение клиентов ➖ Как искать клиентов фрилансерам и агентствам? ➖ Как найти свое позиционирование и выделиться на фоне других? ➖ Как построить личный бренд, который будет приносить клиентов? ➖ Как делать эффективный контент-маркетинг агентству? ➖ Как начать участвовать в конкурсах и получать в них награды? ✨ Продажи и управление ➖ Как правильно и дорого продавать креативные услуги? ➖ Как начать делегировать и строить команду? ➖ С чего начать, чтобы открыть свое агентство и каких ошибок нужно избежать? ✨ Дизайн ➖ Как прокачать уровень дизайна, если застрял на месте? ➖ Что не так с моим дизайном? Почему от клиентов много правок, а мне не нравится то, что я делаю? ➖ Как улучшить процесс дизайна, начать работать быстрее и качественнее? ➖ Как собрать сильную дизайн-команду и улучшить дизайн в агентстве? ✨ Почему я шарю в этих темах: 📿 Уже 8 лет я практикующий дизайнер, за это время реализовала более 120 проектов 📿 У меня более 50 различных наград за сайты, в том числе 5 «Сайтов дня» на CSS Design Awards 📿 Мое агентство за 2.5 года вышло на клиентов федерального уровня и стало молодым агентством №1 в России в дизайне и креативных сайтах по версии Рейтинга Рунета 📿 Я никогда не занималась холодным поиском клиентов ни для себя, ни для агентства — все клиенты приходят сами 📿 Только за прошлый год с помощью контент-маркетинга и личного бренда мы привлекли 460 заявок на создание сайтов и брендинг Консультация проходит в Зуме и длится 1-1.5 часа. На созвоне я не просто даю абстрактные советы, а сразу накидываю вам идеи и план действий + после консультации обычно присылаю еще дополнительные материалы по теме вашего запроса. 🪬 Стоимость консультации 100€, для записи пишите в ЛС @robinbobinaru и сразу уточните, какие вопросы вы хотите разобрать 🩷
https://content.desigram.ru/static/677717c0-8393-4634-8f77-f0471f7249b7.jpg

Друзья, проектная работа!

✅ Наши коллеги из технологического направления Сбера ищут графического дизайнера под проектную работу для создания и разработки макетов различных материалов: презентаций, отчетов, лендингов и графических роликов ➡️ ЗАДАЧИ: • Оформлять презентационный материал (анимированный + статичный контент), создавать шаблоны, подбирать или отрисовывать/генерировать необходимые изображения; • Верстать аналитические доклады: полная стилизация сборника, дополнение инфографикой, разработка сопутствующих изображений; • Структурировать информацию и предлагать оптимальные форматы визуализации данных; • Редизайн существующих слайдов и поддерживать в актуальном состоянии шаблоны презентаций; • Разработка информационных материалов: баннеры для медиа, заставки экрана, web-страницы, графические ролики (для стендов и выступлений спикеров); • Разработка макетов полиграфических материалов; • Разработка KV (key visual) для различных активностей.   ➡️ ТРЕБОВАНИЯ: • Креативность, чувство стиля, художественный вкус, знание композиции, работы с цветом, умение обрабатывать изображения; • Быстрая обучаемость и стремление узнавать новое; • Активный пользователь нейросетей; • Навык видеомонтажа станет отличным плюсом. Нужно уметь работать с программами по монтажу видео, склеивать ролики, добавлять титры/перебивки, накладывать музыку, убирать звук; • Умение визуализировать информацию на основе аналитики; • Свободное владение программами Adobe, Figma; • Базовое понимание верстки html и css.   ✅ Присылайте своё портфолио по адресу: [email protected]
https://content.desigram.ru/static/2b4a25af-1e3c-4b2b-9eca-2853db4df6b6.jpg

CSS Gradient to Figma Плагин позволяет с легкостью импортировать градиент CSS в Figma

https://content.desigram.ru/static/79c93137-7ad6-449b-90c0-45ef700e2917.jpg
Верстаешь?
Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке от эксперта; 6. Научишься использовать ChatGPT и Giga во Frontend-разработке; 7. Узнаешь 9 способов найти первый заказ даже без опыта. А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем уже завтра. 🔥 С нас обучение, практика и помощь с выходом на фриланс или собеседованием.
Grabient — огромная библиотека градиентов, разбитых по категориям.
cssgradient.io/gradient-backgrounds 🏛DESIGN HUB
Доброе утро!
📌В новой подборке «Полезные ресурсы для дизайнеров» — три полезных ресурса, которые помогут сделать ваши проекты ярче и удобнее: — библиотека дизайнерских ресурсов с графикой, иконками и UI-китами, — коллекция бесплатных иллюстраций в векторном формате, которые легко интегрируются в Figma, — генератор CSS-градиентов, позволяющий создавать стильные фоны и элементы интерфейса за пару кликов. ✏️Бесплатная кириллица для самых разных задач: — выразительный декоративный шрифт, — живой и неформальный вариант, — современный геометрический гротеск, — пиксельный шрифт в эстетике 👄 80-90-х, — утонченный гротеск. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
https://content.desigram.ru/static/7ce21bcd-1da1-43b8-82a5-ce693046355e.jpg
Освой азы Webflow за 3 часа ❤️
Весь бесплатник в одном видео! Собрали все обучающие видосы в один 3х часовой ролик для тех, кто еще хочет разобраться с функционалом Webflow и логикой построения сайтов. 3-х часовой курс включается в себя основы HTML, CSS, адаптивности и анимации. Соберем полноценный сайт с нуля на Webflow и научимся правильно передавать проекты заказчикам. Переходи по ссылкам: 📹На YouTube 💬 В ВК
https://content.desigram.ru/static/0785c4ec-f5d8-46d7-8110-4dadf7c88258.jpg
Как правильно реализовать эффект матового стекла на сайтах
Популярный эффект матового или «замёрзшего» стекла почти на всех сайтах, что я встречал, реализован с заметными недостатками: дрожанием, мерцанием и тому подобными дефектами Джош Комо написал кайфовую статью с разбором всех таких недостатков и, главное, с примерами его грамотной реализации в CSS Например, он показал, как сделать так, чтобы блюр захватывал элементы, находящиеся рядом с плашкой, как избежать мерцания, как сделать прозрачную фаску, как правильно добавить стеклу визуальной толщины и другие хитрости В статье есть фрагменты готового кода и интерактивные примеры В общем, читайте, добавляйте в закладки и отправляйте своим технологам: joshwcomeau.com/css/backdrop-filter #awd_article #awd_web
https://content.desigram.ru/static/9dff8f96-8491-4dba-8527-dfabefaaac5f.jpg
Номинанты на Сайт Года 2024. Дизайн-дайджест CSS Design Awards.
Дайджест: Важные дизайн-тренды 2024 года для цифровой индустрии Читать на DSGNERS! | #статьи
https://content.desigram.ru/static/3585a2da-3b1a-42b1-8620-92fd3d22b151.jpg
Номинанты на Сайт Года 2024. Дизайн-дайджест CSS Design Awards.
Дайджест: Важные дизайн-тренды 2024 года для цифровой индустрии Читать на DSGNERS! | #статьи
https://content.desigram.ru/static/3585a2da-3b1a-42b1-8620-92fd3d22b151.jpg
Номинанты на Сайт Года 2024. Дизайн-дайджест CSS Design Awards.
Дайджест: Важные дизайн-тренды 2024 года для цифровой индустрии Читать на DSGNERS! | #статьи
https://content.desigram.ru/static/3585a2da-3b1a-42b1-8620-92fd3d22b151.jpg
Попали в топ-9 агентств 2024 года по версии CSS Design Awards!
Безумно круто оказаться в одном списке с ведущими мировыми агентствами! Особенно приятно читать текст с сайта CSSDA — он по-настоящему греет душу. Следующие финалисты заслуживают признания за выдающийся вклад в индустрию веб-дизайна и разработки. Наряду с победителями они продолжают вдохновлять целое поколение прошлых, нынешних и будущих профессионалов в области цифровых технологий. С победителями и другими номинациями можно ознакомиться по этой ссылке. https://www.cssdesignawards.com/blog/2024-doty-winners-are-here/411/
https://content.desigram.ru/static/e53223d7-995d-43e8-af24-240630745e4a.jpg
Как легко прокачать навыки верстки и найти работу? 
Присоединяйся к каналам опытного верстальщика:  1. Вёрстка сайтов | HTML, CSS, JS — здесь собраны бесплатные, структурированные уроки и различные материалы по HTML, CSS, JS, а также советы по заработку на фрилансе. 2. Работа — вёрстка и фронтенд — канал с лучшими вакансиями и проектами с фриланса по вёрстке и фронтенду Научись и зарабатывай на верстке!
https://content.desigram.ru/static/fa3b96a7-9d46-48b3-9108-13f12d77d361.jpg
*️⃣Многие просили посты про портфолио. Поделюсь тем, что у меня уже вышло, а вы отпишитесь что еще вам интересно
В рамках Адвент календаря выходило видео о том, как сделать портфолио, которое привлечёт работодателей и клиентов. Там есть презентация из видео и пример кейса. https://t.me/sofyafilippova/510">https://t.me/sofyafilippova/510 *️⃣В вакансиях указано требование "базовое знание html, css". На что конкретно здесь нужно обращать внимание? Вам не нужно быть верстальщиком, но знание основ поможет создавать более адекватные дизайны и находить общий язык с разработчиками. Это про лучшее понимание процесса, а не про кодинг с нуля. 🔵 Понимание, что такое HTML (структура страницы) и CSS (стилизация элементов). 🔵 Разница между фронтенд-разработкой (визуальная часть сайта) и бэкендом (логика, данные). 🔵 Адаптивность: как дизайн подстраивается под экраны. 🔵 Понимание терминов и процессов помогает проще работать с разработчиками. *️⃣Как выбрать стиль, в котором будешь делать заказ? Начните с анализа целевой аудитории и тематики проекта. Подумайте, что нравится вашей аудитории: молодые люди оценят креатив и нестандартные решения, а для корпоративного сектора важны сдержанность и структура. Обратите внимание и на тематику сайта. Например, детский проект лучше не делать в минимализме — добавьте больше «веселья» и яркости, чтобы на фоне конкурентов сайт не выглядел пустым и безликим. Если речь о магазине современной одежды, то отлично подойдёт швейцарский стиль, минимализм или даже необрутализм — всё зависит от того, что подходит к настроению и продуктам бренда. Я снимала подробное видео о стилях — https://t.me/sofyafilippova/507 *️⃣Как подготовить дизайн к вëрстке и что важно учесть дизайнеру, чтобы его дизайн потом сверстали? Все просто, если держать под рукой мой гайд - https://t.me/sofyafilippova/511
https://content.desigram.ru/static/9aa6a168-79ca-4e48-9f8f-8798dff92793.jpg
designer.ru — кухня изнутри:
Как же вам повезло что вы выбрали дизайн, а не программирование! Боли те же, а удары судьбы гораздо мягче. Дизайнеры-новички ноют что их никто не берет, работу ищут по полгода и тп. А вы пробовали заглянуть к программистам? )) Там те же приколы только в разы жестче. Вот кричалки школ программистов: 1) срочно всем нужны IT-шники 2) заскакивайте к нам! Уже скоро будете получать 300 тыс руб 3) какие программисты будут восстребованы в 2025 4) 3 месяца обучения - и тебя возьмут даже джуном! Знакомые кричалки? У дизайнеров "кричат" то же самое. А реалии каковы? 1) Учиться на программеров в разы сложнее, потому что мир технологий стал настолько громадным, что каждый день появляются новые плагины и библиотеки. (у нас же и одной Figma, порой, достаточно) 2) З/п-шечка в лучшем случае 80тр. Это будучи джуном в течение года. У прогеров все конкретно: функционал не изучил? Функционал не работает? Нафиг с пляжа! (у нас же "Почему нет дизайна? Это такой вот дизайн-минимализм"). 3) Реально же что-то из себя представлять станешь в лучшем случае через год. А до этого тебя ждет "долина смерти". Никто не берет, потому что опыта нет и слЁзки слЁзки. (у нас же "рисую карточки для маркетплейсов как из пулемёта, пока не обрасту нетворкингом") 3) Ну и, вишенка на торте, из потока школ выживают и становятся программистами лишь... 2% от заявленных на старте (у нас же 5-7% и то, возьмут потому что ты слышал про "скандинавский дизайн" или знаешь где смотят CSS в браузере). 2% выживших! Знакомо? Что же главное у программистов-новичков? Научиться учиться! Научиться управлять энергией и усидчивостью, фокусом внимания. Это профессия исключительно селф-мейд. Знакомо, дизайнеры? Дизайнер может повторить чужой дизайн или даже купить готовый кит на креативных маркетплейсах, клиент это даже не распознает. А программист должен не просто понимать что он повторяет и сделать так чтобы "это" завелось и скомпилировалось, когда рядом еще мильон зависимых библиотек. И наконец, если прямо очень хотеть дотянуться до 300тр - то это минимум пару лет вжобывания. А то и больше. И все это время надо каждый день погружаться в паттерны программирования, искать ментора, курочить чужой код, пытаться написать свой говногод, изучать новые API и фреймворки, и знать JavaScript как батя. Знакомо? Дизайнерам-новичкам еще даже очень повезло. Порог входа гораздо ниже. P/S: Ролик с юным кибернетиком вы и сами нагуглите :))
https://content.desigram.ru/static/1031a64b-f822-45ce-b69e-785477e8b6e4.jpg
📚 Релиз 1.5.0 (2-е поколение, React) и 1.2.0 (Vue)
Алоха! Первый релиз в новом году. Улучшили работу компонентов и добавили новый пропс 📙 atomaro/vue-ui-kit 1.2.0 и atomaro/ui-kit 1.5.0 — Select: добавлен новый prop deselectEnabled, переключающий возможность отмены выбора при повторном клике на опцию — Modal: Изменены css-стили в компоненте. Убраны статически заданный отступ в контейнере и скругление — Drawer, Modal, Floating Action Button: исправлена работа Overlay. Tеперь при использовании нескольких компонентов на странице оверлеи не накладываются друг на друга — InputDate: При повторном клике на иконку не закрывался календарь. Исправлено — Slider: При включённом disabled можно было выбрать значение по клику на трек. Исправлено 📗 atomaro/vue-ui-kit 1.2.0 — DropdownMenu: Исправлена ошибка, при которой divider выбирался как значение в Select — Tabs: исправлена ошибка рендера табов при использовании цикла
https://content.desigram.ru/static/f5accf87-e7bc-47f6-b9ca-856dc72bc0fb.jpg
Творческие, для вас: в одном месте собраны самые полезные инструменты для дизайна и разработки.
В библиотеке — поисковики шрифтов, генераторы текста, конвертеры, редакторы фотографий и даже отдельный раздел с инструментами для CSS. Ссылку оставляем.
Портфолио говорит само за себя. Так и на этом сайте. Здесь нет ничего, кроме проектов, небольшой страницы "About" — об авторе, и контактов.
Автор получил огромное количество наград на Awwards и CSSDA. Вот где, действительно, ничего лишнего. Ссылка Ui Web Design