TUTORIALS PAGE

Complete case study: WordPress Multisite Network Installation for a Real (Estate) Website

Before start working with WPMU (WordPress MultiSite)

I have done this for a Real Estate website, but it applies to any niche out there. / documentation
Install as usual

If you would like to install WP in a directory, do it before anything else. Install WP and make sure that all permalinks works fine. Copy (not move)
index.php on site root and change:

/** Loads the WordPress Environment and Template */
require( dirname( __FILE__ ) . '/wp-blog-header.php' );
// change to
require( dirname( __FILE__ ) . '/wp-multisite-network-files/wp-blog-header.php' );

/** Loads the WordPress Environment and Template */

require( dirname( __FILE__ ) . '/wp-blog-header.php' );

// change to

require( dirname( __FILE__ ) . '/wp-multisite-network-files/wp-blog-header.php' );

Continue reading “Complete case study: WordPress Multisite Network Installation for a Real (Estate) Website”

The easy way to clear floats. Clearfix div using simple CSS3

This easy clearing method uses a clever CSS pseudo selector (:after) to clear floats. Rather than setting the overflow on the parent, you apply an additional class like “clearfix” to it. Then apply this CSS:

.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}

.clearfix:after {

content: ".";

visibility: hidden;

display: block;

height: 0;

clear: both;

}

This will apply a small bit of content, hidden from view, after the parent element which clears the float. This isn’t quite the whole story, as additional code needs to be used to accommodate for older browsers.

Read It Later goes free and change name to Pocket

Who said that all good stuff are always paid. Here is a sample of quality free stuff…

Use Your Existing Read It Later Account with Pocket: If you’re a Read It Later Pro user, you’ll get Pocket with our latest app update. (Read It Later Free users, you will need to download the new Pocket app separately.) Continue reading “Read It Later goes free and change name to Pocket”

Cool CSS animation effects using transitions, rotations and postioning

This is not a tutorial about CSS transition effect and does no pretend to show the functionality of this CSS property. But anyway, if few words the css transition effect provide a way to control the speed of animation changes to CSS properties.

For example, if you change the color of an element from white to black, normally the change is instantaneous. With CSS transitions enabled, the change occurs over an interval of time you can specify, following an acceleration curve you can customize.
Continue reading “Cool CSS animation effects using transitions, rotations and postioning”

Pure CSS3 and HTML web form design

This a CSS3 based web form design. It was used only CSS and HTML to rich the result. Thanks to advanced CSS properties, such as gradients and shadows, it’s now quite easy to turn a basic web form into something beautiful.

Continue reading “Pure CSS3 and HTML web form design”

Prefetching images and links with HTML5

Among other great features, HTML5 web introduces prefetching, the art of loading pages before the user requested them. In this article, I’m going to discuss this new technique as well as showing you some ready to use examples to drastically improve your website loading time. Continue reading “Prefetching images and links with HTML5”