Junior Frontend Development weekly link sharing #25

This Frontend Development weekly link sharing have nice links with JavaScript, Design, ES6, HTML, CSS and a lot of other things to check out.
This list based on the sharing of the whole community and what we shared on our social media channels this week! We hope you like it!
If you have things you missed in the list, please add them in the comments 🙂
ES6
- A Quick Tour Of ES6 (the bits you’ll actually use)
ES6 is the future, but the future can be a little overwhelming. So, I’ve put together a list of the bits you’ll *actually* use, with a helpful cheatsheet. - ES6 VAR, LET and CONST explained! — Raymon Schouwenaar
ES6 (ES2015) is one of the buzzwords in JavaScript nowadays. There are a lot of new features in it. Let’s watch the var, let and const! What is a VAR? VAR can be used for anything everywhere The var…
Design
- Web Design & Development News: Collective #237 | Codrops
Collective #237: Scrollanim * Olympic Bodies * gping.io * Little Browser * Typr.js * Fantasy Map Generator * Return true to win - While I Was Redesigning a Boarding Pass, Paper Got Old | Icons8
“Only 30% of passengers travel with a traditional ATB type boarding pass and the number is going down every month.” — Tony Capiau, Business Systems Solutions & - Web Design & Development News: Collective #235 | Codrops
Collective #235: CSS Function Syntaxes * Amium * Turi * Pricing Pages * Baffle.js * Agantty * The Headless Web * Arbitrary Awards - Design Better Data Tables — Mission Log
Poor tables. Where did they go wrong?
Html
- HTML5 Weekly Issue 252: August 10, 2016
Building Themes with CSS4 Color Features, EdgeHTML 14 Rolling Out with the Windows 10 Anniversary Update, Flash and Chrome: Chrome to Block Flash from Chrome 53, Building Your HTML5 Project? Host… - How to create Audio-Visualizations with JavaScript & HTML
I recently got inspired by a beautiful youtube audio visualization and thought “Hey, why not create my own set of audio visualizations?”. In this article I’ll explain what I did in order to build it.…
Css
- Web Development Reading List #149: CSS Dynamic Colors, Refactoring CSS, And CSP Hashing — Smashing Magazine
Even though we think everything happens in real-time nowadays, we need patience. While technology has been capable of real-time for long now, the “bottleneck” are human beings. Whether it’s a pull… - Full Width Containers in Limited Width Parents | CSS-Tricks
I bookmarked a tweet a few months ago, as it was a bonafide CSS trick and that’s what we love around here. The issue is: how do we make a full-browser-widt - Scaling CSS Components with BEM, REMs, & EMs
How a little BEM and cleverness can make extensive use of EMs worth doing, and how it can up your game.
Javascript
- JavaScript Functional Testing with Nightwatch.js
Hugo Giraudel introduces JavaScript functional testing and demonstrates how it can ensure that an application works as expected from a user’s perspective. - How to Use Map, Filter, & Reduce in JavaScript
Functional programming has been making quite a splash in the development world these days. And for good reason: Functional techniques can help you write more declara - JavaScript Array Methods — Part 1 — Mutator Methods
Working Files — https://github.com/ireade/array-methods/tree/master/mutator // MOAR LINKS www.bitsofco.de www.ireaderinokun.com twitter.com/ireaderinokun - JavaScript Promises 101
A JavaScript Promise represents the result of an operation that hasn’t been completed yet, but will at some undetermined point in the future. An example of such an operation is a network request.… - JavaScript Weekly Issue 295: August 4, 2016
lightgallery.js: A Full-Featured, Responsive Lightbox Gallery, A Comprehensive Look at jQuery Selectors, JavaScript and Functional Programming, Are you Formidable?, Custom Form Controls in Angular 2:…
Svg
- How to use CSS and SVG clipping and masking techniques
SVGs are great for working on the web, and clipping and masking techniques can help you make some stunning designs. Here’s how to get started.
Other
- The 2016 Web Development Workflow — Google I/O 2016
Matt Gaunt and Sam Saccone on The 2016 Web Development Workflow In this session, we will take a retrospective look at old workflow tools, future web tooling … - Building Your First App With Vue.js
In this tutorial we’ll create a lightweight app with the help of the amazing Vue.js framework. You’ll learn about Vue components, custom filters, and the vue-resource plugin. - Is this my interface or yours?
A piece about perspective - Music Visualization with D3.js | Big Nerd Ranch
Garry Smith shows you how to stream audio data to the browser and dynamically update a bar chart with D3.js. - Service worker meeting notes
On July 28th-29th we met up in the Mozilla offices in Toronto to discuss the core service worker spec. here are the headlines… - [WIP] Landing Animation for BBAE
Landing animation for https://a.bbae.com...
Frontend
- How to build a URL Shortener with NodeJS and Hapi (with frontend)
Learn how to build a URL shortener web app from scratch using Node.js and MongoDB with Hapi.js as the API frameowrk. Includes frontend.
Originally published at Mr Frontend Blog.