Junior Frontend Development weekly link sharing #4

This week Frontend Development weekly link sharing we have again a lot of worthy links for you to check out and to learn from. We have links with Frontend Development, JavaScript, Sass, CSS, Tools and Design resources.

This list based upon the sharing of the whole community this week! We hope you like it!

Slack

  1. Making voice calls in Slack
    In the Mr Frontend Community we activated voice calls. So everyone is able to make voice calls with eachtother 🙂

Tools

  1. Slides.com
    Slides is a place for creating, presenting and sharing presentations. The Slides editor is available right in your browser. Unlike traditional presentation software, like PowerPoint, there's no need to download anything.
  2. 7 Reasons NOT to Use a Static Site Generator
    Popular static site generators include Jekyll, Pelican, Hugo and Metalsmith — see StaticGen for many more options. SSGs appear to offer the benefits of both CMS and static worlds, but they will not be suitable for every project …

Frontend Development

  1. How to grow fast as a Frontend Developer
    So many Frontend Developers grow fast! Sometimes you can have the feeling that your growing really slow. Today I would like to give you some advice from my personal experience, that will help you grow faster as Frontend Developer.
  2. Why is front end development so hard?

Design

  1. Introducing Adobe Experience Design CC (Preview)
    On behalf of the Project Comet team, I’m thrilled to let you know that Project Comet has become Adobe Experience Design CC (Preview), or Adobe XD as we refer to it. We’re making our first preview release for Mac OS available today, with a Windows version coming later this year. Everyone can use Adobe XD for free during the preview period – you can download it from Adobe.com or through the Creative Cloud desktop app.
  2. Why and How to Avoid Hamburger Menus
    We now have data that suggests Sidebar menus—sometimes called Hamburger Menus/Basements—might be causing more harm than good.
  3. UI Interactions of the week #16
  4. How To Integrate Motion Design In The UX Workflow
    As UX professionals, we play a key role in raising the bar for customer experiences. A simple attention to detail is often what signals to the customer that we’re thinking about them. In the digital space, we focus on user interactions within applications devices and processes.

JavaScript

  1. ES6 Modules, Mastering Chrome Developer Tools, and more
    Welcome to the first modern web online conference! You can enjoy modern web conference monthly in person in the Bay Area and Raleigh as well as online. This month, we’ll be featuring Kent C. Dodds and Jon Kuperman on ES6 Modules and Chrome Developer Tools.
  2. What is the best way to learn JavaScript?
    Books, internet, blogs, videos, trial and error, etc.
  3. Modern Javascript Tools and the Stories Behind Them
    So what you are about to read was never supposed to exist at all. I basically accidentally wrote it (and I swear I didn’t intend this article to be this way), but originally I wanted it to be a listicle. You know: “The 25 Most Awkward Cat Sleeping Positions”, “the 10 best easter eggs by google”, “10 things I hate about you”, et cetera.
  4. 4 JavaScript Design Patterns You Should Know
    Every developer strives to write maintainable, readable, and reusable code. Code structuring becomes more important as applications become larger. Design patterns prove crucial to solving this challenge – providing an organization structure for common issues in a particular circumstance.
  5. jQuery coding standards & best practices
    These are some of the common standards and best practices for writing better code with jQuery . These standards do not cover JavaScript standards or best practices. If you have any questions, suggestions or improvements, please drop a word on my blog post . Browse the jQuery Cheatsheet for API reference.
  6. JavaScript Questions Episode #1
    You have questions? We have answers. Tweet your JS questions to @JS_Cheerleader with the hashtag #jsquestions for a chance to have your question answered on the show.
  7. Nodal (API Service Made Easy with NodeJS)
    Nodal is a web server for Node.js, optimized for building API services quickly and efficiently. Boasting its own opinionated, explicit, idiomatic and highly-extensible framework, Nodal takes care of all of the hard decisions for you and your team. This allows you to focus on creating an effective product in a short timespan while minimizing technical debt.

CSS

  1. Really Simple, Organized, Media Queries with Sass
    Breakpoint makes writing media queries in Sass super simple.
  2. Flexbox: space-between, Flexbox’s Unsung Hero
    The more I use flexbox, the more one rule comes up over and over again: justify-content: space-between. In this post, I’ll demonstrate how I approach a layout problem with flexbox and how useful the space-between pattern is for tackling tricky layouts very efficiently.
  3. A Visual Guide to CSS3 Flexbox Properties
    The Flexbox Layout officially called CSS Flexible Box Layout Module is new layout module in CSS3 made to improve the items align, directions and order in the container even when they are with dynamic or even unknown size. The prime characteristic of the flex container is the ability to modify the width or height of its children to fill the available space in the best possible way on different screen sizes.

Other

  1. Professor wins $700k for solving 300-year-old math equation
    It was a problem that had baffled mathematicians for centuries — until British professor Andrew Wiles set his mind to it. “There are no whole number solutions to the equation xn + yn = zn when n is greater than 2.

 

Check out our archive of Junior Frontend Development weekly link sharing posts.

Subscribe to our free Weekly Blog newletter

Subscribe to our free Weekly Blog newletter at  blog.mrfrontend.nl/subscribe-free-weekly-blog-newsletter/

Author Raymon S

Lead Frontend Developer ♥ CSS & Sass / Founder of Mr Frontend Community / Coach & Mentor- #HTML #Sass #BEM #JavaScript #AngularJS #responsive #CoderDojo #NodeJS

More posts by Raymon S
%d bloggers like this: