Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

FRONT-END WEEKLY DIGEST ( APRIL 16 – APRIL 22, 2018)

FED-digest-april-2018

Replace animated GIFs with video, swipe views with Css Snap Points, create Smooth Sequential Animations with Sass, design very large JavaScript applications, add loading indicators to your Vue.js application, and more. Keep on reading!

icon_v4_web

Web Development

• When to ignore ‘mobile-first’
• Choosing a Responsive Email Framework: MJML vs. Foundation for Emails
• Replace Animated GIFs with Video
• Creating a Panning Effect for SVG
• packagephobia — find the cost of adding a new dev dependency to your project
• New in Chrome 66

  • Performance:
    • Mission Critical: optimizing CSS for CDN 
    •  in webpack 
    • JavaScript Performance Optimization Tips: An Overview
  • Animation:
    • Hello from inside the Matrix.
    • Solar System Explorer in CSS
    • Science Slider

icon_v4_css

CSS

• A Look at CSS Viewport Units
• CSS Variables Guide
• Hey hey `font-display`
• Best Practices With CSS Grid Layout
• Why is not using the CSS cascade a problem?
• Swipe Views with CSS Snap Points: Building a More Efficient Mobile Web Navigation
• 1 HTML Element + 5 CSS Properties = Magic!
• Creating smooth sequential animations with Sass

icon_javascript

JavaScript

• What You Can Expect From Node.js 10
• Designing very large (JavaScript) applications
• How components won the “framework wars”. React vs Angular vs Vue: Why it doesn’t matter.
• Point of Vue: Angular is doomed, React is OK — We deserve better

  • Tutorials:
    • ESLint Quickstart – find errors automatically
    • A Simple Guide to ES6 Iterators in JavaScript with Examples
    • JavaScript Decorators: What They Are and When to Use Them
    • 10 Lodash Features You Can Replace with ES6
  • VueJS:
    • Add Loading Indicators to Your Vue.js Application
    • Build an Amazon-Like Product Preview App using Vue.js
    • Creating Your Own Vue.js Router
  • React:
    • React Lazy Images – Components and utilities for lazy image loading in React. 
    • What are Higher-Order Components in React?
    • Single-Page React Applications With the React-Router and React-Transition-Group Modules
  • Angular:
    • Angular – All Talks from ng-conf 2018
    • Angular 6 Universal starter kit based on @angular/cli featuring Server-Side Rendering (SSR) and HMR on browser/server sides
    • Intro to Routing in Angular 5
  • Libs & Plugins:
    • PicoJs — pico.js: face detection in JavaScript
    • Slugify — Slugify a string
    • Input mask for React, Angular, Ember, Vue, & plain JavaScript


This post first appeared on Web Design And Development Blog | Zfort Group, please read the originial post: here

Share the post

FRONT-END WEEKLY DIGEST ( APRIL 16 – APRIL 22, 2018)

×

Subscribe to Web Design And Development Blog | Zfort Group

Get updates delivered right to your inbox!

Thank you for your subscription

×