How To Use WordPress Thickbox To Create A Gallery

WordPress comes with an inbuilt Javascript library which allows you to easily show pop-up dialog boxes on your WordPress site. This Javascript library is called Thickbox, which is a lightweight library used to create dialog widgets built on top of the jQuery library. The Thickbox library can be used to display an image, multiple images, inline content, iframed content and even content from an iframe. Thickbox Using the Thickbox library

Read more...

Using IF Statements In Sass

In previous tutorials we were investigating some of the features and benefits you get with using Sass to generate your CSS files. If you haven't tried Sass then I advise you look into using it in your next project, to get information on what's involved with Sass view my article on Getting Started with Sass. We also learnt that you can use loops just like in other programming languages to

Read more...

Convert Image To Data URI With PHP

One of the easiest ways to speed up your page loading times is to reduce the amount of HTTP requests that your website makes, each time your webpage needs to fetch an external resource such as a CSS stylesheet, a Javascript files or images it will make a HTTP request to the server. The server will then return this resource back to your web page and use this on the

Read more...

Dynamically Create Classes With SASS

There are many advantages to using CSS pre-processors like SASS, some of the features allow you to end up writing less CSS code by using inheritance and functions in SASS to reuse the same code on your different CSS classes and IDs. To learn more about getting started with SASS you can refer to a previous articles. Getting started with SASS One of my favourite features of SASS is the

Read more...

Free Files For July 2014

Each month the Envato marketplace brings you free premium files. Envato is a web marketplace where you can get premium files for different areas of your website. My favourite marketplaces are the script marketplace CodeCanyon and the theme marketplace ThemeForest. Here are the files which you can get for free in July 2014. Simple QR Codes - WordPress Shortcode 9 purchases at the price of $10. Simple QR Codes is

Read more...

Speech Bubble SASS Mixin

The following code will allow you easily create speech bubble banners in CSS using SASS mixins. Since pseudo-classes such as :before or :after was introduced into CSS we have been able to do so much more using just CSS. For example with CSS we can now create a number of different shapes as you can see in this tutorial. How To Create Shapes In CSS From this tutorial we can

Read more...

Display Content For Registered Only Users In WordPress

The registered users of your website are the most valuable visitors you can get on your website, these people are loyal visitors and you should reward them for that. One of the best ways of rewarding your registered users is with new premium content, which can be reserved just for the visitors who are logged in. The following code snippet will allow you to place content which is only available

Read more...

Sort Multi-Dimensional Array By Value In PHP

The following code snippet will help to sort multi-dimensional arrays by a value of one of the elements. If you look at the code below we have an array populated with 3 other arrays, each of them has an ID element, a title element and an order element. At the moment these are simply in order of how they were added to the array but because there is an order

Read more...

Checking Media Queries With Javascript

With the web being used on so many different devices now it's very important that you can change your design to fit on different screen sizes. The best way of changing your display depending on screen size is to use media queries to find out the size viewport of the screen and allowing you to change the design depending on what screen size is on. You will mainly make these

Read more...

Load Scripts Dynamically With jQuery

A common tactic to help speed up your website is to use a technique called lazy loading which means that instead of loading everything your page needs at the start it will only load resources as and when it needs them. For example you can lazy load images so you can start the page off only with the images you need to view the page correctly, then other images that

Read more...

1 2 3 4 5 6 7 8 9 65