Version 1.3.4

CHANGELOG.md

@@ -1,5 +1,14 @@
 ### [HTML5 Blank](http://html5blank.com) Changelog
 
+## 1.3.4 (22 March, 2013)
+* Update Conditionizr to version 2.2.0
+* Replaced <aside> id with a class for better CSS
+* Better naming conventions for search form, more class focused
+* Removed JavaScript onfocus/onblur events in search input
+* Replaced onfocus/onblur events with HTML5 placeholder for 'Search' (this is fine for non-supporting browsers as the search button indicates it's a search input)
+* Search <input> has been replaced to a <button> for more flexibility, allows HTML content
+* Removed font-smoothing from Opera and Mozilla as no longer supported
+
 ## 1.3.3 (03 March, 2013)
 
 * Hook up Conditionizr to theme Directory using WordPress theme URI hooks

functions.php

@@ -101,7 +101,7 @@ function html5blank_scripts()
         wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', array(), '1.9.0'); // Google CDN jQuery
         wp_enqueue_script('jquery'); // Enqueue it!
 
-        wp_register_script('conditionizr', 'http://cdnjs.cloudflare.com/ajax/libs/conditionizr.js/2.1.1/conditionizr.js', array(), '2.1.1'); // Conditionizr
+        wp_register_script('conditionizr', 'http://cdnjs.cloudflare.com/ajax/libs/conditionizr.js/2.2.0/conditionizr.js', array(), '2.2.0'); // Conditionizr
         wp_enqueue_script('conditionizr'); // Enqueue it!
 
         wp_register_script('modernizr', get_template_directory_uri() . '/js/modernizr.min.js', array('jquery'), '2.6.2'); // Modernizr

searchform.php

@@ -1,7 +1,6 @@
-<!-- Searchform -->
-<form method="get" class="search" action="<?php echo home_url(); ?>" >
-	<input id="s" type="text" name="s" onfocus="if(this.value==''){this.value=''};" 
-	onblur="if(this.value==''){this.value=''};" value="">
-	<input class="searchsubmit" type="submit" value="<?php _e( 'Search', 'html5blank' ); ?>">
+<!-- Search -->
+<form class="search" method="get" action="<?php echo home_url(); ?>">
+	<input class="search-input" type="text" placeholder="To search, type and hit enter.">
+	<button class="search-submit" type="submit"><?php _e( 'Search', 'html5blank' ); ?></button>
 </form>
-<!-- /Searchform -->
+<!-- /Search -->

sidebar.php

@@ -1,5 +1,5 @@
 <!-- Sidebar -->
-<aside id="sidebar">
+<aside class="sidebar">
 
 	<?php get_template_part('searchform'); ?>
 

style.css

@@ -2,7 +2,7 @@
 	Theme Name: HTML5 Blank
 	Theme URI: http://html5blank.com
 	Description: HTML5 Blank WordPress Theme
-	Version: 1.3.3
+	Version: 1.3.4
 	Author: Todd Motto (@toddmotto)
 	Author URI: http://www.toddmotto.com
 	Tags: Blank, HTML5, CSS3
@@ -12,7 +12,7 @@
 */
 
 /*------------------------------------*\
-    $MAIN
+    MAIN
 \*------------------------------------*/
 
 *,
@@ -22,8 +22,6 @@
 	-webkit-box-sizing:border-box;
 	-moz-box-sizing:border-box;
 	-webkit-font-smoothing:antialiased;
-	-moz-font-smoothing:antialiased;
-	-o-font-smoothing:antialiased;
 	font-smoothing:antialiased;
 	text-rendering:optimizeLegibility;
 }
@@ -59,7 +57,7 @@ input:focus {
 }
 
 /*------------------------------------*\
-    $STRUCTURE
+    STRUCTURE
 \*------------------------------------*/
 
 .wrapper {
@@ -70,19 +68,19 @@ input:focus {
 }
 
 /*------------------------------------*\
-    $PAGES
+    PAGES
 \*------------------------------------*/
 
 
 
 /*------------------------------------*\
-    $IMAGES
+    IMAGES
 \*------------------------------------*/
 
 
 
 /*------------------------------------*\
-	$TYPOGRAPHY
+	TYPOGRAPHY
 \*------------------------------------*/
 
 @font-face {
@@ -97,34 +95,34 @@ input:focus {
 }
 
 /*------------------------------------*\
-    $RESPONSIVE
+    RESPONSIVE
 \*------------------------------------*/
 
-@media only screen and (min-width: 320px) {
+@media only screen and (min-width:320px) {
 
 }
-@media only screen and (min-width: 480px) {
+@media only screen and (min-width:480px) {
 
 }
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width:768px) {
 
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width:1024px) {
 
 }
-@media only screen and (min-width: 1140px) {
+@media only screen and (min-width:1140px) {
 
 }
-@media only screen and (min-width: 1280px) {
+@media only screen and (min-width:1280px) {
 
 }
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
-	   only screen and (min-resolution: 144dpi) {
+@media only screen and (-webkit-min-device-pixel-ratio:1.5),
+	   only screen and (min-resolution:144dpi) {
 
 }
 
 /*------------------------------------*\
-    $MISC
+    MISC
 \*------------------------------------*/
 
 ::selection {
@@ -144,7 +142,7 @@ input:focus {
 }
 
 /*------------------------------------*\
-    $WORDPRESS CORE
+    WORDPRESS CORE
 \*------------------------------------*/
 
 .alignnone {
@@ -222,7 +220,7 @@ a img.aligncenter {
 }
 
 /*------------------------------------*\
-    $PRINT
+    PRINT
 \*------------------------------------*/
 
 @media print {

template-demo.php

@@ -1,6 +1,4 @@
-<?php /* Template Name: Demo Page Template */ ?>
-
-<?php get_header(); ?>
+<?php /* Template Name: Demo Page Template */ get_header(); ?>
 
 	<!-- Section -->
 	<section>