Understanding CSS Layout And The Block Formatting Context

Rachel Andrew explains what a Block Formatting Context is, why it works, and how can it help you understand how layout works in CSS. - https://goo.gl/h3JP7R

#css

Getting Started with Building PWAs using Vue

An introduction on how to build a book listing app with progressive web apps using Vue to build the UI. - https://goo.gl/oSoGms

#pwa #vue

Using OpenCV from Node to Recognize Objects in Images

The latest in a series of OpenCV + Node tutorials, this time leaning on Tensorflow and Caffe to recognize objects in photos. - https://goo.gl/HTeGeg

#nodejs #neuralNetwork

Creating Progressive Web Apps with Angular 5

Part two in a series on creating PWA’s with Angular. Part one here. - https://goo.gl/fe8sVF

#angular5 #pwa

Design Systems and CSS Grid

A look at the thorny issue of integrating modern CSS Grid layouts into an existing design system, (and how you’ll reap the benefits of leaner, more maintainable markup to boot). - https://goo.gl/MUAJwv

#design #css #grid

Modern Asynchronous CSS Loading

Scott Jehl shows how and why you should use rel=preload to load CSS asynchronously. - https://goo.gl/aD6VPc

#css

30 Seconds of Code: Useful, Bitesize JavaScript Snippets

A large curated collection of useful bits of JavaScript code you can understand in 30 seconds or less. - https://goo.gl/z3Rbz8

#javascript #snippets

Speed up Your Node App with Native Addons

What’s faster, C++ or JavaScript? - https://goo.gl/xQ7wu3

#nodejs #addon

PostHTML: An HTML/XML Transformation Tool Based on JS Plugins

Think PostCSS but for HTML and XML (which brings formats like SVG into play too). Check out the examples and plugins available. - https://goo.gl/e8tcdv

#tools #postHtml

The React and React Native Event System Explained

How exactly does React handle events? Here’s a look at what’s happening behind the scenes. - https://goo.gl/x4VV31

#react #event

Animating Border

Stephen Shaw gives an overview of different methods for animating the border property on hover. - https://goo.gl/Kp3Dmx

#css #animation

How To Implement Material Design Motion with React -https://goo.gl/aLZ6zT

#react

Design Ideas for Mobile Menus

Ideas to help inspire a mobile navigation strategy - https://goo.gl/aPFK1e

#mobile #design #menu

Popmotion: A Functional JavaScript Motion Library

Mix tweens, physics, & user inputs to create elegant Web-based interactions - all in 11KB. - https://goo.gl/n9nHAZ

#javascript #animations

Manageable Utility Systems with CSS Variables

Kasey Bonifacio shows the difference between Sass variables and CSS variables. - https://goo.gl/jx6ZTS

#css #sass

React is the Most Used Front-End Framework

Results from this year’s State of JavaScript survey show React is the dominant player, though Vue is the one most people want to learn next. - https://goo.gl/r8SkZK

#survey #frontEnd

Build a Secure To-Do App with Vue, ASP NET Core, and Okta

Building a simple app is a great way to stretch your legs and try a language or framework you haven’t used before. - https://goo.gl/AzC7zC

#vue #aspNet

Zigzag Image–Text Layouts Make Scanning Less Efficient

When you’re laying out your new grid based pages it’s good to know just how users consume content on the page, and what makes it easier/less effort. - https://goo.gl/Z3FrJr

#web

Hello Everyone.
I wanted to thank you for following FrontEnd Development in this year. The channel just recently grew past 1330 subscribers, and I’m immensely grateful for each and every one of you.
Have wonderful holidays in the circle of your loved ones and your family, and happy, successful & amazing new year!

Thank you.