Category: Web Stuff


Alien Quest CSS Animation Test

Alien Quest is a website I worked up with CSS & Javascript animations in order to learn how to use them in web development. It is a simple test in movement. The quest starts at the bottom of the page and scrolls up as you click on specific triggers throughout the quest. Start with the launch button and move on with the continue button. The same techniques could be used to make a browser game, to tell a story using moving characters, or to simply show a user how to navigate a website. Scrolling could be done up or down,...


Mike’s Pick: Free WordPress Themes Jan 2014

I am going to try out something for the new year, a monthly list of cool looking free WordPress themes. This is the first one for January 2014 MiniMagazine MiniMagazine Blog is free responsive Magazine WordPress theme, perfect for a personal blog. Find MiniMagazine Here Elucidate Elucidate: A simple, clean theme with an emphasis on typography and white space. Elucidate is a fully responsive, mobile first theme based on Underscores. Find Elucidate Here Journal Box Journal Box is a flexible and fashionable theme for blog. It features two color options, allowing you to easily change it to a different style....


Kickstarter: Constraints a Practice Challenge for Web Developers

Constraints is a deck of cards to improve the way you tackle web design problems. If you are involved in creating websites as a designer, coder, producer, content strategist, creative director or conference hound – you need Constraints. Each card asks you to do something, to consider something, or to avoid something. Sometimes it’s very direct, sometimes it’s more ambiguous. In all cases the objective is to shift your perspective on your problem. Shifting your perspective is often all that is required to see the better solution. All of the cards are aimed squarely at challenging the way you work,...

A Fix For WordPress Photo Captions On Responsive Themes 1

A Fix For WordPress Photo Captions On Responsive Themes

My current WordPress Theme is Responsive and most images work correctly with the CSS, but I was having an issue with photos with captions breaking the responsive designs. I tried a few CSS fixes and didn’t see any change in how the images were being handled on my iPhone. I came across this function code which works for me. It helps to resize the captioned photos in WordPress when using responsive themes. add_filter( ‘img_caption_shortcode’, ‘dap_responsive_img_caption_filter’, 10, 3 ); function dap_responsive_img_caption_filter( $val, $attr, $content = null ) { extract(shortcode_atts( array( ‘id’ => ”, ‘align’ => ”, ‘width’ => ”, ‘caption’...


Required+ Foundation Full Search Results

Want Full Search Results in a Required+Foundation child theme? Here is how to do it. This is for Required+ Foundation version 1.0.10 Find and remove or comment out the lines marked remove below in Content.php: Original file with comments saying what to remove: <?php /** * The default template for displaying content single/search/archive * * @package required+ Foundation * @since required+ Foundation 0.3.0 */ ?> <!– START: content.php –> <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <header class="entry-header"> <?php if ( is_single() ) : ?> <h1 class="entry-title"><?php the_title(); ?></h1> <?php else : ?> <?php the_post_thumbnail(); ?> <h1 class="entry-title"> <a href="<?php...


Blokk Font

Tired of Lorem Ipsumming everything? Try out block font as a placeholder. This would be great for first stage mockups before you get into specific typefaces for your site.