WP: Adding a HTML5 Search Form

A simple script from your local Gainesville Web Designer.

[code scroll="false" language="htmml"]
<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
	<label>
		<span class="screen-reader-text"><?php echo _x( 'Search for:', 'label' ) ?></span>
		<input type="search" class="search-field" placeholder="<?php echo esc_attr_x( 'Search …', 'placeholder' ) ?>" value="<?php echo get_search_query() ?>" name="s" title="<?php echo esc_attr_x( 'Search for:', 'label' ) ?>" />
	</label>
	<input type="submit" class="search-submit" value="<?php echo esc_attr_x( 'Search', 'submit button' ) ?>" />
</form>
[/code]
More Web Design Blog Content

Preloading Images with Jquery

There are times when preloading images is an important step in keeping your site/page/program running smoothly. This is especially true in the era of mobile. Here’s a cute little snippet that does just that. function preload(yourarrayOfImages) { $(yourarrayOfImages).each(function(){ $(‘<img/>’)[0].src = this; }); } preload([ ‘img/image1.jpg’, ‘img/image2.jpg’, ‘img/image3.jpg’ ]);

CSS3

Lots of new fun with CSS3. CSS makes styling web pages a snap. Now CSS3, the third “version”,  allows for incredibly robust styling possible. For instance, background gradients are a breeze when before developers had to create them as images or use CSS ‘hacks’ to accomplish those goals.

SEO is No Big Secret

Really, SEO is not some big secret. Some companies try to pretend it is but you don’t have to be an expert to manage your own SEO. What do you think search engines like Google want? Well, they want what their users’ want. That’s how they get business,

Learning how to code?

We get questions all the time about how we started doing all this. Where did we learn to code? How on earth does any of that make sense? Some people are interested in learning for themselves. It’s easy to get started, especially in this day and age. Back

WordPress Email Issues

Every now and again we run into issues with WordPress where the email functionality has stopped working. This is usually the result of corrupted core files and/or plugin conflicts. Easy enough to fix: disable plugins or upload a fresh copy of the software and you’re good to go.