Trend Talks: Front End Development

It's still early into 2019, and it looks like a promising year for the growth of front-end programming. In this post, I'll list out 5 things I've been reading up on recently and seeing the community talk about.

1. Moving Away From Javascript Libraries in CSS Frameworks

​

Bootstrap v5 is on its way to get rid of dependancy of jQuery. Cleaner and less bloated javascript.

Interesting Readings:

https://news.ycombinator.com/item?id=19147466 (opens in new window)

https://dev.to/winduptoy/a-javascript-free-frontend-2d3e (opens in new window)

2. CSS Animations

​

I have seen more and more tutorials and awesome examples on the web of CSS only animations and creative CSS drawings.

Built with combinations of border-radius, box-shadow, transform, linear-gradient, radial-gradients, and overflow we are so close to making complex designs easier.

Interesting Read:

http://diana-adrianne.com/how/ (opens in new window)

Examples:

https://codepen.io/joshbader/full/MZMzjr (opens in new window)

https://codepen.io/ivorjetski/pen/xMJoYO (opens in new window)

3. Grid vs Flexbox

​

Source: css-tricks.com (opens in new window)

Instead of putting them against each other we are moving towards a more co-existing relationship. Knowing when to use each of them is where we want to be.

Interesting Readings:

https://css-irl.info/to-grid-or-to-flex/ (opens in new window)

https://vgpena.github.io/using-css-grid-the-right-way/ (opens in new window)

https://css-tricks.com/quick-whats-the-difference-between-flexbox-and-grid/ (opens in new window)

4. The Rise of Vue.js with React and Angular Still At It

​

React still has a much larger share of the market, but Vue.js is still rise and certainly shows no sign of stopping. In fact, Vue has already overtaken its rival for certain metrics such as total GitHub stars.

Interesting Read:

https://2018.stateofjs.com/front-end-frameworks/overview/ (opens in new window)

5. CSS Variables

Where has this been and its progress. I've been waiting for this and have been using SASS and other processors to achieve this.

Interesting Reading:

https://codyhouse.co/blog/post/how-to-combine-sass-color-functions-and-css-variables (opens in new window)

https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties (opens in new window)