All Articles
  • 

    Destructuring in JavaScript

    Destructuring is breaking down arrays and objects so the individual elements are easier to use in your code.

    read more…

  • 

    Basic Canvas with JavaScript

    Canvas can be very useful once you know how to use it. Here I'll go over the starting aspect of canvas.

    read more…

  • 

    Floating Form Labels

    Labels on forms are needed but they take up a lot of room. Let's look at using placeholders as labels.

    read more…

  • 

    CSS Selectors

    There is a large amount of CSS Selectors available. I'll go over a some of them

    read more…

  • 

    Template Literals (Template strings)

    ES6 brought us Multiline Strings and String Templates. These are part of the Template Literals.

    read more…

  • 

    JavaScript data type Set

    A crash course in the JavaScript's data type called Set.

    read more…

  • 

    Media Queries

    Media Queries make for responsive web sites.

    read more…

  • 

    React Basic App

    React hello world app. The basic structure of a React App.

    read more…

  • 

    AngularJS Basic App

    AngularJS is still used by many projects. This is walk through of a simple Hello World App.

    read more…

  • 

    Milligram CSS

    A minimalist CSS framework => We all know that Bootstrap is a buzz term that even non developers will had heard. But sometimes, Bootstrap has too much included. Sometimes all you need is some stand...

    read more…

  • 

    Google Fonts

    As a web developer, we all understand that the one constant is that every user will get a different experience from our web sites. As hard as we try to give everyone the same site, the difference i...

    read more…

  • 

    Ionic Weather App

    This Weather app is a simple single page app that uses information from an API at Weather Underground.

    read more…

  • 

    Ionic Templates

    Out of the box Ionic comes with many templates. Use the command ```ionic start --list``` to see a current list. Currently there are 11 templates available. Four templates are for Ionic 1. The other...

    read more…

  • 

    Starting an Ionic Project

    Ionic projects can be started either using the CLI (command line interface) or using Visual Studio 2015 or newer. For the purposes of this explanation I'm going to focus on the CLI.

    read more…

  • 

    Starting Ionic Framework

    I've recently started to learn the Ionic Framework. At it's core, Ionic allows for creation of mobile apps from a single project code base. But the apps will reflect the native look and feel of the...

    read more…

  • 

    Google API Multiple Locations

    Google Maps API is very useful for mapping and locating sites, assets and sites. Google offers many tiers of service. Visit the [Google Maps API](https://developers.google.com/maps/) page to get yo...

    read more…

  • 

    FrontEndMasters - Webpack Workshop

    On Monday, 8/8/16, I was able to attend a workshop at Front End Masters. As always, Front End Master does a great job in bringing an expert in to explain a seemingly complex developement tool; Webp...

    read more…

  • 

    FrontEndMaster

    I haven't even loaded this blog up to my site yet, but here I am putting in my first entry. This will be mostly as a test. I'm still trying to figure Jekyll out. As I go along I will be posting wha...

    read more…

  • 

    Twin City Code Camp 18

    The developer community is about sharing. Sharing knowledge and sharing friendship. Giving a helping hand to other developers. Whether those others are beginners or are super advanced. Events are h...

    read more…

  • 

    Microsoft Band

    The Band is Microsoft's newest entry into the wearable devices. And boy did they go in big! The Band is a fitness tracker and smartwatch. Microsoft has released apps to connect to the Band are avai...

    read more…

  • 

    Twin City Code Camp 17

    On October 4, 2014, the Twins City Code Camp happened at the University of Minnesota. This was the 17th Code Camp in the Twin Cities. So what is a Code Camp? It's a meet up for the community, run b...

    read more…

  • 

    Using Ajax to get the weather

    Using Ajax to grab data from an on-line source is very common. This is because if only a small portion of the page needs to be updated, an single Ajax call can mean a better experience to the user ...

    read more…

  • 

    Installing Laravel/homestead

    Laravel is a PHP framework that can be used to easily add basic functions and features to a web site. This will take the work of 'web site plumbing' off your shoulders and let you focus on the cont...

    read more…

  • 

    Using SASS using Jekyll

    Sass, simply put, is a CSS extension language. CSS describes the way a page looks. CSS rules define colors, sizes, shapes, locations and can describe the way changes take place.

    read more…

  • 

    HTML 5 Input Types

    HTML 5 adds a new set of input types. With these new types browsers are becoming smarter about being able to handle data types without extra code and overhead.

    read more…

  • 

    Files needed for Jekyll

    Jekyll uses standard files to accomplish the amazing things it can do. Where Jekyll really shines is how it extends the static site, by using YAML, Markdown, and Liquid to extend a plain static sit...

    read more…

  • 

    Folder Structure for Jekyll

    Folders are used by Jekyll to organize files to make creating a web site easy. Once the the site is set up, the folders help with making it a snap to update the site.

    read more…

  • 

    Creating a Work area for Jekyll

    Jekyll helps you create static websites from templates and content. That's what this blog is created using. Here is the step through on how I put together the work area for my blog.

    read more…

  • 

    My Blog

    I haven't even loaded this blog up to my site yet, but here I am putting in my first entry. This will be mostly as a test. I'm still trying to figure Jekyll out. As I go along I will be posting wha...

    read more…