Channel your inner Sindre Sohrus and ship a beautifully simple CLI app using Node. Command line apps are a neat way to package repetitive tasks. This will walk you through some tools that are useful to build CLI apps…. Source: https://codewithhugo.com/how-to-make-beautiful-simple-cli-apps-with-node/
A new publishing experience for WordPress is in the works: get ready to make your words, pictures, and layout look as good on screen as they do in your imagination, without any code…. Source: https://wordpress.org/gutenberg/
A really common use case for needing JavaScript on a site is capturing user input from a form, so let’s start there. We won’t actually incorporate the full form yet in the interest of simplicity and clarity, but we’ll work up to it by the end…. Source: https://www.smashingmagazine.com/2018/02/jquery-vue-javascript/
One of the most powerful and convenient CSS Grid features is that, in addition to explicit column sizing, we have the option to repeat-to-fill columns in a Grid, and then auto-place items in them…. Source: https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/
… Source: https://sdras.github.io/array-explorer/
When an application grows in size, its state often grows in complexity. As developers, we’re not only tasked with juggling data from multiple remote servers, but also with handling local data resulting from UI interactions…. Source: https://dev-blog.apollodata.com/the-future-of-state-management-dd410864cae2
There are an awful lot of posts explaining how to use React’s event handling system, but not many that explain how it works. I have been working on React Native lately, and my struggles with event handling acted as a reminder of how important it was to understand precisely what’s going on…. Source: https://levelup.gitconnected.com/how-exactly-does-react-handles-events-71e8b5e359f2
Become a CSS Layout expert in 2017! I hope you like these tutorials. If this is a style of learning you enjoy then check out my CSS Layout Workshop. Learn layout from the basics through to new and advanced features including flexbox, Grid, CSS Shapes and more…. Source: http://gridbyexample.com/video/series-define-a-grid/
For the past month, we’ve ranked nearly 700 Vue articles to pick the Top 10 stories that can help advance your career (1.3% chance). Mybridge AI ranks articles based on the quality of content measured by our machine and a variety of human factors including engagement and popularity…. Source: https://medium.mybridge.co/vue-js-top-10-articles-for-the-past-month-v-nov-2017-67b4fa73b32e
When first learning how to use Grid Layout, you might begin by addressing positions on the grid by their line number…. Source: https://www.smashingmagazine.com/2017/10/naming-things-css-grid-layout/