Add Scripts To Shortcode Only When Used

Since version 2.5 WordPress introduced a new way of developers to provide dynamic content for the content author of the website with the use of Shortcodes. What Is A Shortcode? A shortcode allows the user to run a PHP function at any point you want in the content. A default shortcode you get with WordPress is the gallery shortcode, to add a gallery to your website all you have to

Read more...

Animated Scroll By Speed Not Duration

Animated scrolling is a web trend that came from single page websites, when a visitor clicked on a link the site doesn't navigate to another page but a section within the current page. You can do this by using internal anchor tags which will navigate to an ID on the page. Without animated scrolling the page will jump to this section, which doesn't look great so the animated scroll become

Read more...

Headroom.js

Headroom is a Javascript plugin that allows you to hide the header until the user really needs it. Many people have websites with a fixed position header bar at the top of the page, this will stay at the top of the page all the time the user is on the site. This is a nice way to make sure that the header is easily accessible all the time the

Read more...

Introduce Your Plugin With WordPress Pointers

In version 3.3 WordPress released a new feature called pointers. These are little pop-up notification boxes which you can use to point to new information on your WordPress admin area. This is a great idea if you are a plugin or theme developer, you can make it so that when a user installs your new plugin you can use the pointers to show exactly how they are suppose to use

Read more...

Javascript Full Screen API

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

Read more...

Working With Cookies In Javascript

Cookies are variables of temporary data which is stored on the visitors computers. They are normally used for things like remember my username on a login form. This can be a useful way to store information about your returned visitors without them having to log in to store information on a database. It's worth noting that cookies should not be used to store secure information as they are just files

Read more...

Detect IPhone, IPad or IPod

With mobile devices becoming more and more popular there will be times when you need to do something different for users coming to your site from one of these mobile devices. If you want to change the design depending on the mobile device you will use media queries. But if you want to change functionality such as Javascript then you can use the below snippet to do something different for

Read more...

Create A Real E-Book With Turn.js

In today's tutorial we are going to see how we can create a "real" ebook by using the jQuery plugin turn.js. Using this jQuery plugin you can create a real looking turn of pages to create a magazine looking web page. View the demo to see what you can create with Turn.js. Demo What Is Turn.js Turn.js is a plugin for jQuery that adds a beautiful transition similar to real

Read more...

No More Powerpoint I Have Impress.js

In this tutorial you will learn how you don't need to use the old powerpoint presentation software now we have Impress.js. What Is Impress.JS Impress.js is a presentation framework which uses all the new features of CSS3 transforms and CSS transitions to create unique presentations.

Read more...

1 2 3