Website design is a constantly changing field. What’s popular one year might be completely dead the next. Technologies come and go (anyone remember Flash?), and the devices people use to access the web change.And so here at PageCrafter, we are extremely interested in anticipating upcoming trends, and even in trying to create them ourselves. Enter: the Knockout Background.What are Knockout … Read More
Making full-height intro sections is awesome. And it’s easy! Many of the demos of X Theme take advantage of full-height sections but they never really explain how. If you’ve searched their forums, you’ll find that they used Revolution Slider to do it, but honestly that’s not nearly as good of a solution as what we’re going to do! You’re probably … Read More
If you are a fan of beautiful animations and rare animals, you are going to love this one. In addition to being a super awesome website built with modern web standards, all of the animation work is also done entirely in CSS. Besides being very difficult and impressive, this also means that the animations themselves are able to be fully … Read More
Have you ever had an element in your responsive website design which needed some padding, but you couldn’t add it because it broke the design? There’s a solution to that problem. Normally, the element in question will just add padding to the outside of itself, often expanding well beyond the space it is supposed to take up. But there is … Read More
If you are like me, you frequently need to be able to easily add social media follow buttons directly to your WordPress theme. You could, of course, hard-code them, but you are still going to have to find the images and add all that markup to get it looking good. There is an easy way! With the Social Media Feather … Read More
So you are trying to use some CSS3 markup to make a border appear in transition when you hover over your link or other element. But it just shows up instantly! This is something I have run into many times, and for some reason no one on the whole internet gives a clear explanation for it. Until today! Why isn’t … Read More
A common problem when formatting your website with CSS is that the first line of text in a paragraph, header, or link is affected by margin or padding while the remaining lines are not. It may even appear as though the first line is indented in some cases while none of the others are. Solution for padding or margin only … Read More
If you want to remove the Admin Bar in WordPress using only CSS, there is a very easy way to do it. You can even make it responsive, so that it will display or be hidden depending on the size of the screen. Additionally, you won’t need to edit any of the core WordPress files, you will only need to … Read More
This particular project was requested by @sanjaypoyzer. He wanted to elaborate on our trick to maintain aspect ratio for an element with CSS. His goal was to have a div, WITH content, that would maintain its square shape while still being responsive. Easy enough to do if you want the square to respond relative to the width of the browser … Read More
At one time or another, you may have found yourself wanting to use sprites in your responsive website design. While at first this may seem like a very simple task, in reality it’s a little more difficult of a challenge. It can, however, be done. Here’s how! This trick is fully supported by all modern browsers other than IE 8 … Read More
