🌐2023. Можно ли ограничиться соцсетями и не делать сайт, и может ли сайт обеспечить хороший доход

#посмотреть

Также:
▫️Чем хороша Tilda
▫️Bitrix или Wordpress
▫️С чего начать изучение CSS и HTML
▫️Float, Flexbox или Grid CSS
▫️Зачем вообще Figma
▫️Стоит ли верстальщику быть программистом PHP, JS, Python
▫️Заменит ли ChatGPT верстальщиков
▫️Есть ли альтернатива Youtube в России

Смотреть видео на YouTube (40 минут)

🔥12 принципов Уолта Диснея для анимационного сторителлинга и не только

#почитать

▫️Союз моушн-дизайна и UX относительно новый, но его корни были заложены еще Уолтом Диснеем. Фрэнк Томас и Олли Джонстон являлись одними из самых приближенных аниматоров Уолта Диснея. Они принимали участие в создании таких классических произведений, как «Пиноккио», «Бэмби» и «Фантазия».

▫️Изложенные ими 12 принципов анимации остаются до сих пор незаменимыми при разработке анимации для кинематографа, телевидения и любого цифрового контента.

Читать статью

🌐Крик души CSS-программиста

#посмотреть

О стандартизации, переиспользовании стилей, и адаптиве курильщика.

Смотреть видео на YouTube (15 минут)

Как вписать блоки в страницу или в контейнер? Используйте css grid

#почитать

"На днях обнаружил печальную вещь. Хотя стандарт css grid существует не первый год, многие до сих пор то ли не знают о нем, то ли не понимают, для чего он нужен. Я крайне редко вижу его практическое использование.
При этом существует задача, которая нормальным образом решается только через grid. Речь идет о вписывании верстки в родительский контейнер, будь то виджет или страница в целом. В итоге создание подобной верстки происходит либо с помощью костылей (если использовать обычную блочную верстку (когда ее уже пометят как obsolete?)), либо с помощью избыточного кода (если использовать flex). Давайте я покажу на примере, как это делать правильно."

⏱Читать статью

Как сделать всплывающую подсказку

#почитать

Всплывающая подсказка, небольшой блок (тултип), который появляется при наведении или нажатии на элемент. Цель — дать более подробную информацию о содержимом элемента. Часто тултипы используются вместе с формами, чтобы добавлять пояснения к полям. Подсказку можно сделать, создав отдельный элемент в HTML-разметке и прописав ему нужные стили в CSS.

🟢Читать статью

Дизайнеры воруют идеи и это как бы нормально

#почитать

Долго думал писать или не писать эту статью, ведь скорее всего святые моралисты закидают меня помидорами. Но давайте будем реалистами, 70% дизайна продукта это применение бест практис от других продуктов, смежных или нет - пофиг.

🟢Читать статью

Сокровища HTML: 7 тегов, которые должны упростить вам жизнь

#почитать

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

🟢Читать статью

Как верстальщику научиться понимать то, что нарисовал дизайнер и не наделать ошибок

#почитать

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

Если у вас только один фронтенд, все еще не так плохо. Однако, когда их количество достигает 10, микроошибки в компонентах могут отнимать до 200-300 человеко-часов в год. С учетом современных зарплат, это значительная сумма. А помимо фронтенда у нас также есть бекенд, девопс и тестирование, что также требует значительных затрат. Давайте вместе разберемся, как можно справиться с этой проблемой.

▫️Компоненты
▫️Layouts
▫️Направление отступов
▫️Влияние дизайна компонентов на дизайн layout’ов
▫️Область действия компонентов
▫️Цвета
▫️Иконки
▫️Компоненты форм

🟢Читать статью

▫️ Генераторы CSS-эффектов. Гига-подборка со ссылками и описаниями в видео

#почитать

Подборка онлайн-генераторов, которые существенно ускоряют создание различных CSS-эффектов.

▫️Glassmorphism
▫️Neumorphism
▫️CSS Grid Generator
▫️CSS Layout Generator
▫️Clip-path maker
▫️Loaders
▫️Shape Divider
▫️SVG Shape Generator
▫️CSS pattern backgrounds
▫️PatternPad
▫️Mesher
▫️Animista
▫️Fancy-Border-Radius
▫️UI Flare Box Shadow

🟢Смотреть обзор ⏱15 минут

Можно ли получить из нейронки рабочий дизайн интерфейса (быстрый ответ: нет)

#почитать

Суть эксперимента была - получить из нейронки (в данном случае Midjourney) максимально рабочие концепты дизайнов для сайтов, CRM, дашбордов и мобильных приложений.
В чём проблема? В том, что нейронки натренированы на 2D-иллюстрации всех возможных стилистик, 3D-графику и фотографии.
Но всё, что касается кнопок, инпутов, лэйаутов выглядело крайне печально.
Особенно на фоне истеричной возни "помогите, нас всех заменят!".
Я решил покопаться в теме и попробовать извлечь реальную пользу. Нейронка генерировала мешанину пикселей, мало пригодную хоть для какой-то обработки.
Параллельно я попробовал работать с Leonardo AI, Шедеврум, Кандинским и Dall-E. Однако, реально интересных результатов мне получить не удалось.

С другой стороны, из Midjourney можно спокойно получать следующие полезные вещи:
▫️Интересные лэйауты для сайтов и приложений
▫️Хорошие, сбалансированные цветовые гаммы
▫️Частично иконки, текстуры и паттерны
▫️Отличные фото-клипарты (сам применял в проектах)
▫️Отличные иллюстрации
▫️Мокапы и фото продуктов
▫️Кое какие 3D объекты (не забываем добавлять в запрос "isolated on background")
▫️Конечно, обои на любой гаджет всех цветов радуги

🟢Читать статью