Webseiten ohne Programmierkenntnisse bauen
Sorry, this entry is only available in Deutsch.
Sorry, this entry is only available in Deutsch.
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
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.
Custom Select Boxes
Select Boxes as Zip File9kB480Times 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="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></select></div>
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.
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.
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.
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.
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
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
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