Category

Tutorials

Category

Setting up a blog is a great way to express yourself as a person and as a writer. A blog can provide you with an audience for your thoughts and experiences, and can also be a great way to boost interest in a business, especially if you are a sole trader. Some people even make money from their blogs through advertisement. However, a blog can only be successful if it is engaging enough to attract…

The performance of your website is an important metric to track. There are a lot of things that depend on how well your site performs, including the site’s SEO performance, user experience, and its future success. Needless to say, taking steps to improve site performance is not only necessary, but also very important. The big question is, where do you start? There are so many things you can do to improve your site’s performance. We…

(Source) Today, we are going to go to the backstage of HTML5 and discover how you can build an HTML5 video player from scratch. Before starting our journey, you should already be accustomed to HTML5 (to create the skeleton of the video player); CSS (to design and customize the player the way you want it), and JavaScript (to shape the behavior you want to give to your player) at an Intermediate level. Nonetheless, the aim…

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…

Kube Tutorial by Lingulo

Preview

HTML5 responsive website

Download

Download it from GitHub


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.

In this quick Kube tutorial we will be creating a very simple yet modern and elegant personal portfolio website using Kube. Kube is a small CSS framework using the latest CSS techniques. The grid system is not using any floats but instead the new CSS flexbox which is already supported in current versions of all mayor browsers. In the future using flexbox will be the default way to create layouts in CSS and Kube is already starting now. Kube doesn’t include any JavaScript functionality like sliders, accordions etc. which might be missing features at first sight. But that is actually the strength of Kube because it is kept small and very basic without any fancy designs or features which would bloat the whole framework with stuff we don’t even need.

With Responsive being the talk of the town we will dig deeper into the know-hows of presenting the content in such a design. Responsive web design does not means to focus on images, columns, icons and grids. Wherein, these all things makes no sense without a good depiction of content.

Web typography being the scientific name of content style is what we are going to discuss in this article. With responsive being the current trend in the tech world missing out responsive typography is a sheer ignorance of any web developer and designer.

Whether you are just beginning your website development or have done a little designing, you need to consider some crucial aspects for designing a worthy and effective website. There is no dearth of websites on the Internet. Thus, to beat the fierce competition, one has to come up with some extraordinary design and functions to make his website stand out among the pool of websites. This article will reveal some prolific features that your site must possess in order to appear appealing and highly functional. By ensuring these features, you can surely deliver a remarkable website that can help you rivet viewers and encourage them to interact efficiently. Integrating some resourceful elements in your site will certainly augment your business values across the globe. Let’s decipher some indispensable features that a website must possess to appear intuitive, intriguing and interactive.

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.

Eine eigene Webseite zu besitzen ist heutzutage für nahezu jedes Unternehmen, aber auch für viele Privatpersonen sehr wichtig. Unternehmen nutzen Webseiten, um ihre Firma vorzustellen und Produkte zu verkaufen. Private Leute nutzen Webseiten häufig, um über sich zu berichten oder Fotos mit der Familie oder Freunden zu teilen. Das Erstellen von ansprechenden und gut programmierten Webseiten ist nichts, was man innerhalb von einigen Tagen erlernen kann. Viele Firmen greifen daher auf externe Webdesign-Agenturen zurück. Doch…

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.