The 5 Biggest Design problems with Simple Websites.

read more

Local Business Structured Data Markup Schema

So this is a short one blog for itemscope and property types but let’s use the Schema.org to improve the web by creating a structured data markup schema supported by major search engines. Mic drop. http://schema.org/LocalBusiness <div itemscope itemtype=”http://schema.org/LocalBusiness”> <div itemprop=”name”>Seattle Fucking Rocks!</div> <div>Email: <span itemprop=”email”><a href=’mailto:info@website.com’>info@website.com</a></span></div> <div>Phone: <span itemprop=”telephone”><a href=”tel:1(206) 913-8665″></a>(206) 913-8665</a></span></div> <div itemprop=”paymentAccepted” style=”display: […]

read more

Adding Custom Fonts to WordPress or any Website.

A majority developers that are asked to try custom fonts for WOFF and TTF for testing purposes might say “Nope, Nope, Nope, Nah, No, never, nay, NO!” I’m using Google fonts and stick it in the header. I know what you mean. That’s exactly what I would do if it’s not worth it. Why even bother […]

read more

Simple Vanilla HTML5/CSS3 Navigation with a Submenu

So I was looking around at new ways to make your navigation look better and there are tons of awesome links for people use with different techniques from excellent web masters with CSS3 animation and JQuery effects.  I think it’s awesome that we take the next step to make our websites more 3 dimensional but […]

read more

Perfect slideshow, WRONG photo.

I deal with this on a daily basis. Most images are good to go but you will run to the issue of trying to crop that photo to fit on a particular slide show. Here’s some common slideshow issues that I deal with. Example 1. The Small Format This slideshow is pretty standard, looks clean, […]

read more

Best Less Compiler for Windows

So I was on a last minute project I needed to compile my less files. I know Google was going to give you the best option so I chose the first one. It was ok, it was some less compiler for all operating systems and then I tried it, it worked pretty. I tried it […]

read more

Media Queries and Responsive design with CSS

CSS Media Queries was a pain with all the old mobile phones when I started doing responsive websites but thanks to css-tricks, these guys are badass when it comes to getting it right.  Of course everybody has a different way of doing it because they like to organize external CSS style sheets, emphasize better performance. […]

read more

Change the colors and font style or size of an HTML Website

So this is a continuation of learning how to build a basic website that might but boring but at least you get to understand the process. So there is the lazy way to do it and the technical way. I’ll start with the lazy way! yup ain’t nobody got time for this. So I usually […]

read more

CSS3 Transition All animation effect

So I tend to use this one a lot for desktops because I like it when the hover state changes.   div#magicbar { background-color:blue; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } div#magicbar:hover { opacity:0.7; background-color:green; border:10px solid black; } so keep  […]

read more

HTML5 Event Handler Content Attributes

So I’m pretty sure there are millions of people online who are experts in HTML5, I do not consider myself and will never label myself as an expert. But I just love learning and experminent with code, HTML, CSS3, Javascript on good days, and love getting coffee at Stumptown Coffee in Capitol Hill. My English […]

read more