Browse Snippets

Small highly-focused lessons that will teach you best-practices and code patterns in web applications.

There are currently 11 code snippet lessons available on CodeDiode.io

How to Upload Files to Firebase Storage using Angular 4

Snippet

In today's lesson, I will show you how to use Angular 4 to easily upload files to Firebase Storage. Dealing with file uplo...

JavaScript Angular

Create AMP Accelerated Mobile Pages with Rails

Snippet

Have you noticed the Accelerated Mobile Pages AMP symbol showing up with results in your mobile Google searches yet? ...

Ruby on Rails Google AMP

Highly Efficient CSS Animations with Sass/SCSS 3.2

Snippet

I was recently involved in a project that required extensive legacy browser support for CSS animations and SVG graphics. W...

CSS Sass Animation

A Guide to Building Meteor Apps for Rails Developers

Snippet

For the last 5 years, the majority of my consulting work has involved Ruby on Rails projects, paired with a variety of fro...

Ruby on Rails Meteor JavaScript

Default Avatars with Username Initials

Snippet

Many apps are moving away from static image default user avatars and instead building more personalized images using the i...

Ruby on Rails Bootstrap CSS

Design a Responsive Side Menu for Bootstrap 4

Snippet

One of the most annoying limitations of Bootstrap is its mobile navbar. It would be nice if a responsive off-canvas mobile...

jQuery Bootstrap CSS