markup-contest

This is repository of adaptive landing page markup. It is a result of participation in local markup contest in a company where I work. You can see it by link markup-contest.web.app

To achieve this task I used "mobile first" methodology and "БЭМ" for naming css classes. My working toolset was parcel + posthtml

Project setup

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

Deploy project to firebase hosting

npm run deploy

Install package for converting images to webp format

sudo apt-get install webp

Usefull links

Parcel

PostHTML

PostHTML include

PostHTML expressions

WebP

Firebase hosting config

Optimize lcp

Pagespeed Insights results differ from lighthouse in chrome