Each month the Envato marketplace brings you free premium standard files.
Envato is a web marketplace where you can get premium files for different areas of your website. My favourite marketplaces is the script marketplace CodeCanyon and the theme marketplace ThemeForest.
Here are the files which you can get for free for November 2012.
WordPress 3D Banner Rotator with Statistics
84 purchases at the price of $15.
Welcome to our brand new WordPress banner plugin. Beautiful 3D banner rotator plugin with Statistics will showcase your commercial banners in an impressive and creative manner. It has been made out of our successfull Flash version. A lot of cool features will help you adjust the banner to your web page. If you think usual banners are a bit boring and would like a dynamic way of displaying them then this is the plugin for you.
We have also prepared an extensive statistics panel with graphs. You can see how much impressions and clicks each image within each banner has and what CTR rate is. There are three different graph views. See how they look in attached screenshoots.
3D rotations are specialty of our WordPress banner. You can set how much banner rotates along x, y and z axis. Please note that you set exact value for each of them (1 – full circle) so that gives you endless possibilites. You can set a simple flip, newspaper, 2 dimensional and 3 dimensional rotations. Please preview some more of them in our Flash version of a 3D banner rotator.
Images in previews are not available for download and are only used in previews.
Get It Free
When it comes to designing a website it's really handy to use a grid system to help. Using a grid system allows you to easily space out and line up different content on the page. A grid system makes it really easy for your visitors to follow the flow of content.
For the developer they are great, you don't need to work out any maths when changing the layout of the page. If you want to increase the width of the whole page you can do it in one place and everything else increases inside it.
There are loads of already created CSS grid frameworks out there that already do all the maths for you. Some even give you a form to customise how large you want each grid, how large you want the margin and it will create the entire CSS grid for you.
CSS Grid Frameworks
Here is a list of some good CSS grid frameworks. Take your pick try one out.
Every website now has social network share buttons on their site, if you don't have them then you really should do. They're a great way to give your visitors easy access to share your content with their friends and followers.
The thing with social network share buttons is that they all look the same on every website, you can take this two ways. It's either a good thing because people will recognise them and understand how to use them or it's a bad thing because now your website looks the same as every other website on the internet.
In this tutorial we are going to create a share button which uses CSS animation to display the links to share the current page on Facebook, Twitter, Google Plus and Pinterest.
First we are going to start off creating the HTML which will display some text such as Share This Page. Then when we hover over this text we want to use CSS animation to display the share buttons.
View the demo to see what we are going to create.
There are many additional features that come with HTML5 such as the HTML5 attribute placeholder and required.
The hidden attribute can be used on any element it hides the element which has this attribute.
It's the same as doing,
Normally telephone numbers are adding to web pages as just static text of digits which doesn't offer any interaction to your visitors. With more and more people using the internet on their mobile it's time to change your telephone numbers to clickable areas to call the number directly from your mobile phone.
On your phone if you want to call a number of a web page you would have to copy and paste the number into your phone to dial it.
With this new features you can make telephone numbers links to dial just like you can with emails.
To allow your visitors to directly email you from a web page you place a link on the page and use the mailto: in the href.
<a href="mailto:firstname.lastname@example.org">Example Email</a>
The full screen API is an easy way to get the full web content to be displayed on the page. It's very similar to pressing F11 on your keyboard but this can be done at the developers choice. This is a great feature to use for things on slideshows, you can make the browser go into full screen on a click of an image.
The best thing about this feature is that it doesn't have to be the entire page, you can make any HTML element go full screen. This mean instead of always making the entire page go full screen, just assign the full screen API to an image and on the click of the image you can just focus on the image in full screen.
Full Screen API Support
Unfortunately not all browsers support this feature so you need to make sure that your visitors browser supports this feature before you try to use it.
If the browser they are using supports this then you can use it, if the browser doesn't support this feature then you can make sure you do something else instead of using full screen.
According to the website Can I Use the full screen API is currently supported on Firefox, Chrome/Safari and Opera.
Can I Use Full Screen
- Chrome 15+
- Firefox 10+
- Safari 5.1+
- Opera 12.50+
The default text editor in WordPress is TinyMce, with this you get lots of additional features. It allows your content authors to change anything they want with the content they are creating.
There are two views with TinyMce the visual editor and the HTML editor, when you change things in the visual editor it will automatically updated the HTML editor.
You will find most content authors who don't know much HTML will just stick with visual editor screen. This screen gives you lots of flexibility to change the content, but there are additional buttons that you can import into the TinyMce visual editor.
In WordPress there are 2 filters you can use to get at these buttons to delete existing functionality or enable new functionality.
- mce_buttons_2 - Second row of buttons
- mce_buttons_3 - Third row of buttons
TinyMce Second Row Buttons
There are some buttons on the second row which are turned off by default this is the subscript button and the superscript button, if you want to turn these on use the following code snippet.
In a previous article you would of learnt how to add default third party applications on your WordPress site.
Here is a list of all the default scripts you can load from WordPress.
One of the useful scripts in this list is the jQuery UI features. In this tutorial you will learn how to add a field in WordPress which uses this jQuery UI to create a field which is a date picker.
Add Input In Admin Screen
When adding fields in the WordPress admin area you would use the function add_settings_field() to add fields to the page. The callback of this will run a function that creates the code to output the field.
To create a datepicker make sure this callback function echo's an input field like below.
In a previous tutorial you would of learnt how you can create your own theme options page using the Settings API. You might of also seen the tutorial about default WordPress scripts which come with the WordPress core.
In this tutorial we are going to use both of these tutorials to create a colour picker on your theme options page using the default WordPress scripts.
When you create a field on your theme options page you use the function add_settings_field(), one of the parameters of this function is to name a callback function which displays the field on the page.
The below code will add a colour picker to your theme option page.
A common error you can come across in WordPress is a PHP memory limit error. This happens when WordPress doesn't have enough memory to achieve what you want. It can be caused by poorly written plugins that will continue to run a procedure until the installation runs out of memory.
Since version 2.5 there is a wp-config.php option WP_MEMORY_LIMIT which allows you to configure the maximum amount of memory that can be used by PHP.
When you change this option in the wp-config.php it will only affect your WordPress site and not any other PHP sites.
The default memory allocated to WordPress is 32MB, if the value in the php.ini is more than the allocated WordPress amount WordPress will use this value. For example if WordPress has allocated 32MB of memory and php.ini is configured to 64MB then WordPress will use 64MB.
To change the WordPress memory limit you just add the following into the wp-config.php.