Category: Downloads

Destin Premium WordPress Theme

Destin Premium WordPress Theme

destin_full

It’s been a while since I’ve updated bavotasan.com. I was distracted with raising my daughters, renovating my house and making a short film. In between all of that I still managed to support everyone who purchased one of my themes and somehow squeezed together a new theme called DESTIN.

It’s a darker theme built using Masonry and some new 3D hover effects. The final products is quite cool and I hope it will inspire people to create some awesome website.

Check out the demo or go to Themes by bavotasan.com to try out the basic version or buy the premium version.

The post Destin Premium WordPress Theme appeared first on bavotasan.com.

bbPress New Topics Plugin

bbPress New Topics Plugin

bbpress-new-topics

With the refresh of Themes by bavotasan.com I reinstated the bbPress support forum. Way back in the day, I used Vanilla forum and there was one feature they offered that I really miss: whenever a new topics was created or there was a unread reply, a ‘New’ label was added to easily identify those topics.

It took some time of digging into the bbPress code to figure out how to accomplish the same thing, but I managed to get it working. It’s a small plugin that does nothing more than what the description says:

Displays a “new” label on topics that are unread or have unread replies for all keymasters and moderators.

Try it out and let me know if you encounter any issues or if you find it helpful.

The post bbPress New Topics Plugin appeared first on bavotasan.com.

Responsive Video jQuery Plugin

For the longest time I had been using this responsive video script to resize all my videos on the fly. Recently it started giving me some issues since most sites like YouTube starting changing up how they embedded their videos. I decided to go back to square one to figure out a better approach.

After reading Chris Coyier’s Rundown of Handling Flexible Media the option I thought would work best included equal parts CSS and jQuery.

So I give to you my Responsive Video jQuery Plugin:

/**
 * jQuery.responsiveVideo
 * Version 1.1
 * Copyright (c) 2014 c.bavota - http://bavotasan.com
 * Dual licensed under MIT and GPL.
 * Date: 01/16/2014
 **/
( function($) {
	$.fn.responsiveVideo = function() {
		// Add CSS to head
		$( 'head' ).append( '' );

		// Gather all videos
		var $all_videos = $(this).find( '
				iframe[src*="player.vimeo.com"], 
				iframe[src*="youtube.com"], 
				iframe[src*="youtube-nocookie.com"],
				iframe[src*="dailymotion.com"],
				iframe[src*="kickstarter.com"][src*="video.html"],
				object, 
				embed' );

		// Cycle through each video and add wrapper div with appropriate aspect ratio if required
		$all_videos.not( 'object object' ).each( function() {
			var $video = $(this);

			if ( $video.parents( 'object' ).length )
				return;

			if ( ! $video.prop( 'id' ) )
				$video.attr( 'id', 'rvw' + Math.floor( Math.random() * 999999 ) );

			$video
				.wrap( '
' ) .removeAttr( 'height' ) .removeAttr( 'width' ); } ); }; } )(jQuery);

I put the whole thing up on BitBucket so you can go there to see some examples. Also feel free to contribute if you discovers ways to improve on the code.

The post Responsive Video jQuery Plugin appeared first on bavotasan.com.

Free iMac, iPhone and iPad Vectors

Free iMac, iPhone and iPad Vectors

responsive-vectors_big

When I was working on the redesign for my themes site, I wanted to show off the responsive aspect of my newer themes by using different devices to display how each theme would look using that device. Problem was, I couldn’t find any suitable vectors for the three devices I wanted to use: an iMac, iPhone and iPad.

I grabbed some images off of Apple.com and tried my best to create vectors for each one using Illustrator. They turned out pretty good so here they are for anyone else who might find a use for them.

The post Free iMac, iPhone and iPad Vectors appeared first on bavotasan.com.

Private Site Plugin for WordPress

Sometimes, you may have a site that you want to be viewed by only logged in users. Especially if it’s some type of internal tool used by a private company or group. I recently needed to this on a site I was using to test out some themes, so I thought I would share it in case someone out there needed something similar.

It’s not a very complicated plugin but it gets the job done.

Here’s the code:

is_login() ) {
			wp_redirect( admin_url() );
			exit;
		}
	}

	public function is_login() {
    	return in_array( $GLOBALS['pagenow'], array( 'wp-login.php', 'wp-register.php' ) );
    }
}
$bavotasan_private = new Bavotasan_Private;

You can download it through the link below.

The post Private Site Plugin for WordPress appeared first on bavotasan.com.

WideText jQuery Plugin

WideText jQuery Plugin

WideText jQuery Plugin 1

Working with fully responsive elements on a website is an absolute must since there are so many ways to access a site nowadays. You might be at home on your desktop, at school on your tablet or riding the bus while surfing on your smartphone. Each of those devices has a different maximum browser width so different settings are required to make your site look the best on each one. Gridiculous is a great place to start when it comes to building a responsive site, but since it only uses CSS, there is one component missing… the ability to have fully responsive text.

In order to get something like this working correctly, you need to use JavaScript, or even better, jQuery. WideText is a lightweight jQuery plugin that can resize your text according to the width of the browser window. The source code is up on Bitbucket and you can see it in action on the WideText example site I put together.

The post WideText jQuery Plugin appeared first on bavotasan.com.

Gridiculous for WordPress

Gridiculous for WordPress

I’ve been working on a WordPress theme for my Gridiculous boilerplate for quite a while and I’m finally finished. I submitted it to WordPress.org but it usually takes them a while to approve a theme and put it live so for now I’m going to post the download link below

Gridiculous for WordPress 2

Here are a few of the features:

  • Built for WordPress 3.4
  • Responsive Design
  • Fully Customizable
  • Color Options
  • Supports Multiple Post Formats
  • and More!

Gridiculous for WordPress is completely free so download it and test it out to your heart’s content and let me know what you think.

The post Gridiculous for WordPress appeared first on bavotasan.com.

Simple Textarea Word Counter jQuery Plugin

Simple Textarea Word Counter jQuery Plugin

Simple Textarea Word Counter jQuery Plugin 3I know there are a few textarea word counter jQuery plugins out there already, but I felt like building my own since I wasn’t a fan of the ones that are available. Nothing new here but I did my best at making it as simple to use and efficient as possible.

/**
 * jQuery.textareaCounter
 * Version 1.0
 * Copyright (c) 2011 c.bavota - http://bavotasan.com
 * Dual licensed under MIT and GPL.
 * Date: 10/20/2011
**/
(function($){
	$.fn.textareaCounter = function(options) {
		// setting the defaults
		// $("textarea").textareaCounter({ limit: 100 });
		var defaults = {
			limit: 100
		};	
		var options = $.extend(defaults, options);
 
		// and the plugin begins
		return this.each(function() {
			var obj, text, wordcount, limited;
			
			obj = $(this);
			obj.after('Max. '+options.limit+' words');

			obj.keyup(function() {
			    text = obj.val();
			    if(text === "") {
			    	wordcount = 0;
			    } else {
				    wordcount = $.trim(text).split(" ").length;
				}
			    if(wordcount > options.limit) {
			        $("#counter-text").html('0 words left');
					limited = $.trim(text).split(" ", options.limit);
					limited = limited.join(" ");
					$(this).val(limited);
			    } else {
			        $("#counter-text").html((options.limit - wordcount)+' words left');
			    } 
			});
		});
	};
})(jQuery);

Load that up and then you can use the following to make it work:

$("textarea").textareaCounter({ limit: 100 });

The default limits to 100 words but you can change that to whatever you like. Here is a simple HTML setup using the plugin:








	

	



That would give you a textarea box that looks like this:

The post Simple Textarea Word Counter jQuery Plugin appeared first on bavotasan.com.

Zombie with Film Camera for Head

Zombie with Film Camera for Head

I am working on a website for a horror film festival and created this image by splicing a few things together. Sadly, we won’t be using on the site but I thought it was cool enough that I should put it here so people can check it out. Feel free to download it and use it on your own project, just leave a comment so I can see what you do with it.

Zombie with Film Camera for Head 4

The post Zombie with Film Camera for Head appeared first on bavotasan.com.