Mr Frontend weekly sharing #54

Share to grow!

I want to continue with the topic of last Mr Frontend weekly sharing (Ask for feedback to grow), growing in your skillset. Growing is in every job very important so this short message if not only to the people that doing web development.

Sharing will help you grow, just like asking for feedback! In order to get feedback from someone else, you have to share something. It can be a cake you baked in your weekend, a chair you build from wood, a piece of code you developed for a project or a design you created for a cool app.

It is up to you how you would like to have feedback and how much feedback you want to have. If you want to have as much feedback as possible from the biggest group of people you need to go to the streets, but if it is something digital you need to put it online, where people can check it out by them self.

So this week message from me to you, share as much as you can, share it in early stages of development, share it with as much people as possible. Even feedback is not positive, learn from it, it will always teach you something, it will always help you grow!

This week I love to share with you a lot of resources about JavaScript, CSS, WordPress and a lot of other (frontend) stuff!, so if you have feedback for me or our community please put it in the comments, I will appreciate it! :-)

Other

• Create Offline Web Apps Using Service Workers & PouchDB
  Artem Tabalin teaches you to build offline web apps using Service Workers for client-side caching and PouchDB to store data locally and sync to a serv…
• Modern Web Development
  This is the script for a talk I gave at Google Dev Fest MN in 2015. It was meant to be a lighthearted history of web development and a……
• Icons8 Lunacy: How to Open Sketch Files Under Windows | NOUPE
  Lunacy is a Sketch file viewer made by pictogram factory Icons8. Lunacy runs smoothly while being completely free. There’s even a portable version….
• CodeTrace
  Your skills based on your code…

JavaScript

• JavaScript Weekly Issue 325: March 9, 2017
  Analysing The Use of Outdated JavaScript Libraries, eslint-plugin-compat: Lint the Browser Compatability of APIs Used, Three Ways of Understanding Pro…
• Learn to Build a Chat Application Using Node.Js |
  by Jake Lawrence on March 10, 2017…
• What Is the Best Book for Learning JavaScript?
  What is the best book for learning JavaScript? James Hibbard presents 3 of his favorites, outlining their target audiences & their strengths and weakn…

Frontend

• The Angular 2 vs React Contest Only Livens Up
  It’s difficult to choose between Angular and React, two of the best frontend JavaScript technologies. This comprehensive comparison will show you the …
• Mr Frontend weekly sharing #53
  Go and ask for feedback about your code, your project, your technique. Ask it on early stages in your project. Ask it from anyone from all kinds of le…

CSS

• Learn about CSS Architecture: Atomic CSS — SitePoint
  What exactly is Atomic CSS, and how do you use it? We give the lowdown through this exclusive excerpt from our book, CSS Master….
• Naming Conventions for Sizes in Scalable CSS
  In this article, I’ll be exploring how naming conventions can be used to represent sizes in scalable CSS. So, what do I mean by this? One aspect of sc…
• CSS Architecture Block-Element-Modifier (BEM) — SitePoint
  Learn how to use the Block-Element Modifier (BEM) in CSS. This an exclusive excerpt from our SitePoint book, titled CSS Master, written by Tiffany Bro…

Design

• Issue #255
  Learn how to get started with CSS Grid, how to implement critical CSS on your website, how could container queries revolutionize your design practices…
• Gutenberg — A Meaningful Web Typography Starter Kit
  Gutenberg is a work–in–progress project by Matej Latin that brings meaning and craftsmanship to web typography….
• Better Web Typography for a Better Web.
  Better Web Type is an easy-to-follow web typography email course for web designers and web developers….
• Weekly News for Designers (N.375) — Color Accessibility Tool, Documentation Generator, notie.js, Sketch Plugin
  This week’s Designer News (N.375) includes Color Accessibility Tools, Image Loading Tips, Advice on HTTPS, Best Practices for Split Screen Design and …
• Web Design & Development News: Collective #294 | Codrops
  Collective #294: Pull To Reload * Grid + Flexbox * Gutenberg * fman * rel=preload Analysis * Tent CSS * Hyperapp * Composing Software Series…

WordPress

• Adding Meta Boxes to Post Types in WordPress
  We’ve covered adding custom meta boxes to WordPress previously, now we’ll move on to explaining their relationship and integration with post types….

Originally published at Mr Frontend Blog.