Моя до­маш­няя стра­ни­ца. Ис­поль­зо­ван ди­зайн пред­став­лен­но­го ни­же про­ек­та Q.Sign Studio. Адап­тив­ная фик­си­ро­ван­ная верст­ка для 3-х вью­пор­тов. Ани­ма­ция на CSS и JS.

Мои работы:	дизайн, верстка
Адаптивность:	mobile, mobile landscape, desktop
Сетка:	fixed
Методология:	БЭМ (нейминг)
CSS препроцессор:	LESS
Автоматизация:	Grunt
Библиотеки, фреймворки:	jQuery
Исходные тексты:	source, build

Лич­ный ито­го­вый про­ект при про­хож­де­нии ин­тен­сив­но­го кур­са Базовый HTML и CSS в HTML Academy. Ра­бо­чие стра­ни­цы: "Глав­ная", "Ка­та­лог". На стра­ни­цах ре­а­ли­зо­ван функ­ци­о­нал мо­ду­лей: слай­дер, та­бы, фор­ма об­рат­ной свя­зи, от­прав­ка в кор­зи­ну, ин­тер­ак­тив­ная кар­та.

Мои работы:	верстка
Адаптивность:	desktop
Сетка:	fixed
Методология:	БЭМ (нейминг)
CSS препроцессор:	LESS
Автоматизация:	Grunt
Соответствие критериям:	Посмотреть
Исходные тексты:	source, build

Лич­ный ито­го­вый про­ект при про­хож­де­нии ин­тен­сив­но­го кур­са Продвинутый HTML и CSS в HTML Academy. Адап­тив­ная "ре­зи­но­вая" верст­ка для 3-х вью­пор­тов, адап­тив­ная гра­фи­ка. Ин­тер­ак­тив­ная кар­та.

Мои работы:	верстка
Адаптивность:	mobile, tablet, desktop
Сетка:	responsive, fixed (desktop)
Методология:	БЭМ (нейминг)
CSS препроцессор:	LESS
Автоматизация:	Grunt
Соответствие критериям:	Посмотреть
Исходные тексты:	source, build

Сайт, по­свя­щен­ный мо­то­цик­лу Honda Steed. Со­здан для сбо­ра и сис­те­ма­ти­за­ции ин­фор­ма­ции о дан­ном мо­то­цик­ле. Поз­же функ­ци­о­нал был рас­ши­рен фо­ру­мом (phpBB).

Мои работы:	дизайн, верстка, контент
Адаптивность:	mobile, desktop
Сетка:	responsive (mobile), fixed (desktop)
Методология:	БЭМ (нейминг)
CSS препроцессор:	LESS
Автоматизация:	Grunt
Библиотеки, фреймворки:	jQuery
Исходные тексты:	source, build

Сайт, по­свя­щен­ный мо­им пу­те­шест­ви­ям. Со­здан для хра­не­ния ин­фор­ма­ции о по­езд­ках и ор­га­ни­за­ции фо­то­аль­бо­мов. Ди­зайн был из­на­чаль­но раз­ра­бо­тан для му­зы­каль­но­го про­ек­та.

Мои работы:	дизайн, верстка, контент
Адаптивность:	mobile, desktop
Сетка:	responsive (mobile), fixed (desktop)
Методология:	БЭМ (нейминг)
CSS препроцессор:	LESS
Автоматизация:	Grunt
Библиотеки, фреймворки:	jQuery
Исходные тексты:	source, build

Сайт му­зы­каль­но­го про­ек­та, ко­то­рый не со­сто­ял­ся. Од­на стра­ни­ца. Адап­тив­ная "ре­зи­но­вая" верст­ка для 3-х вью­пор­тов, адап­тив­ная гра­фи­ка.

Мои работы:	дизайн, верстка, контент
Адаптивность:	mobile, tablet, desktop
Сетка:	responsive, fixed (desktop)
Методология:	БЭМ (нейминг)
CSS препроцессор:	LESS
Автоматизация:	Grunt
Исходные тексты:	source, build

Сайт-ви­зит­ка ги­по­те­ти­чес­кой веб-сту­дии. Из­на­чаль­но раз­ра­бо­тан как обо­лоч­ка для мо­е­го порт­фо­лио. Поз­же ди­зайн был ис­поль­зо­ван для мо­ей домашней страницы. Cтраница "Contact" остав­ле­на в пер­во­на­чаль­ном флэш-ва­ри­ан­те.

Мои работы:	дизайн, верстка, контент
Адаптивность:	desktop
Сетка:	fixed
Методология:	БЭМ (нейминг)
CSS препроцессор:	LESS
Автоматизация:	Grunt
Исходные тексты:	source, build

Учеб­ная верст­ка из рас­сыл­ки HTML Academy. Од­на стра­ни­ца. Адап­тив­ная "ре­зи­но­вая" верст­ка для 2-х вью­пор­тов, адап­тив­ная гра­фи­ка.

Мои работы:	верстка
Адаптивность:	mobile, desktop, desktop wide
Сетка:	responsive, fixed (desktop)
Методология:	БЭМ (нейминг)
CSS препроцессор:	LESS
Автоматизация:	Grunt
Исходные тексты:	source, build

Постепенно пополняемая коллекция иконок на чистом CSS: один тег разметки и стили к нему. Гибкая настройка размера и цвета.

Мои работы:	дизайн, верстка, контент
CSS препроцессор:	LESS
Автоматизация:	Grunt
Исходные тексты:	source, build

На­ча­ло ра­бо­ты над хрис­ти­анс­ким пор­та­лом с од­ной сто­ро­ны, и по­пыт­ка соз­да­ния ин­тер­фей­са для чте­ния элект­рон­ных книг с дру­гой.

Мои работы:	дизайн, верстка
Адаптивность:	mobile, tablet, desktop
Сетка:	responsive
Методология:	БЭМ (нейминг)
CSS препроцессор:	LESS
Автоматизация:	Grunt
Библиотеки, фреймворки:	jQuery
Исходные тексты:	source, build