Teaching Newbies since 2014

kauress

You are here: Home / Home

Stuff to learn & do in 2018

This comes a month late for 2018 but just in time for 2019!  Straight off the bat here is my list for stuff I’ll be diving into this year: Learn: vue.js: More stars than react.js on github and much easier to pick up VR:  A-Frame which  according to their website is “A web framework for building virtual reality experiences”. I’m waiting to see if Magic

[ Read More ]

Let’s JavaScript! 2nd project PROMO code

The 2nd project of the Let’s Javascript is out.  This project is about coding a To-Do List using arrays.  The project is about 1:30 hours  long .  Like the previous project, the HTML & CSS is   provided, so you’ll be coding in functions to make it a working To-Do- List. Get 5% Off HERE   The functionality of the to do list includes: 1. Add up

[ Read More ]

Let’s JavaScript! Beginner’s projects in JavaScript

I’ve released a new course on Udemy  titled “Let’s JavaScript!”.  This is a beginner’s course in JavaScript focusing on how to code by actually coding. Alot of work and planning  has gone into planning the course. Though I enjoyed doing it at every step! As most of my  course are project based ( Git at http://bit.ly/1hGJ2Ds , Handlebars at  http://bit.ly/2lNu0Sa0. This is no different. The

[ Read More ]

Parallax scrolling with skrollr.js – part 1

[sociallocker id=”3578″]  Part 2 with the code repo Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. No jQuery. Just plain JavaScript (and some love). The skrollr.js library lets you add scrolling animations (of which parallax is one)  to your webpage (Android and IOS included) by targeting HTML elements via data attributes.  No JavaScript or Jquery is needed. For example you can make

[ Read More ]

Twitter Bootstrap Simple Hover Buttons

Buttons for a Kickstarter Twitter Bootstrap Theme. [codepen_embed height=”395″ theme_id=”21518″ slug_hash=”GoExzy” default_tab=”result” user=”Kauress”]See the Pen <a href=’http://codepen.io/Kauress/pen/GoExzy/’>Twitter Bootstrap Buttons</a> by Kauress (<a href=’http://codepen.io/Kauress’>@Kauress</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]

[ Read More ]

Twitter Bootstrap Ghost Social Media Buttons

I was bored so I coded a few ghost buttons. Nothing fancy, just ghost buttons with a hover on effect that has a border property set to none. So when you hover over the button, the border disappears . They’re responsive and no special media queries need to be set for these since they use Twitter Bootstrap’s  btn class.  These also  use  Font Awesome Icons 

[ Read More ]

CSS only toggle button

CSS only toggle button. Modified from the original, which is here   [codepen_embed height=”466″ theme_id=”21518″ slug_hash=”YwpVRY” default_tab=”result” user=”Kauress”]See the Pen <a href=’http://codepen.io/Kauress/pen/YwpVRY/’>CSS Toggle Button </a> by Kauress (<a href=’http://codepen.io/Kauress’>@Kauress</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]  

[ Read More ]

JS templating: What are template engines?

I’ve been working on a project-type Handlebars Book And Screencast Tuts. Which has pretty much eaten up most of my month. Here is a short excerpt from a chapter on Templating Engines: Template engines are widely used in web frameworks for example the Rails framework has a templating system called erb. Express is a node.js framework which uses a templating system called handlebars. Microsoft has

[ Read More ]