💡Шпаргалка по TypeScript

WebDEV #советы

🛠 SVGito – это бесплатное веб-приложение, которое чистит SVG файлы, и тем самым избавляет вас от необходимости ручного редактирования.

Это маленькое приложение, созданное Питером Новеллом, автоматически оптимизирует ваши SVG-файлы. Одним нажатием кнопки вы сможете уменьшить их размер и сложность, не изменяя внешний вид.

🌍 Сайт

WebDEV #инструменты

Чеклист: 50 ошибок в портфолио дизайнеров

Основано на разборе 1000+ портфолио.

Формфактор собрали ошибки, которые:
— портят первое впечатление от портфолио
— вызывают отторжение у лида
— убивают шансы на оффер

Актуально для рынка 2026.

Чеклист в закрепе @formfactor

Реклама.

Как создать сайт с нуля на Wordpress + elementor

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

📺 YouTube

WebDEV #видео

Flexbox Playground — отличный инструмент для визуализации работы флекс-свойств.

При этом вы можете добавлять огромное количество блочных элементов внутрь одного контейнера — сервис не стремится ограничивать вас в этом.

WebDEV #инструменты

CSS сниппеты для ускорения HTML верстки. Готовая подборка

Стартовая коллекция CSS сниппетов для ускорения HTML верстки и написания CSS стилей. Быстрые команды для фона, псевдоэлементов, импорта и медиа запросов.

📺 YouTube

WebDEV #видео

Spline | Tilda эффект частиц

В этом видео я показываю инструмент spline. Узнаете как в нём работать и как сделать красивый эффект частиц. После чего поставим его на сайт в Тильде.

Spline — это недавно появившийся бесплатный инструмент для 3D моделирования, который уже успел обзавестись впечатляющим набором функций. С его помощью вы можете создавать 3D-сцены, моделировать объекты и редактировать материалы, а также контролировать весь процесс создания дизайна, добиваясь наилучшего результата.

📺 YouTube

WebDEV #видео

Весь HTML за 4 часа

За 1 день узнаете все, что нужно для понимания основных инструментов HTML. Что такое HTML, CSS, JavaScript, структура документов, блочные и строчные элементы, таблиц, заголовки, создание форм регистрации и их кастомизация. Много практических заданий.

📺 YouTube

WebDEV #видео

Все про модули в JavaScript. Как делать import и export. Пример с кодом

Модули в JavaScript. Разбираемся на простом примере. Подключение модулей, export default дефолтный экспорт по умолчанию, именованный экспорт named export, импорт дефолтных и именованных значений. Экспорт с переименованием, экспорт всех значений под один объект. JS modules.

📺 YouTube

WebDEV #видео

💡Шпаргалка по CSS

WebDEV #советы

В связи с нынешними ограничениями по работе Telegram, создали аналог канала в Max — True Figma

Если у вас возникают проблемы с загрузкой файлов, переходите в наш дублированный канал — https://max.ru/true_figma

Типичные ошибки новичков в ReactJS. useState, useEffect, props drilling и usecontext

Рассмотрим типичные ошибки которые встречаются в проектах у начинающих React JS разработчиков. Как правильно изменять состояние в компоненте используя useState. Почему стоит быть аккуратным с вызовом useEffect и изменением состояния компонента внутри него. Что такое props drilling и как от него избавиться с помощью использования createContext и useContext.

📺 YouTube

WebDEV #видео

Gulp сборка для верстки сайтов. Ускоряем процесс верстки сайтов.

Gulp сборка для верстки сайтов. Обновление Gulp сборки. В этом видео я презентую обновленную сборку для HTML верстки сайтов. Улучшена работа с графикой. Лучшее качество при оптимизации.

Что добавлено:
• Умеет авто-подключать webp формат в т.ч. и для retina графики.
• Собирает SVG спрайты.
• Производит автогенерацию и автоподключение шрифтов.
• Автозамена путей в html и scss.
• Исправлен баг с ошибкой при при разрыве строки в теге img.

📺 YouTube

WebDEV #видео

💡Шпаргалка по CSS

WebDEV #советы

ZenStack — TypeScript-инструмент для «усиления» Prisma ORM.

Достигается это за счёт мощного слоя контроля доступа, что и раскрывает его полный потенциал. При этом ZenStack предлагает интерактивный опыт работы с Markdown, автоматически генерирует CRUD API и фронтенд-хуки, обеспечивая высокий уровень безопасности.

WebDEV #инструменты

🛠 Babel - это набор инструментов, который в основном используется для преобразования кода ECMAScript 2015+ в обратно совместимую версию JavaScript в существующих и старых браузерах или средах.

🌍 Сайт

WebDEV #инструменты

CORS за 100 секунд

Cross-origin resource sharing — технология современных браузеров, которая позволяет предоставить веб-страницам доступ к ресурсам другого домена. Изучите основы CORS за 100 секунд.

📺 YouTube

WebDEV #видео #CORS #web

Эти ошибки губят всех начинающих веб-дизайнеров

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

📺 YouTube

WebDEV #видео

💡 Шпаргалка по CSS

WebDEV #советы