Servage Magazine

DNS, the domain name system, is a system responsible for converting human-readable domain names into machine-readable IP addresses that translate to specific servers. This article explains the basics of the DNS system and gives an introduction to managing DNS zones using a PHP-powered website. How DNS works The domain name system is a big infrastructure that almost the whole Internet depends on. Every domain name on the Internet has one or multiple DNS servers that are responsible for the DNS zone of that domain. In a simplified form, the DNS zone is a file that contains key-value pairs called DNS records. These records are used to map hostnames to IP addresses. A hostname ...

Animated elements are often made with JavaScript, jQuery or other JavaScript libraries. However, it is also possible to create animations using only CSS. CSS3 includes a feature called keyframes that can be used to smoothly animate divs, text, height or position of an element and many other CSS properties. Animating an element is a two-step operation. The animation rule must be declared first and then it must be assigned to an element. The @keyframes rules An animation can be created using the @keyframes rule followed by the name of the animation. For example, the following code declares an animation called my-animation: @keyframes my-animation { }. What the animation does depends on what is stated inside ...

Email marketing campaigns are great ways to keep in touch with your current and potential new clients and to send your messages or your latest offer. But crafting the right email, that will appeal to all your subscribers or client base is not as easy as it sounds. The way we send emails has changed a lot over time, mostly because people have gotten used to ignoring advertising email. Every business needs to find a way to pique its audience’s interest and make people open another email. Even though you can find a lot of great information about email marketing campaigns with a simple Google search, you will never find the exact answers to ...

Chart.js is a JavaScript library that allows designers to visualize data using pretty HTML5 charts. Chart.js comes with 6 different chart types and is mobile-responsive out of the box. You can use Chart.js for virtually anything: Comparison charts, data usage charts, visitor statistics and even interactive charts. After reading this article you will know, with the help of the official Chart.js documentation at www.chartjs.org/docs, how to create an HTML5-powered chart for your own website or web application. Getting started This article assumes you have access to the Chart.js documentation. To get started as easily as possible, you should have the documentation open at this moment. The first step is to include the ...

Did you know it is possible to manipulate images directly with CSS? This is possible with a feature in CSS3 called filters. CSS filters are similar to filters found in image manipulation programs like Photoshop. These filters are capable of changing the blur, brightness, grayscale, contrast and other properties of pictures on a website. This article introduces you to the CSS filter property as well the most common functions and values it supports. Filter function syntax The syntax for the CSS filter property is simple: filter: <type>(<value>). <type> can be any filter type, such as blur. <value> depends on what the type takes as input, such as 10px. Blur Blur does exactly what you might expect ...

Angular 2 has been in a publicly available beta since December 2015. Angular is considered rather difficult to learn compared to alternatives such as React. Angular 2 makes it even more confusing with big changes to the framework. To clear out this confusion, this article explains the most significant changes made in version 2. Leaving controllers and directives behind One of the biggest changes in Angular 2 is a component-based way of building user interfaces. In Angular 1, user interfaces were built using controllers that were attached to HTML elements using directives, more specifically the ng-controller directive. This is not the case in Angular 2 where these two features are replaced with components. Introducing ...