Servage Magazine

Information about YOUR hosting company – where we give you a clear picture of what we think and do!

Articles Tagged ‘guide’

Speed up your website – Part 5: Images

Thursday, July 19th, 2018 by Servage
This is the fifth part of a simplified explanation of the "Yahoo best practices for speeding up your web site". Read the fourth part here. The fourth part is about image related optimization. Minimize image file size Avoid using GIF files. If you have GIFs, try to convert them to PNG, in order to evaluate if you might save some size. PNG files are more efficient in terms of quality and size. Most browser-issues with PNG are resolved, so there are not many things in favor of the GIF anymore. If you must use it, make sure to include the amount of colors in the color palette, which are necessary. ...

Speed up your website – Part 4: JavaScript

Saturday, July 14th, 2018 by Servage
This is the fourth part of a simplified explanation of the "Yahoo best practices for speeding up your web site". Read the third part here. The third part is about CSS related optimization. Preferably place scripts at the bottom Scripts block parallel downloads of multiple items in the browser. Therefore you might want to place the scripts at the bottom of the page, if possible. It is a problem if your scripts alter the content of your document on the initial load, since you might want those scripts at the top. Make JavaScript (and CSS) external Including JavaScript and CSS in the HTML document reduces the amount of requests, but also ...

Speed up your website – Part 3: CSS

Monday, July 9th, 2018 by Servage
This is the third part of a simplified explanation of the "Yahoo best practices for speeding up your web site". Read the second part here. The third part is about CSS related optimization. Include stylesheets in the head section Use the <link> tags in the <head> section of your HTML code to include CSS files. This enables your website to load progressively, instead of waiting for style information in the middle, or at the bottom of your page. It means that content can be rendered when it is ready, because the style information has already been loaded in the beginning. This makes the page appear to load faster. Do not ...

Create your own WordPress plugin

Monday, June 18th, 2018 by Servage
You probably know Wordpress as a very popular blog or content management system. It has tons of features, and can even be extended with plugins - adding custom functionality. There are very many plugins available already, by individual developers and other web services, to integrate with and extend Wordpress. You can find a directory of most existing plugins here: Wordpress Plugin Directory Creating your own plugin Sometimes it's hard to find a plugin that exactly fits your needs. Maybe because you want to integrate with a very specific service, or because existing plugins just don't cut it the way you want. In that case custom plugin development is a really good ...

Create a cool CSS-based tab-menu

Tuesday, April 10th, 2018 by Servage
We received a lot of great feedback for our CSS-based dropdown menu, so I thought it would be time for another little tutorial. This time showing how to create a nice-looking tab-menu, based purely on HTML and CSS. See a live tabmenu example here. First, we want to have the menu code created in HTML. I find that the most appropriate way of doing this, is by creating the menu as a list. Thereby non-supporting browsers will still show the menu as a list, which somewhat resembles a menu. Everyone else will see the cool tab-menu :-) <ul class="tabmenu"> <li><a href="">Overview</a></li> <li class="active"><a href="">About</a></li> <li><a href="">Products</a></li> ...

Validation of EU VAT numbers

Tuesday, March 20th, 2018 by Servage
eu_flagCompanies that reside in the EU are obligated to check the validity of business customers' VAT numbers before engaging in intra-community tax-exempt transactions. For example if you are a British company providing an online service to a German company, you would need to validate the German company's VAT number in order to legally skip the VAT on the invoicing. Obvisouly it would make sense to du this programatically during your order process, which is why the European VAT Number Validation API is ideal. The API allows you to validate any given EU VAT number directly from your code by using the following GET request URL - for example in PHP ...

Servage Web Development Course Part 6: Protect your files and folders with htaccess

Wednesday, March 14th, 2018 by Servage
Hey there! Part five is now a few weeks old, and it's about time for the next step! Today the topic is simple file/folder protection with the help of htaccess (don't worry if you have no clue what that means). When you develop on a new project it's nice to be able to keep the public out, while working on it. And I am sure you can also come up with a whole lot of different reasons why you would want to protect certain files. What is htaccess protection? Htaccess files (hypertext access files) allow you to alter the configuration of the web-server to an extend permitted by the server administrator (which ...

Servage Web Development Course Part 4: Tables

Friday, March 2nd, 2018 by Servage
blogimageToday we will take a look at tables. Tables are in general comparable with tables in for example Word or Excel, and should be used the same way in HTML. That basically means that tables are a way to represent tabular data. They are not meant to be abused for other purposes, such as for example layouts. It has been "normal" for many years to use tables for page structure, which has distorted the use of tables. The correct way of doing layout is by use of div containers and CSS positioning (like described in a previous part of this course). Tables are for data. The table HTML structure The <table> tag has three sub-elements, which could ...

Servage Web Development Course Part 3: Layout and page structure

Friday, February 23rd, 2018 by Servage
blogimageEvery website looks a little different, but somehow they all still contain similar elements. Like a menu, a content area, a top banner (called header) and a bottom (called footer). These can be arranged and displayed in varuous ways, but mostly they are all there - somehow. In HTML there is the <div> tag which is suited to define and seperate such areas from each other. Combined with CSS styling, these <div> containers, as they are often called, can even be positioned to match the layout you want on your website. So let's have a look at a sample <div> container structure (part3a.html of the project files): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ...

Remember secure passwords easily

Monday, January 22nd, 2018 by Servage
keypadIt's easy for service providers to ask their users to use secure passwords. After all it is the user who is supposed to remember it. Obviously it is better for everyone if secure passwords are being used everywhere, but for many people it represents an annoyance to use a password like "237IMBd!" instead of "pizza". However, there are plenty of ways making it easier to remember secure passwords - and some of them even add a little bit of fun to the process ;-) I would like to explain my personal way of generating and using secure passwords as an inspiration to figure out a way that works for you, and moreover, ...