design

WordPress Portfolio Theme

July 20, 2015 2:23 am Published by Leave your thoughts

By breaking up the skeleton of underscores I was able to craft this portfolio theme for WordPress Main features Navigation menu is generated from categories and displays a category view Cool sliding effect on the menu using a combination of transition and padding As you scroll down the site title and description disappear along with the navigation menu They reappear when you start scrolling up Custom header gets added to Artwork and Music categories by manipulating directly CSS style with jQuery Footer has three distinct columns Picture links in gallery and footer icons have a tint overlay effect on hover... View Article

Goodbye GreyRound, welcome Messages From Outer Space

June 15, 2015 5:56 pm Published by Leave your thoughts

GreyRound was the first WordPress theme that I built from scratch. It took me a while, but I was finally able to publish it on the official WordPress theme directory which meant a lot to me considering it was my first theme. At the time of writing this post, the theme has already been downloaded more than 3,000 times. I’m not sure if it’s good or not, because I haven’t compared it to other themes, but for me the number feels pretty big. A quick Google search also shows that people are indeed using GreyRound for their websites and it... View Article

Fluid and responsive website layouts become vital for your survival on the internet with the latest Google search update

April 22, 2015 10:54 am Published by Leave your thoughts

What is a fluid layout? A fluid layout is a website layout where all the containers remain proportional relative to the screen width. In other words if you were to make the screen smaller, the fluid layout will adjust itself automatically to fit your screen without breaking the containers or moving them under each other etc. A fluid layout is easily achieved most of the time by replacing all fixed widths with percentages. Replace this: .container {width: 1024px;} With this: .container {width: 100%;} What is a responsive layout? A responsive layout uses media queries and is a little bit more... View Article