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

Running terminal commands with PHP

Friday, March 15th, 2019 by Servage
terminalSometimes you may find yourself in a situation where you want to run more than just PHP code. Perhaps PHP does not have a built-in function for what you want to do or you want to run some custom commands, such as executing an external program. There are multiple ways to achieve this, and we will learn how to do it in two different ways. The usual way: exec() and shell_exec() These two functions are likely the ones that come to your mind first when thinking about a way to execute a terminal command. Both of there are basic PHP functions, and they are very similar to each other. The biggest difference between ...

How to build a successful site for e-commerce

Saturday, March 9th, 2019 by Servage
webshopE-commerce is quickly turning into a must-have for modern businesses. And why shouldn’t it when it’s relatively cheaper than selling products at a physical location, always having to worry about rent for your shop and a whole lot of others expenses. With an e-commerce business you can basically sell anything, no matter how big or small. And if you have good suppliers, you don’t even have to worry about having too many items in stock or running out of stock. With good managerial skills plus the right marketing and conversion funnel you can actually run a successful business where items sell themselves. Which other crucial element does your e-commerce business depend on, other than ...

Using DOM elements in Javascript – Part 4

Tuesday, February 26th, 2019 by Servage
JavaScript came about during a dark and lawless time, before the web standards movement, when all the major players in the browser world were—for want of a better term—winging it. It likely won’t come as a major surprise to anyone that Netscape and Microsoft implemented radically different versions of the DOM, with the prevailing sentiment being “may the best browser win.” insertBefore() The insertBefore() method, as you might guess, inserts an element before another element. It takes two arguments: the first is the node that gets inserted, and the second is the element it gets inserted in front of. You also need to know the ...

Useful CSS snippets

Saturday, December 22nd, 2018 by Servage
cssStylessheets define the visual appearance of your website. Technically speaking the stylesheets include instructions on sizing, position, color and all other aspects of the DOM elements' display. Nowadays there are frameworks to make the process of defining your stylesheets easier. Usually the work is still done by hand in text editors and sometimes aided by tools, color pickers etc. Also stylesheets have transformed from being mere CSS to the smarter and more intelligent systems SASS and LESS, which allow for a programmatic approach to writing stylesheets. The later two languages allow you to define variables and use them in calculations you can perform in your stylesheet. Also code blocks allow for ...

Introduction to HTML5 canvas element

Saturday, December 1st, 2018 by Servage
html5-canvasThe <canvas> element is probably the greatest addition to HTML5. This new element can be used to create anything from a single-color box to complex shapes and charts. We will take a look at how to build some simple shapes with the <canvas> element and learn what can be achieved with more advanced use of the element. What is an HTML5 canvas? In simple terms, a canvas is a <div> inside which you can render graphics. Those graphics can be simple shapes such as circles and boxes, or more complex graphics like charts and even animations. A canvas can be created with the <canvas> tag. This might come as a surprise, but drawing to ...

Use pre-made CSS animations with Animate.css

Sunday, November 25th, 2018 by Servage
animate-cssAnimate.css is a CSS library that allows you to animate elements on a web page. It is very easy to set up and provides dozens of premade animations for you to use, such as bouncing, sliding and fading animations. Another great thing about Animate.css is that it does not use any JavaScript for animations. Everything is done with CSS in a single file. Setting Up Animate.css As promised above, setting up Animate.css is simple. You only need to include one CSS file that you can find on the official website: https://daneden.github.io/animate.css. Click the download link, save the file and include it in your HTML file using a <link> tag. Here is an example: ...

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 ...