[ 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 ]
Screen cast Series: JavaScript Templating with Handlebars
This month sees 3 screencast tuts on Handlebars at SitePoint! With Javascript becoming more popular and a rising number of frameworks, libraries and dev tools available for JS developers, I’ve put across 3 screen-casts on Handlebars. Of which 2 are mini projects Templating is pretty useful: if you’re going to be working with large amounts of JSON data (example accessing data from a public API
[ Read More ]
Code a full width header video AirBnB style: Troubleshooting
Earlier during the year I did a screencast on coding a full width video header like AirBnB. Original post HERE I’ve collected all the questions and responses from youtube comments so far for the screencast and compiled them here There are a few common issues that people had: Browser Support Question 1: The video doesn’t play on safari and IE is that normal? Firefox and
[ Read More ]