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.
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.
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.
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.