Utilizing the power of :before and :after pseudo-elements.
A Pen by Jonatan Pettersson on CodePen.
<?php | |
/* | |
|-------------------------------------------------------------------------- | |
| Form Process | |
|-------------------------------------------------------------------------- | |
*/ | |
if(isset($_POST['submitted'])) { | |
if(trim($_POST['contactName']) === '') { | |
$nameError = 'Please enter your name.'; |
<h3>Pages</h3> | |
<ul><?php wp_list_pages("title_li=" ); ?></ul> | |
<h3>Feeds</h3> | |
<ul> | |
<li><a title="Full content" href="feed:<?php bloginfo('rss2_url'); ?>">Main RSS</a></li> | |
<li><a title="Comment Feed" href="feed:<?php bloginfo('comments_rss2_url'); ?>">Comment Feed</a></li> | |
</ul> | |
<h3>Categories</h3> | |
<ul><?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0&feed=RSS'); ?></ul> | |
<h3>All Blog Posts:</h3> |
<?php $args = array( | |
'numberposts' => -1, | |
'offset' => 0, | |
'orderby' => 'post_date', | |
'order' => 'DESC', | |
'post_type' => 'custom_post_type_here', | |
'post_status' => 'publish', | |
'meta_query' => array( | |
array( | |
'key' => 'custom_field_key_name', |
<?php | |
/* Place the file into WordPress root folder and open the file in your browser. */ | |
/* Settings */ | |
define( 'BLOG_TITLE', 'WordPress Dev' ); | |
define( 'USER_NAME', 'admin' ); | |
define( 'USER_EMAIL', 'foobar@example.com' ); | |
define( 'USER_PASSWORD', '123456' ); | |
define( 'WP_SITEURL', 'http://wp.dev' ); |
ol.chapters { | |
list-style: none; | |
margin-left: 0; | |
} | |
ol.chapters > li:before { | |
content: counter(chapter) ". "; | |
counter-increment: chapter; | |
font-weight: bold; | |
float: left; |
Utilizing the power of :before and :after pseudo-elements.
A Pen by Jonatan Pettersson on CodePen.
A spinner made with CSS3 animations/transformations.
A Pen by JustAnotherCoder on CodePen.
Tinkering away with some more jQuery. Still pretty new to me but I am finding it very fun and challenging so far. If there is something that could be better please feel free to share. Thanks.
Updated pen to include a selected state for the different sizing options.
// jQuery wrapper | |
var cacheQuery = function(query) { | |
this.cache = this.cache || {}; | |
if (!this.cache[query]) { | |
this.cache[query] = jQuery(query); | |
} | |
return this.cache[query]; | |
}; |