Creating Easy Fluid Layouts with Flexbox

Easy

 

I see a lot of designers and developers jumping ship to frameworks and that is commendable because it makes life easier can sometimes be better than hand written code. For dinosaurs like myself I like to write code. Now CSS isn’t technically code so my horse is not that high. What I really mean is that when you talk about technology hands on experience is essential and that means the stuff out front as well. Even though frameworks are dominating developers and designers should be able to write code. It’s easy to just use Bootstrap, I do but I love using Flexbox as one of my layout tools. It makes me a less stressed out and less of a swear word sayer.

Read more

Creating a Contact Card with Bootstrap and Font Awesome

logo-fontawesome

 

The days of plugins are upon us. It is truly the best of times and the worst of times. That’s overly dramatic but here’s the crux of the matter; often times it seems easier to download and integrate a plugin for small things. Often times we like a one size fits all solution when we often overlook the tools already available to us. On my blog I use a custom made contact bar where I have some icons representing the various methods that I can be reached. I used a simple tools that are most likely already in your website.

Read more

Utilize Background Videos to Create Great Web Experiences.

climb

 

See Code on GitHub

Demo

The internet is an amazing place. There is a trend in creating websites that goes beyond the traditional brochure style landing page. One of my favorite devices in this context are utilizing background videos and audio to help sell your experience.

Read more

Creating Web Apps Using Yeoman

yo

As front end developers go we have many tools at our disposal. Among those tools, numerous as they may be, I have been learning one that sticks out. His name is Yeoman, and he is here to make our lives easier. Although he is here to help, he has some strict uses and can be opinionated at times. All that said he gives you the tools to create web applications, test them, and even deploy them with confidence.

Read more

A Quick and Easy Canvas Tutorial

Canvas

The HTML5 specification is made up of a lot of factors that contribute to it being one of the coolest out in the industry. The video element alone makes it one of the easiest to put together websites without too many considerations. Aprart from the video element the canvas element stands out as the Fonz of the lot. The coolest project I’ve seen so far is the project Full Screen Mario (Full Screen Mario), easily one of the coolest things Ive seen in a long time. The canvas element utilizes the 2D api, that I will explain in detail further down the post.

The following is a small tutorial introducing you to the canvas element. I am going to take you through some of the basics of the system and hopefully get you interested enough to look deeper into the specification (it’s literally enough to fill volumes).
Read more