design Archive - Lingulo.com

In CSS

How to build a responsive website the professional way

9. March 2019 No Comments 52 Mins Read

Required knowledge level: intermediate

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.

In HTML

Important Tips to Design Stunning HTML Emails

24. October 2016 No Comments 4 Mins Read

Creating an HTML email is a trendy yet important aspect of businesses nowadays, and requires great level of creativity for better results. The primary goal of these templates is to communicate with your existing clients and even to make new clients, by converting the first time user into a proactive visitor. Actually with the advancement of technology, customers are finding modern techniques to avail products and services, and thus businesses are also following the same…

In CSS

Top Trending Footer Design Examples To Get Inspired From

20. July 2016 No Comments 4 Mins Read

Footer Design is an often ignored section of the website. The designers assume that the footer is not as important as the rest of the website and do not pay much attention in the detailing of its design. The notion that the users already create an impression of the website till the time they scroll down to the footer and the design of the footer does not contribute much to the performance of the website…

In CSS

Kube Tutorial – Creating a pure and elegant personal website

3. June 2016 1 Comment 15 Mins Read

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.