Grid systems for responsive web design

Using a grid system when you’re designing helps you keep things organized and also lay them really clean and precisely, based on a type of measurement. Basically, a grid system is a structure made of a series of horizontal and vertical lines which intersect and are useful for arranging content. The 960 fixed width grid …

About JavaScript code, examples

JavaScript is an interpreted, object-oriented language and is known as the scripting language for web pages. How to add javascript code in HTML? In HTML pages, JavaScript code must be placed between <script> and </script> tags. There are old javascript examples that use “type attribute” inside <script> tag like: The type attribute is not required …

Working with the Bootstrap containers

Being mobile-first, Bootstrap 3 was developed to be responsive to mobile devices. To provide proper rendering and touch zooming, add meta viewport tag inside the <head> element: The width=device-width part sets the width of the page to follow the screen-width of the device. The initial-scale=1 part sets the initial zoom level when the page is …

Random post order with correct pagination

You can find many resources on the internet to randomize the wordpress posts, simply add ‘orderby’ => ‘rand’ in wp query : The issue with this method is that it breaks wordpress pagination. If you navigate to the second page of the results, the random posts which are returned may contain posts that you have …

Improve wordpress search, relevanssi plugin

Tested plugins Relevanssi Relevanssi substitutes the standard WordPress search with an advanced search engine, with many features and configurable options. You will have superior results and also an improved presentation of the results.

How to nofollow all external links in wordpress

By default, WordPress does not let you to automatically add nofollow to external links. You will have to manually add it or use a plugin to do this in an easier way. Tested plugin Nofollow for external link Use this plugin https://wordpress.org/plugins/nofollow-for-external-link/, and rel=nofollow and target=_blank will be automatically inserted, for all external links of …

Posting source code on your posts

WordPress does not allow you to use potentially dangerous code on your blog, there is a way to post source code for viewing. You can easily post syntax-highlighted code on your blog. 1. Install https://wordpress.org/plugins/syntaxhighlighter/ plugin 2. In your wodpress text editor just wrap your code in these tags: [  code lang=”js”] your code here …

Downloading and installing Bootstrap

Manually You can download Bootstrap from http://getbootstrap.com/ The archive contains 3 folders: CSS, Fonts, JS You can upload all 3 folders on your host or you may choose which files to upload. From CSS folder Bootstrap.min.css file is all you need, so move it to your CSS folder. From Fonts folder In fonts folder you …