FRONT-END WEEKLY DIGEST (AUGUST 6 - AUGUST 12, 2018)

  • August 16, 2018
FRONT-END WEEKLY DIGEST (AUGUST 6 - AUGUST 12, 2018)

 

 

 

 

Element hiding techniques in CSS, custom site performance reports with the CrUX dashboard, 15 Angular performance tips & tricks, the “Perfect” CSS System, icon fonts vs SVGs, and more. Enjoy reading!

 

icon_v4_web

Web Development

• Icon Fonts vs SVGs – Which One Should You Use In 2018?
• Sara Soueidan: “SVG Filters: The Crash Course”
• Google AMP — A 70% drop in our conversion rate.
• How to make a beautiful, tiny npm package and publish it
• webhint: a hinting engine for the web

 

icon_v4_css

CSS

• Line-height Crop — a simple CSS formula to remove top space from your text
• Being Aware of Initial Values in Your CSS
• Switch font color for different backgrounds with CSS
• CSS Grid layout: multiply & conquer — or how to actually design using The Grid.
• Element Hiding Techniques in CSS
• Creating the “Perfect” CSS System
• Changes on CSS Grid Layout in percentages and indefinite height
• Don't write CSS configure it with tailwind

 

 

 

icon_javascript

JavaScript

• How to deal with dirty side effects in your pure functional JavaScript
• Fixing Variable Scope Issues with ECMAScript 6
• Sticky, Smooth, Active Nav
• A Practical Guide to Regular Expressions (RegEx) In JavaScript
• Divide and conquer! Lazy loading for your SPA 

  • Libs & Plugins:
    • Splitting - a JavaScript microlibrary with a collection of small plugins designed to split (section off) an element in a variety of ways, such as words, characters, child nodes, and more!
    • Pts - a typescript/javascript library for visualization and creative-coding.
    • lazyestload.js - load images only when they are in (and remain in) the viewport in only about 350 bytes of javascript.
    • SuperSlide.js - A flexible, smooth, GPU accelerated sliding menu for your next PWA.

Table of contents

    Do you have an awesome business idea? Let’s make it real!

    Join our newsletter!

    Get weekly updates of the top IT news delivered straight to your inbox

    OFFER OF THE MONTH

    Magento website development. Empower your online store!

    WhatsApp