Teaching Newbies since 2014

kauress

  • Home
  • Javascript ❤
    • JavaScript
    • Node.js
  • WebDev Tuts
  • screencasts
  • Resources
  • VR & AR
  • Contact
  • Github
  • Twitter
  • YouTube
  • RSS
  • C++
You are here: Home / Archives for Web Dev

January 12, 2016 by: Kauress

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 ]

December 30, 2015 by: Kauress

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 ]

December 29, 2015 by: Kauress

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 ]

November 8, 2015 by: Kauress

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 ]

June 15, 2015 by: Kauress

meteor chat app mychatty

A beginner meteor.js chat app. The code isn’t up on on github as yet. Have a look at mychatty, as a plus meteor lets you host your webapps free

[ Read More ]

April 3, 2015 by: Kauress

Simple beginners git workflow

This is a tiny workflow for those just starting out with git.  It combines  pushing a local folder to github initially and then pushing changes made to code files (example index.html)

[ Read More ]

March 17, 2015 by: Kauress

Transparent Non Bootstrappy – Twitter – Bootstrap Navbar

I did some breaking and re-making of twitter bootstrap’s navbar. I love how convenient everything in twitter bootstrap is with all the pre-defined classes etc but it does take some time to customize bootstrap components and make them a little less bootstrappy…. [codepen_embed height=”568″ theme_id=”21518″ slug_hash=”WrxqVE” default_tab=”result” user=”Kauress”]See the Pen <a href=’http://codepen.io/Kauress/pen/WrxqVE/’>Transparent Twitter Bootstrap NavBar</a> by Kauress (<a href=’http://codepen.io/Kauress’>@Kauress</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed] Here’s the HTML

[ Read More ]

December 25, 2014 by: Kauress

Code a full width header video AirBnB style

I recently did a tutorial on  coding a full width header video like on airbnb. I love how they’ve used a video in their header, it really does alot for their page and branding.  The project itself isn’t hard to do, all you really need to know is how to use the video tag fromt HTML5 and incorporate it into twitter bootstrap’s  framework

[ Read More ]

December 5, 2014 by: Kauress

5 cool & useful HTML5 tags

<contentditable = “true”> lets the reader edit content within the div <video>  directly embeds a video on a page, no plugins, iframes etc <small>   presents small text, great for styling <header> & <footer> pretty self explanatory

[ Read More ]

November 27, 2014 by: Kauress

Barbie codes

The internet recently fixed Matel’s  Barbie “I can be a computer engineer” book.  Check out more cartoons from  The Verge  ,someone also deployed a Heroku app  for people to make their own!  

[ Read More ]
  • « Previous Page
  • 1
  • …
  • 3
  • 4
  • 5
  • 6
  • Next Page »

Copyright © 2021 ·Kauress