About me

I am a web developer who uses html and css most productive
my-foto

Maksim Fariga

HTML / CSS Guru

HI! My name is Maxim Fariga! I am 28 years old.

I code webpages (HTML5/CSS3) more than 3 years. I have finished htmlacademy.ru and work there as a mentor more than 1 year on course HTML and CSS Basic.

For code writing I use code editor: Sublime Text, PHP Storm with the extension Emmet.

Knowledge and skills:

  • high-quality code writing on html5, css3;
  • adaptive layouts;
  • valid code;
  • connection of non-standard fonts;
  • using sprite, base-64 format, svg-sprite - for reduction quantity of http requests;
  • BEM;
  • GRUNT - for automation project build;
  • LESS - css preprocessor;
  • optimization and minification css, html and js;
  • understanding and using modifiable units: “em”, “rem”, “vh”, “vw”, “vm”, “%”;
  • support for browsers opera, firefox, chrome, safari, IE9 and above;
  • strong knowledge of JavaScript and Jquery;
  • knowledge and understanding of css framework - Twitter Bootstrap;
  • using svg, svg-sprites and incorporation them on the page.

When I code images I prefer only css and html. Examples of my work you can find here.

As for me the most usefull code must be clean, valid, semantic and understandable. I always try to make any page width minimum numbers of http requests. Modern HTML5 and CSS3 give us possibility to create nice pages using less or without js, so why not?

I got skills!

My skills are constantly improving!
83

HTML

91

CSS

70

Cutting layout

75

Valid + Semantic markup

70

LESS

40

BEM

30

SVG

50

JavaScript

50

JQuery

50

Twitter Bootstrap

My portfolio

The number of coding pages depends on the PSD layout
Starting barbershop page

Barbershop

Website of barbershop. Consists of 4 pages: main, shop, item and price (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
  • JS
Starting technomart page

Technomart

Website of online shop which sells power tools. Consists of 2 pages: main and catalog (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
  • JS
Starting nerds page

Nerds

Website of the company engaged in the development of sites, applications and presentations. Consists of 2 pages: main and catalog (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
  • JS
Starting hexal page

Hexal

Smith Anderson portfolio website. Consists of 1 pages (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE10
Starting cuda page

Cuda

Website of the company engaged in the development of sites, designs, brand and rocket science. Consists of 1 pages (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
Starting sedona page

Sedona

Website of the tour company in the town of Sedona. Consists of 2 pages (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
  • Responsive
Starting minimo page

Minimo

Portfolio website. Main and latest works sliders are fully functional and work only on css. Consists of 1 pages (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
  • JQuery
  • Responsive
Starting cuda page

Notify

Landing page theme. Consists of 1 pages (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
Atelier-to-go

Atelier-to-go

Holding page. Consists of 1 pages (training layout)

  • HTML5
  • CSS3
  • IE9
NovaBoutique

NovaBoutique

Landing page. Consists of 1 pages (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
  • JQuery
Altair

Altair

Main page. Consists of 1 pages (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
  • JQuery
Travel

Travel

Holding page. Consists of 1 pages (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
Alisayed

Alisayed

Main page of designer. Consists of 1 pages (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE10
Marble

Marble

Main page of adaptive site. Consists of 1 pages. In mobile version menu change into burger-icon witch make only on HTML & CSS (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
Stroiportal

Technic

One page of shop which sells machines for construction, sweepers and other big equipment. Consists of 1 pages. (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
  • JQuery
Freedom

Freedom

One big pages of team which create amazing sites, apps & graphics. This pages is responsive. In mobile version you can see triangle menu. Consists of 1 pages. (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
  • Jquery
  • Responsive
Loom

Loom

One page of team which can makes print design, motion video, package design, time management. Consists of 1 pages. (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
  • JQuery
Loom

Blueasy

One page of the best photographer John Doe. If you need amazing photo ask him. Consists of 1 pages. (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
  • Responsive
Pink

Pink

One page of team which can makes amazing aps. Consists of 1 pages. (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE9
  • Responsive
  • Retina
  • SVG
  • GRUNT
  • BEM
Tricolor

Tricolor

Landing page for russian television provider. Consists of 10 pages. (real page)

  • HTML5
  • CSS3
  • LESS
  • IE10
  • Responsive
  • GRUNT
  • BEM
Brandly

Brandly

Landing page for internet shop of clothes and accessories. Consists of 1 pages. (training layout)

  • HTML5
  • CSS3
  • LESS
  • IE10
  • Responsive
  • GRUNT
  • BEM
Consult

Consult

Landing page for internet shop of clothes and accessories. Consists of 2 pages. (Main, Private-policy) (real page)

  • HTML5
  • CSS3
  • LESS
  • IE10
  • Responsive
  • GRUNT
  • BEM
  • JavaScript
  • JQuery
HandyBoymain

HandyBoymain

Landing page for internet shop of clothes and accessories. Consists of 1 pages. (training page)

  • HTML5
  • CSS3
  • LESS
  • IE10
  • Responsive
  • GRUNT
  • BEM

Get in touch

Kharkov, Ukraine. Tel: +38 (099) 780-88-62