Mr Frontend weekly link sharing #26

Mr Frontend weekly link sharing (Yes we changed the name a bit) of this week include nice links with JavaScript, Design, 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 🙂
Other
- Setup a Fully Client Side Blog in Minutes With CMS.js
Typically, when we set out to create a new blog, there’s a certain degree of complexity to be considered. What kind of database will you require? Will you need PHP, Node.js, mySQL? How will you… - How to use Firebase in a Chrome extension
Building a Chrome Extension typically feels very much like building any other web app: you’re using HTML, JavaScript and CSS. - IncludeWP
IncludeWP is a leaderboard of the top open-source frameworks for WordPress plugin & theme developers. Because code reusability is awesome. - Beginner’s Guide to Accelerated Mobile Pages (AMP)
Accelerated Mobile Pages is Google’s initiative that intends to solve the biggest problem of the mobile web — speed. The awesome user experiences we’re designing with great care, are painfully slow… - Unsplash | Free High Resolution Photos
Do-whatever-you-want high-resolution photos.
Javascript
- You SHOULD Learn Vanilla JavaScript Before JS Frameworks — Snipcart
Should you learn vanilla, pure JavaScript before hopping on the trendy JS frameworks bandwagon? Yes. Read this post to learn why. - The scope in JavaScript explained
A lot of developers are talking about “the scope”, but what is it? It is very important to know what it is! In this article, I’ve explained it very simple! - Find a Substring in a JavaScript Array
Last week a colleague asked me how to check if a substring exists in a JavaScript array and set that as a boolean flag. Assigning a boolean (or more accurately a value or 0) for the existence of a … - Breaking or continuing loop in functional programming
A common requirement of iteration is cancelation. Using for loops we can break to end iteration early. - Tonic is Node prototyping
Tonic notebooks are interactive javascript playgrounds connected to a complete node environment right in your browser. Every npm module pre-installed. - .map() vs .forEach() vs for()
Recently on Twitter I noticed Eric Elliott saying this: - Using Loops in Jasmine
Thoughts and musings on web development and other topics - ScreenshotMaker with Vue.js — First look at Vue.js (HTTP and simple component)
Currently everybody is focused on most trendy JS frameworks like Angular 2 and React. This giants are taking the most of Front End market. Ive heard a little - Add pageviews and news feed to static website with firebase | Mograblog
Now that you have a static website, lets add pageviews counter and dynamic news feed to it using firebase - epub-press-js
Javascript client for building books with EpubPress. - Waud — Web Audio Library
Web Audio Library with HTML5 audio fallback
Design
- Weekly News for Designers (N.346) — Bootstrap Templates, PHP Libraries, Beautiful Typography
This week’s Designer News (N.346) includes Bootstrap Templates, PHP Libraries, Beautiful Typography, Sketch Tips, Free UI Kits, and much more. - What’s new for designers, August 2016
In this month’s edition of what’s new for designers and developers, we’ve included productivity apps, email marketing apps, UI kits, CMSs, startup resourc - 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
Css
- Smooth as Butter: Achieving 60 FPS Animations with CSS3 — OutSystems Experts
Animating elements in your mobile applications is easy. - Issue #226
Learn how Shadow DOM and CSS Grid Layouts work, how to approach application styling, how to easily bring inaccessible components to the surface before they make it into production, and more.
Frontend
- 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.
React
- Why AngularJS/React is better than… Just stop !
I’m getting a bit tired of the “Why X framework is better than Y” trend. Same goes for “Why I think X framework is better than Y“ (which is…
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. - 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.
Originally published at Mr Frontend Blog.