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

FRONT-END WEEKLY DIGEST ( August 7 — August 13, 2017)

New digest, new digest! We know you’ve been waiting for it since Monday and here it is. In this issue: list of Progressive Web App features Apple will support, the Bootstrap 4 beta launch, the best way to implement a “Wrapper” in CSS, Javascript for people who hate JavaScript, and more. Sounds interesting, doesn’t it?

Web Development

  • Proposal to Republish Previous Versions of HTML and XHTML as Obsolete Recommendations
  • .NET and WebAssembly – Is this the future of the front-end?
  • SEO:
    • Google: SEOs Help JavaScript Coders
    • JavaScript and SEO: The Difference Between Crawling and Indexing
    • Progressive Web App — Search Engine Optimization in Shuvayatra App
  • PWA:
    • What Progressive Web App features will Apple support?
    • Best Mobile Components for Progressive Web Apps in VueJs
    • React Progressive Web Apps — Part 1
  • Tools:
    • It’s official as can be — the Bootstrap 4 beta is finally here. Upgrade Bootstrap 4 Alpha 6 to Beta
    • JPNG.svg – Transparent PNG with JPEG Compression
    • Totally Tooling Tips: Webpack Tips
  • Accessibility:
    • Accessible SVG tables
    • Building Accessible Single Page Apps
  • Animation:
    • Performant Web Animations and Interactions: Achieving 60 FPS
    • Transitions with JavaScript: Collection of little Chrome-only Pen animating by Ana Tudor (CSS vars with a bit of JS)
    • Morphing Page Transition
    • Frame by Frame Animation Tutorial with CSS and JavaScript

CSS

  • CSS Hex Colors Demystified
  • Font-size: An Unexpectedly Complex CSS Property
  • Shadow DOM: fast and encapsulated styles
  • Web fonts: when you need them, when you don’t
  • CSS Inheritance: An Introduction
  • The Best Way to Implement a “Wrapper” in CSS
  • Flex Grow & Flex Basis: CSS Responsive Page Layouts
  • CSS Utility Classes and “Separation of Concerns”
  • CSS Grid Layout:
    • The Difference Between Explicit and Implicit Grids
    • chrome-css-grid-highlighter – Css Grid Highlighter for Chrome
    • Browser Compatibility for CSS Grid Layouts with Simple Sass Mixins
    • Changes to the Grid Spec and taking on Multi-Column layout
    • More CSS Charts, with Grid & Custom Properties

JavaScript

  • ES Modules in Node Today!
  • JavaScript for People Who Hate JavaScript
  • Machine Learning in Javascript
  • JavaScript Design Patterns: The Observer Pattern
  • How to keep updated with the JavaScript ecosystem?
  • How does JavaScript actually work: Part 1
  • Practice:
    • Lazy loading images using Intersection Observer
    • Binary Search in JavaScript. A practical Example
    • Improving Conversations using the Perspective API
    • How we built our first full-stack JavaScript web app in three weeks. A simple step-by-step guide to go from idea to deployed app
    • Binary Search in JavaScript. A practical Example
    • How To Build A Github Search UI in 60 Minutes
    • Closing Iterables is a Leaky Abstraction
  • VueJS:
    • React + Webpack: confusion, frustration and how Vue.js can help
    • Yandex Maps Component for VueJS
  • React:
    • Why React is better than Vue.js. And when.
    • Fetching API Data with React.JS
    • Using Create React App with Relay Modern
    • react-beautiful-dnd – Beautiful, accessible drag and drop for lists with React.js
    • Server-Render like a Pro /w Redux-First Router in 10 steps
  • Angular:
    • How Angular Protects Us From XSS Attacks?
    • MEAN Stack: Developing an app with Angular 2+ and the Angular CLI
    • Avoiding common confusions with modules in Angular
  • Libs & Plugins:
    • js-meter – it is an tool of measuring performance of time, CPU, RAM and heap of javascript code
    • react-simple-maps — SVG maps with d3-geo and topojson
    • posterus — сomposable async primitives (futures) with true cancelation, control over scheduling, and coroutines
    • nanoid — a tiny, secure URL-friendly unique string ID generator for JavaScript
    • DisplayJS — a simple JavaScript framework for building ambitious UIs

Browsers

  • Firefox 55: first desktop browser to support WebVR
  • Firefox Is Better, For You. WebVR and new speedy features launching today in Firefox
  • Firefox 55 for developers
  • Exportable bookmarks, smoother videos and design improvements in Opera 47
  • Release Notes for Safari Technology Preview Release 37


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 ( August 7 — August 13, 2017)

×

Subscribe to Web Design And Development Blog | Zfort Group

Get updates delivered right to your inbox!

Thank you for your subscription

×