- A resource for web developers

Create a WordPress HTML5 Template from a responsive website Part 2

GD Star Rating
a WordPress rating system

Welcome to the second part of my tutorial on how to create a WordPress HTML5 template from an existing website. Be sure to read the first part before continuing here.

We have created a new HTML5 WordPress template that currently displays our home page including a menu, that can be customized through WordPress and three new posts for our slider content boxes. The next step is to create new layouts for posts and pages. As explained in the previous part of this tutorial the navigation items “About”, “Contact” and “Portfolio” would link to pages while the “Read more” links would rather link to posts. Read more

Automatically Create Custom CSS3 Select Boxes

GD Star Rating
a WordPress rating system

With the help of CSS3 Transitions it is possible to create beautiful custom CSS3 select boxes automatically. The script you can download here will automatically convert all select boxes which are inside a div with the class lingulo-select into custom select boxes.

Lingulo Custom Select Boxes Script


Custom Select Boxes


Select Boxes as Zip File9kB402Times downloaded

In order to convert your select boxes into Lingulo Custom Select Boxes you need to include the minified script as well as the style.css file. Then simply wrap every select box you would like to be converted with a div with the classes lg-select and either style1, style2 or style3. Have a look at the preview to decide which style you would like to use. If you don´t use a particular styling at all it is best to remove it from the CSS file in order to decrease file size. It is also necessary to add a span element with the class lg-placeholder and a text for the placeholder just above your select element.
The Lingulo Custom Select Box script will look for select elements in your HTML code with the following structure.


<div class="lg-select style1">
<span class="lg-placeholder">Choose Your Dog</span>
<select><option value="black-labrador">Black Labrador</option>
<option value="old-english-sheepdog">Old English Sheepdog</option>
<option value="pomeranian">Pomeranian</option>
<option value="black-pug">Black Pug</option>
<option value="white-poodle">White Poodle</option>
<option value="saint-bernard">Saint Bernard</option>
<option value="rhodesian-ridgeback">Rhodesian Ridgeback</option>

Deliver Video in HTML5 or Flash with Cloud Players

GD Star Rating
a WordPress rating system

Video Cloud Players to Deliver Video in Flash or HTML5 – An Insight

The growth rate of mobile web usage is exceeding in leaps and bounds. And this rapid increase in the popularity of mobile web, is giving video publishers a hard time in reaching out to a wider audience base, by utilizing the Flash Player alone. Therefore, to reach the desired audience it becomes imperative for video publishers to serve their audience with HTML5 videos as well that can run on both desktop and mobile devices.

Flash was ubiquitous and has been the standard player for delivering videos, for more than a decade. Though, HTML5 is getting developed expeditiously, but when it comes to keeping in line with the Flash technology or the integration environment, it hasn’t yet attained the maturity like the Flash videos. Fortunately, Video Cloud smart players will most likely help you meet the challenges imposed by HTML5.

HTML5 Video on all devices Read more

Flat Web Design – A Guide To The Current Trend

GD Star Rating
a WordPress rating system

Flat design has been a part of web design for over a decade now and it has its advantages because it turns away natural techniques like drop shadows, strokes and several other natural elements to make sure that the design is altered to a great extent. If you want to make flat design a part of your web design, here are some things you can focus on.

Replace depth

It was earlier believed that design was not complete without elements like strokes, shadows and gradients but flat design changes that. It has a rather simple 2d blueprint look of an application. This is completely against the age old Skeuomorphistic design, where images imitate color, shape and other objects of the real world. Textures of the real world have come into play now.

Read more

Top 10 Tools To Help You Manage Your Projects

GD Star Rating
a WordPress rating system

Projects are undertaken by businesses to achieve some specific objectives. By achieving them, they are able to better sustain themselves and boost their growth and development. But managing modern day projects is not an easy job as more and more businesses are composed of globally dispersed team members who find it difficult to communicate and collaborate perfectly with each other. It becomes difficult to coordinate their activities and to track if they are performing their tasks in a timely and required manner. The projects need to be managed within the constraints of time, budget and resources. Such high demands of projects cannot be handled through manual means or emails.

Read more

Super Simple jQuery Accordion Snippet

GD Star Rating
a WordPress rating system

This very simple jQuery Accordion Snippet will help you save space and divide your content into different logical sections. No fancy setting parameters, no need for a function call, simply add the JS file to your head and enjoy a minimal, cross-browser working Accordion. Read more

Create a WordPress Template from a HTML5 responsive website

GD Star Rating
a WordPress rating system

In this tutorial we will take the responsive website we have built in the previous tutorials and implement it into WordPress. WordPress is a web blog system which was originally created to be able to easily write flexible and adaptable blog posts. In the course of years the range of functions enlarged more and more so that we can now use WordPress not only for blogs but also as a Content Management System for “normal” websites. The advantage of WordPress over most of the other Content Management Systems is that it is easy to handle and understand, it can be adapted to your needs with thousands of plugins and it has a huge community which is willing to help you if you ever encounter problems. If you have already created a website and would like to use a CMS it is very easy to implement the website into WordPress. So let´s start! Read more

Which plugins should I use in my web project?

GD Star Rating
a WordPress rating system

Each and every day I browse through the internet to find new useful scripts or CSS files which might make our lives easier when creating websites. The amount of different scripts and plugins out there is just tremendous and it becomes more and more difficult and confusing to actually know which ones to use in your project. In this blog post I will give you an overview over the most important and useful plugins and scripts (the list will be extended by time). In a second step I will then try to show you an example setup of plugins and scripts that you can use in your web project. Read more

How to build a HTML5 website from scratch – Part 2

GD Star Rating
a WordPress rating system

In this second part of my tutorial we will be building the CSS and JavaScript code and do the necessary steps for responsive webdesign to create this beautiful HTML5 responsive website. Be sure to have worked through the first part of the tutorial where we have built the basic HTML structure and included all necessary scripts.
Lingulo HTML5 CSS3 Tutorial Read more

Error Handling with Exceptions in PHP 5

GD Star Rating
a WordPress rating system

In PHP 4 error handling in functions and methods was returned by the return command. Let´s say we would like to connect to a database via MySQLi inside a method or function. If the connection fails an error message and the error code should be displayed. In PHP 4 the error handling would have looked like this:

function connect_to_mysql()
{$mysqli = @new mysqli('localhost', 'username', 'password', 'db_name');
if ($mysqli->connect_errno)
return false;}
return true;

To find out whether the database connection was successfully established or not we have to check the return value of the function. Read more