No more problems on the front end

The last decade — at least — was full with hard problems for the front-end web developers. Cross-browser compatibility, naming conventions, and poor performance. Now all these are solved.

Thanks to Javascript and some fine Russian folks.

Cross-browser compatibility

We have spent at least ten years trying to make websites run seamlessly in all browsers. The solution recently found is very elegant: it is effortless for the developer and it is transparent making the problem like never existed.

The solution is called Grunt / Gulp. They are the front-end dev’s best friend. They take our handwritten HTML/CSS/JS code and make it better. Faster and cross-browser compatible.

Grunt and Gulp enhance our workflow. They are large ecosystems providing solutions for every aspect of front-end development. They let us focus on code logic and they do the rest of the hard work.

Like making standard CSS code displayed in the same way across all platforms.

Naming and structuring code

There are very large websites developed by very large ever changing personnel. Their biggest problem is to name and structure HTML/CSS/JS elements in a way everybody understands the logic.

There are small websites developed by single developers. And enhanced later by another developer. The biggest problem of one developer is to understand the structuring and naming conventions used by the other.

Since the beginning of web development this problem persisted until it was solved recently by the fine people from Yandex. Yes, the Google of Russia.

Russians were always good in structuring things. Americans too. They’ve come up with a strategy called Atomic Web Design. I’ve spent two years using it. It was very romantic. And when I was not able anymore to follow my own molecules …

Ladies and gentleman I met BEM. The solution for organizing and naming code in an universal way everybody understands.

Poor performance

I’m in a constant hunt for perfect mobile web experiences since the beginning of responsive web design in 2010. Now in 2015 I can say only 1 out of 10 websites from the highly respectable Siteinspire offer a fully enjoyable mobile experience.

Forget that. There is a bigger problem. The lack of native-like performance. Why the New York Times app — presenting the same content — is light-years ahead in usability and joy of it’s web counterpart on mobile devices?

The answer is a multi-million dollar question … because it was found by Facebook who employs the most expensive talent as we know. They have realised the engine of the web browsers — the DOM — is broken. It’s simply not capable to offer the same performance apps can easily afford.

They have fixed that engine and made us available through React, a yet another Javascript tool to make our front-end devs life easier.

And the ladies and gentleman from Flipboard taught us how finally we can create websites indistinguishable from apps in means of smoothness, speed and elegance.

What’s next?

Nothing interesting. Since these above problems are all solved the web stack — HTML, CSS, Javascript — will take over incumbent proprietary technologies and will constitute the coding platform of choice for all.