Please note: This tutorial is still in construction and has not been finished yet. You can however already start reading and come back later again.
If you are a reader of this blog you will surely have read my previous tutorial on how to build an adaptive HTML 5 website. In the previous tutorial we created a website from scratch and we did it the manual way without the use of any framework or grid system. Personally I think it is very important to first learn how to code a website all by your self without using a framework which will take care of many things for you. So be sure to first read through my previous tutorial before continuing here.
Required knowledge level: expert Walruses are my favorite animals, I just like how calm and friendly they are and it’s a shame that they are threatened with extinction due to water pollution and climate changes. One day when I had some free time I came up with the idea to build a cartoon-styled walrus using only HTML and CSS. I have never created a CSS animal before but since I kept on seeing pure CSS animals on…
Please note! Due to the use of CSS flexbox this website only works in the latest browser versions. Be sure to know that before using Kube for a production website.
A unique and fresh web layout not only helps entice visitors, but also create a distinct web design. And CSS allows one to create a desirable website theme and enhance the look and feel of a website. By writing in CSS file, you can efficiently deliver a polished and refined design up to the web standards. This is why, if one wants to improve the aesthetics of his site, he has to tweak his theme’s stylesheet as per the requirements. If you are running a WordPress-powered website, you can edit your theme’s CSS and overhaul the layout as required.
Despite, WordPress is a quite popular for developing surefire web solutions, several people still commit some common mistakes while writing CSS for customizing the WP themes. Even professional have been found making common goofs. The browsers don’t understand these errors and simply, respond by generating a tattered appearance. Since, these mistakes can lead to a broken WP site, it is essential to avoid them while handling the CSS of a theme.
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.
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.
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”…
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.