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

FRONT-END WEEKLY DIGEST (JUNE 25 – JULY 1, 2018)

Improving page load performance, making your web apps mobile-friendly, drawing images with CSS gradients, prototyping apps with CSS Grid and CSS Variables, building AR/VR with Javascript and HTML, and more. Keep on reading!

Web Development

• YGLF 2018 Kyiv, 25 videos
• How WebAssembly is Accelerating the Future of Web Development
• How To Make Your Web Apps Mobile-Friendly
• Web Caching Explained by Buying Milk at the Supermarket
• lepto – Automated image Editing, Optimization and Analysis via CLI and a web interface
• Foundation 6.5.0 (RC 1) is out now and comes with a lot of bug fixes and various improvements

  • Performance:
    • Improving Page Load Performance: Pingdom, YSlow and GTmetrix
    • An Overview of the RAIL Performance Model
  • Accessibility:
    • Accessibility inspector in Firefox Developer Tools
    • Designing for accessibility is not that hard
  • Animations:
    • CodePen Challenge: Menu
    • Triple Panel Reveal Slideshow
    • Rabbit Ear is a creative coding javascript library for designing origami
    • tenori-off.glitch.me – a music sequencer in JavaScript by Monica Dinculescu. It even uses Machine Learning to try to match drums to a synth melody you create!

CSS

• How I Dropped 250 KB of Dead CSS Weight with PurgeCSS
• Drawing Images with CSS Gradients
• Pixels vs. Ems: Users DO Change Font Size
• How and Why We Unit Test Our Sass
• Where is CSS4? When is it coming out?
• How to quickly prototype apps with CSS Grid and CSS Variables
• What is the CSS ‘ch’ Unit?
• The simpleton’s guide to CSS Grid

JavaScript

• A Practical Introduction to ES2017 Async-Await
• Building AR/VR with Javascript and HTML
• JavaScript Usage by Industry
• New Book: Full-stack JavaScript Web Development — From A to Z
• Learn these core JavaScript concepts in just a few minutes
• ES6 Cool stuffs — A big fat Arrow

  • VueJS:
    • Vue + TypeScript: A Match Made in Your Code Editor
    • Dynamic Component Templates with Vue.js
  • React:
    • Create a Static Website Blog with Gatsby, CosmicJS, and React
    • How to use Error Boundaries in React 16
    • Bringing Together React, D3, And Their Ecosystem
    • New Features and Fixes We Got with the Latest React Releases
  • Angular:
    • 5 Best Courses to learn Angular Framework in 2018
    • Architectures for Huge Angular Based Enterprise
    • Angular — tips and tricks
  • Libs & Plugins:
    • gio.js – 3D Globe Info Graphic Declarative Javascript Library Build on Three.js
    • face-api.js — JavaScript API for Face Recognition in the Browser with tensorflow.js
    • docz — It has never been so easy to document your things!

Browsers

• Firefox 61 for developers
• Firefox 61 – Quantum of Solstice
• Opera 54 introduces news articles on Speed Dial and a simplified browser restoration page
• Brave Introduces Beta of Private Tabs with Tor for Enhanced Privacy while Browsing
• Mozilla bakes ‘Have I Been Pwned’ into Firefox’s new privacy tool
• Improved JavaScript and WebAssembly performance in EdgeHTML 17



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 (JUNE 25 – JULY 1, 2018)

×

Subscribe to Web Design And Development Blog | Zfort Group

Get updates delivered right to your inbox!

Thank you for your subscription

×