Уроки HTML5

Pixso — Альтернатива Figma. Только бесплатно и лучше.

Web skills. Добро пожаловать в наши ряды :)

Figma. Бесплатные альтернативы режима — DEV MODE в figma. Lunacy, Inspect Styles, Mockplus, Pixso.

Учимся конвертировать пиксели (px) в rem с помощью функции

Photoshop // Фотошоп для верстальщика // Базовые уроки для — Web разработчиков

Pixso | Бесплатный аналог Figma | Регистрация | Обзор интерфейса программы

Pixso | Бесплатный аналог Figma | Импорт макетов

Pixso | Бесплатный аналог Figma | Масштаб и навигация

Адаптивная верстка сайта. PUG, SCSS, Gulp, Git, JavaScript, Slider, Gallery, SVG. Макет — GoodLyfe.

Адаптивная верстка макета — GoodLyfe. Обзор макета. Подготовка к верстке.

Адаптивная верстка макета — GoodLyfe. Типографика.

Адаптивная верстка макета — GoodLyfe. Кнопки, svg графика.

Адаптивная верстка макета — GoodLyfe. Верстка навигации.

Адаптивная верстка макета — GoodLyfe. Мобильная адаптация — Навигации.

Pixso | Бесплатный аналог Figma | Frame, слои, группы, выбор элементов

Адаптивная верстка макета — GoodLyfe. Реализовываем slider. Swiper — slider.

Адаптивная верстка макета — GoodLyfe. Реализовываем slider. Swiper — slider. Часть 1.

Адаптивная верстка макета — GoodLyfe. Реализовываем slider. Swiper — slider. Часть 2.

Адаптивная верстка макета — GoodLyfe. Реализовываем slider. Swiper — slider. Часть 3.

Адаптивная верстка макета — GoodLyfe. Секция «Meet your new body».

Адаптивная верстка макета — GoodLyfe. Секция «Meet your new body». Верстка под desktop.

Адаптивная верстка макета — GoodLyfe. Секция «Meet your new body». Мобильная адаптация секции.

Адаптивная верстка макета — GoodLyfe. Секция «Premium Facilities».

Адаптивная верстка макета — GoodLyfe. Секция «Premium Facilities». Верстка под desktop.

Адаптивная верстка макета — GoodLyfe. Секция «Premium Facilities». Мобильная адаптация секции.

Figma | Плагин Inspect Styles | Альтернатива режиму — Dev Mode

Pixso | Бесплатный аналог Figma | Шрифты | Учимся добавлять недостающие шрифты

Pixso | Бесплатный аналог Figma | Размеры и отступы

Pixso | Бесплатный аналог Figma | Сетка | Создаём свою сетку

Pixso | Бесплатный аналог Figma | Экспорт изображений

Pixso | Бесплатный аналог Figma | Экспорт CSS кода

Pixso | Бесплатный аналог Figma с режимом DEV MODE | Уроки для верстальщиков и веб-разработчиков

Слайдер для сайта Owl Carousel 2.3.4 | Уроки для новичков

Анимация в CSS. Основы. Уроки для новичков.

Учимся делать custom Tooltip | Tooltip — Всплывающая подсказка | С помощью CSS.

Адаптивная верстка макета — GoodLyfe. Секция «Call to Action».

Адаптивная верстка макета — GoodLyfe. Секция «Real Stories».

Адаптивная верстка макета — GoodLyfe. Секция «Don’t forget our app».

Адаптивная верстка макета — GoodLyfe. Секция «Don’t forget our app». Часть первая.

Адаптивная верстка макета — GoodLyfe. Секция «Don’t forget our app». Часть вторая.