vladimirshitov.

github.io

Сайт, на котором я учусь делать сайты

Этот сайт — моё личное портфолио. Здесь находятся мои задания с курса по frontend и личные эксперименты.

Методология БЭМ

Урок с курса по методу написания кода от Яндекс

BEM
Тык
Сетка Bootstrap

Урок с курса по подключению сетки Bootstrap

BS
Тык
Подключение шрифтов

Имитация сайта для подборки шрифтов

f
Тык
Ковёр :D

Урок с курса по использованию препроцессора LESS

carpet
Тык
Иконочные шрифты

Урок по использованию иконочных шрифтов и FontAwesome

star
Тык
Эффекты при наведении

Изучение CSS эффектов при наведении

Hover me!
Тык
Всплывающее меню на CSS

Всплывающее меню на чистом CSS. Неудачный опыт.

burger
Тык
Анимации

Урок по анимациям. Небольшая лендинг-страница.

animation
Тык
Вёрстка на Flex

Обучение методологии вёрстки на flexbox

flexbox
Тык
Адаптивная вёрстка

Полностью адаптивный сайт!

adaptive
Тык
Меню на JS

Всплывающее меню-гамбургер при помощи JQuery

Тык
Табы

Создание табов на JQuery

tabs
Тык
Аккордеон

Раскрывающиеся вкладки на JQuery

accordion
Тык
Формы ввода

Страница с обязательными для заполнения формами ввода

forms
Тык
Калькулятор

Калькулятор товаров на jQuery

calc
Тык
Всплывающие окна на JQuery

Всплывающие окна с использованием JS

popup
Тык
Видео-фон на сайте

Встраивание видео на фон сайта

video
Тык
Параллакс-эффект от мыши

Взаимодействие элементов на странице с перемещениями мыши

cloud
Тык
Параллакс-эффект при прокручивании

Применение библиотеки rellax

triangle
Тык
Параллакс-фон

Применение библиотеки parallax.js

t
Тык
Карты

Урок по подключению карт на сайт

map
Тык
Оптимизация скорости загрузки

Проверка сайта на сервисе Google Page Speed

speed
Тык