What is the website design trend for 2017

As a web designer, creativity is the essence. It is almost always up to you to keep up-to-date with current trends and developments in the industry. Some aspects remain always up-to-date and should always remain the focus of the web designers, so also in the year 2017. Above all, this includes the usability and the presentation of high-quality content, which is brought even more into focus through targeted graphic elements.

Responsive Design and AMP

A trend which should surely be known to all web designers and will continue to accompany us in the future is that of Responsive Design and the Mobile First approach. According to Google, in the future, the mobile index will be the primary role in website indexing and more and more important for the relevance. Experts disagree about whether users of AMP (Accelerated Mobile Pages) frameworks will be rewarded in the future with more presence in the mobile search, exclude, this is not, and the trend is definitely to mobile-optimized content.

In this connection, of course, the speed or loading time of web pages is of considerable importance; especially the growing number of mobile devices such as tablets and smartphones require fast charging times. A speedy internet connection is a very decisive factor whether visitors stay on a website or are put off by the slow build-up of pages and linger in the result only very briefly there.

The goal is therefore to achieve a higher degree of user-friendliness with content based on the AMP framework through optimized loading times. Using Accelerated Mobile Pages, content should be available within milliseconds – even videos or high-resolution images are also loaded faster.

Web apps instead of desktop applications

While more desktop applications have been used in the past, there are more and more apps on the Internet today. This trend will continue in 2017, and websites and entire functions of traditional applications will be available step by step as small web applications. The provider of poker games, casino games, and sports betting has implemented many functions of the traditional applications already in the browser.

This benefits not only mobile users but also desktop users since traditional software applications are becoming increasingly rare. In particular, the growing trend of software as a service (SaaS) means that software installation will be completely obsolete in a few years. In 2017, some experts expect that many websites will present themselves as a web app, but it remains intriguing to see whether a trend is emerging here.

Flat-Design 2.0

Another trend for the year 2017, which is already apparent in the recent past, is a further development of the flat or material design. Flat design 2.0 designates a design style in the interface design of applications and websites. There will be no deliberate elaborate and playful elements- the focus is clearly on the functionality, the content and the simplicity of the app or website itself.

On the way to more realism

And the last is- more and more, the trend towards authenticity, with a personal note and realistic representations of elements. Quite practically, this approach moves away from striking stock photographs to their own, more vivid photos or illustrations as hero images on websites. It is about creating unique and personal experiences for the user.

How important it is to choose the right web font

One of the most important aspects of writing a good marketing article is making it clear, and what is clearer a good a font?

But what is a font? It is a set of displayable or printable characters using a specific style and size. There are many font families such as Serif and Sans-serif that can be used to write an article.

So how important is a font? And how to choose a good one? Here are some tips on how to choose a good font from doublezerodesign.

First the Font-Size:

A font-size of 12 pixels would be recommended for any type of writing since it makes the reading easier and clearer. 16 to 20 pixels would be great for titles and sub-titles, but they won’t make things easier to read if used for a simple text. So to make it simple, the size should be big enough to be readable but not too big as it will take more space and therefore make the reading unpleasant.

Then the Font-Style:

A good key would be to choose one that is clear enough and doesn’t use other symbols instead of letters. One that is not too curvy so it can be readable, but is not too boring so it can catch the eye. Some of the most used Fonts are Calibri, Times New Roman, Arial, and Verdana. There are some other fonts that can be downloaded for free or bought from the internet, choose one that is simple and readable. It can be from Serif font family or Sans-Serif font family, both would be good for writings.

Here is a simple explanation to differ between Serif and Sans-Serif that will help you choose easily: Sans-serif, also called Gothic, are fonts that don’t have a small line at the end of strokes, Calibri, Lucida Sans, Verdana, and Arial are some of the most known Sans-Serif fonts. That small line at the end of a stroke is called “Serif” derived from the Dutch word “Schreef”, so Serif font family is simply fonts that have a small line at the end of strokes, they are referred to as Roman, some of the most known fonts that are from the Serif font family are Times New Roman, Georgia, Rockwell, Lucida Bright…

And Finally, the Font-Color:

Colors are what attracts the eye the most, they can make your writing clear but can also make it really difficult if you’re not careful enough!

So what are good colors for writing? It depends on your background you won’t use a light blue on a white background or a dark gray on a black one that would make reading harder and can actually hurt the eyes of the reader. Instead, play with contrast, for example, if you have a white background black color would be great, you can also play with other colors and choose deep dark shades of colors you like such as dark gray and crimson, which is a deep dark shade of red. And you guessed it, if you have a dark background you should use light shades such as white or light gray.

Note that white writing on a black background can sometimes hurt the eyes, so be careful.

Don’t be afraid to try different colors! Be creative with your content but don’t use a heavy hand and let it be readable while making people want to read more of it.

5 misunderstood HTML tags ever

HTML, or HyperText Markup Language, is a markup language used to create web pages as well as user interfaces for mobile and web applications along with CSS and JavaScript. It describes the general structure and appearance of a document, to accomplish that it uses many tags to add some content in the page such as <img /> that introduces it directly or <p> … </p> that surrounds the information and can include other tags as sub-elements. HTML can be very easy to learn, but sometimes it isn’t used to its full potential. Here are 5 of the most misunderstood HTML tags that can be unknown to some.

<cite>: It is useful for citing biblical references (or any other reference), just as <blockquote>, the text inside it will generally be rendered in italics by the browser but you still can change its appearance using CSS.

Here is an example of its use :

One of the most read dystopian books is <cite>Nineteen Eighty-Four</cite> by George Orwell.

It would look like this without CSS :

One of the most read dystopian books is Nineteen Eighty-Four by George Orwell.

<address>: This one defines a contact information, as its name says it will allow you to markup addresses in HTML. All you need to do is write the address inside the tags like so :



Baker Street



As for <cite>, the format can be changed through CSS

<label>: This tag defines a label for an input element, it is one of the most forgotten tags, even if it actually is very useful and is great for styling and makes the element that you specify using “for” attributes clickable. Note that the “for” attribute should be equal to the “id” attribute of your element.

Here is an example of usage :

<label for=”yes”>Yes</label>

<input type=”radio” name=”answer” id=”yes” value=”yes”><br>

<label for=”no”>No</label>

<input type=”radio” name=”answer” id=”no” value=”no”><br>

So here instead of clicking on the radio field, you can click on the text and it will toggle the control.

<fieldset>: <fieldset> will allow you to group related elements inside a box, it will draw a line around them. If you add a <label> tag to it, it will give a title to your box.

As simple as the previous tags, here’s how it can be used :


First-Name: <input type=”text”><br>

Last-Name: <input type=”text”><br>

Date of birth: <input type=”text”>


<optgroup>: This one will allow you to define a group of related options in a drop-down list, you can visually choose from the select box easily since it will be sorted as groups.

It can be used for a genre of books, for example.

<select id = “books” name = “books”>

<optgroup label=”Kids”>

<option value=”totoro”>Totoro</option>

<option value=”caillou”>Caillou</option>


<optgroup label=”Fantasy”>

<option value=”hp”>Harry Potter</option>

<option value=”lotr”>Lord of the Rings</option>



Many other tags are still forgotten to the programming world, we should try to bring them back to life for most of them are more useful than we think.

I hope that this article will be useful for those who just started learning HTML, as for experts I suppose that most of you know how to use these tags.