TUTORIALS PAGE - Page 4 of 4 - Free tutorials and daily notes

Complete case study: watermark detection, remove and place a new watermark – Part I

Replacing a watermark over one image can be an easy task. Replacing it on a 50.000 set of images, can be a tricky job to do.

This case is really simple. The company change their logo. They have all the images on their website watermarked with their old logo and they wanted to re-watermark all the images. They did not stored the original photos on upload but stored just the new watermarked ones.

So here is where I came in and try to sort things out. Continue reading “Complete case study: watermark detection, remove and place a new watermark – Part I”

Remove the URL field from the WordPress comment form

Here is a simple code snippet to remove the URL field from WordPress comment form.

Marking as spam all the comments that have very long URLs in the website field will help you tackle spammers. However, if you find that spam is getting out of control, you may want to consider removing the website URL field altogether.

If you implement the snippet below and configure your WordPress discussion settings so that any comment with a link is held for moderation; you can effectively stop all spam entirely. Continue reading “Remove the URL field from the WordPress comment form”

How to change spell check language by right-clicking on a text in Chrome

Bad news for you, this option have been removed in chrome. Since the update of December 2015 the spell check option from the right-click menu disappeared and so you can not change the language for the spell checker as you normally would.

The good news is that in Chrome 47 was implemented the automatic spell checker in multiple languages! So you can continue to type in different languages, and Chrome will automatically spell check all of your input text without you needing to manually change languages.

Continue reading “How to change spell check language by right-clicking on a text in Chrome”

Mark comments with very long URLs as SPAM in WordPress

To mark comments with very long URLs as SPAM in WordPress you must have access to the theme functions.php file and permission to edit it.

Spammers frequently use links to web pages that have very long URLs. Therefore, if someone publishes a comment on your WordPress site and enters a very long URL in the comment field, there is a high possibility that the comment was published by a spammer. Continue reading “Mark comments with very long URLs as SPAM in WordPress”

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”