Servage Magazine

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

Archive for the ‘Tips & Tricks’ Category

What is object-oriented CSS?

Sunday, November 11th, 2018 by Servage
css3Object-oriented programming is a common practice in many programming languages. It helps you with the DRY principle (don’t repeat yourself) by allowing you to repeatedly use code from a single code base. How would applying the paradigm work with something other than a programming language, like CSS? Let’s find out how CSS can be written in the same way and what are the benefits of doing so. The Two Principles of OOCSS Object-oriented CSS (OOCSS) is built upon two main principles. Firstly, content should be separated from containers. If content and its container are not tied to each other too closely, it allows you to reuse the containers for different types of content ...

Build A Toolkit To Help Define Your Web Design Style

Sunday, November 4th, 2018 by Servage
In order to get good conversion rates and positive user experiences, user interface design is vital. Let’s take a look at some practical ideas to do that. Single Column Layout The first consideration in user interface (UI) is the page layout. In our previous web era, we were free to try various options for layout and among them, multi-column approach was common, since we then wanted to use screen space at a maximum level. Now, with mobile web, we are restricted to single column layout since panning on hand held devices is not advisable, along with the scrolling involved. With finger gestures, a visitor feels a natural ease and ...

Migration & actions required from customer end

Sunday, October 28th, 2018 by Helge
As informed, we are in the middle of moving our customers to our brandnew platform. The new platform comes with a new control panel with plenty of new features like e.g. SSH access, back up options and much more. Also, the hardware is brand new and meets highest requirements.  Manywiki customers are already moved, the other ones will follow within the next weeks. How does the migration work? In the beginning of the migration, you will get a first mail. When the migration is finished, you get a second one. In both e-mails, you will find important info about the new system. Also, some actions are required from your end to make ...

Validate your code for a better web

Wednesday, September 12th, 2018 by Servage
The problem isn't new, but it's still present. Standards and best practices have not just been invented for fun, or mere entertainment for nerds. They actually fulfill rather important purposes. Without standards and best practices, we wouldn't know how we should do things. Without compliance to the defined rules there would be chaos. Or actually, there is chaos... Because the standards and best practices for the web are not being followed completely at all. The World Wide Web Foundation is responsible for the definition of such rules, and continuously works to improve and strengthen the possibilities for web developers, by providing a flexible, yet standardized compendium of possibilities. However, even though ...

Speed up your website – Part 6: Cookies & Mobile

Wednesday, July 25th, 2018 by Servage
This is the sixth and last part of a simplified explanation of the “Yahoo best practices for speeding up your web site“. Read the fifth part here. The fourth part is about image related optimization. Reduce cookie size Basically cookies consume resources in terms of data in requests. The article "When the cookie crumbles" by Tenni Theurer and Patty Chi provide the following conclusions: Don't use unnecessary cookies. Think before storing useless data. Reduce cookie size to the minimum required. It helps response times. Restrict cookies to domains appropriately, so they are not affecting other subdomains unnecessarily. Set appropriate expire dates, to remove cookies as early as possible with regards to their relevance. Do ...

Speed up your website – Part 2: Server

Thursday, July 5th, 2018 by Servage
This is the second part of a simplified explanation of the "Yahoo best practices for speeding up your web site". Read the first part here. The second part is about server related optimization. I am aware that some settings are not available to all developers, depending on their development and deployment infrastructure. Use Content Delivery Networks Where possible you should take advantage of servers closer to your users than your own. TO get started quickly with some major improvements, try to load JavaScript sources like Google APIs, jQuery or similar code you might use in your project, directly from their servers, or suggested CDN. Add expires header to utilize ...

Speed up your website – Part 1: Content

Sunday, July 1st, 2018 by Servage
There are many ways to improve website performance. The "Yahoo best practices for speeding up your web site" is a very comprehensive guide to optimizing many factors of your website. However, the article is very long, and sometimes quite hard to understand, because the technical level of the article is high. Therefore I have collected the main tips of the optimization guide, and will present them in a series of more comprehensible articles. Make fewer requests Each page often contains multiple resources, which each generate a request. For example a basic HTML page with a CSS stylesheet and 5 images, generates a total of 7 request (one for the HTML, ...

Send PHP errors per mail

Monday, June 25th, 2018 by Servage
Error-handling in PHP can be complex, and getting a good way of having clear and good error reporting and maintaining security, by not displaying to much to the public, can be difficult. Maybe sending errors to developers per email could be a good tool for you. Check out the following example code: // Our custom error handler function nettuts_error_handler($number, $message, $file, $line, $vars) { $email = " <p>An error ($number) occurred on line <strong>$line</strong> and in the <strong>file: $file.</strong> <p> $message </p>"; $email .= "<pre>" . print_r($vars, 1) . "</pre>"; $headers = 'Content-type: text/html; charset=iso-8859-1' . "\r\n"; // Email the error to someone... error_log($email, 1, 'you@youremail.com', $headers); // Make sure that you decide how to respond to errors (on the user's side) // Either ...

Remember to use secure passwords

Monday, June 4th, 2018 by Servage
It seems that the increasing amount of accounts, logins, services, increases the amount of passwords to keep in mind dramatically. All too often you see people using too simple, or same passwords, for many important services. Therefore I would like to remind about the importance of secure passwords, like in a previous article here on the Servage Magazine. It's important to keep focus on this issue, so users are always reminded to increase their personal level of security. It’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 ...

Create nicer looking forms with CSS

Monday, May 28th, 2018 by Servage
Forms are one of the commonly used elements in HTML. It's a basic functionality for most websites to capture specific information via user input through HTML forms. So why do so many forms look really boring? Why are businesses still missing out on new customers because of unappealing order forms? It's amazing what you can accomplish with form design. It looks good, gives a serious impression, and attracts users. Examples The images illustrating this article are two examples of beautiful order forms I've found online. They are integrated with the rest of the website design, they have a simple layout, there isn't too much data to be added. Users are unlikely ...