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

Create a cool CSS-based tab-menu

Friday, December 6th, 2019 by Helge
This time we showtabmenu 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> <li><a href="">Contact</a></li> <li><a href="">Login</a></li> </ul> So far this is somewhat similar to the dropdown menu, except we don’t have sub-items. This tab-menu and the dropdown ...

Creating cool animated typing effects

Sunday, November 17th, 2019 by Helge
typerjs-300x117Typer.js is a JavaScript library that allows you to create animated typing effects for any kind of text. Animated typing is often found on product landing pages to impress visitors with features of a product. In addition to a nice visual experience, libraries like Typer.js allow you to have many sentences that erase the previous one, resulting in less screen space required for text. Getting started Setting up Typer.js on your website is simple: Just download the JavaScript file from www.steven.codes/typejs and include it on your website using a <script> tag and you are ready to go! Unlike many other JavaScript libraries, Typer.js does not depend on jQuery or any other libraries. It ...

Free icons for web developers

Wednesday, November 13th, 2019 by Helge
A website with no images would look quite dull, and making graphics from scratch can be a difficult task. Since not all developers are graphic designers, many free and paid icon sets and libraries haveicons become popular among front-end developers. They allow you to easily place a large variety of icons on a website. Here is a collection of such icon libraries that are popular among developers . Glyphicons Glyphicons is an icon library that become popular with Bootstrap since it is built into the framework. Glyphicons has a special license that allows developers to use the Halflings icon set for free in their Bootstrap-powered websites. The Halflings set comes with over 300 ...

Responsive or adaptive design? What’s the best choice?

Friday, October 18th, 2019 by Helge
responsive-adaptible-designWhen building a website today there is almost no question about if it should be made responsive or not. It makes sense to adapt websites to the device they are being used on, and thereby improve the user’s experience significantly. However, as soon as you begin discussing how you want to adapt the site to different devices and how that responsiveness should actually be implemented, then you run into some general decisions you need to make. Now, responsive and adaptable are different things. It is important to understand the difference because it makes you able to consciously choose the method that is best for your given scenario. Note that responsive and adaptable are ...

Secure a website from hackers – 5 step guide

Thursday, September 19th, 2019 by Helge
servage_lock:hdAs a website owner, is there anything more terrifying than the thought of seeing all of your work altered or entirely wiped out by a hacker?  We see data breaches and hacks in the news all the time. And you may think, why would someone come after my small business website? But hacks don’t just happen to the big guys. One report found that small businesses were the victims of 43% of all data breaches.  You’ve worked hard on your website (and your brand) – so it’s important to take the time to protect it with these basic hacker protection tips. Here are 5 Easy Steps to Secure Your Website from ...

WordPress vulnerabilities

Wednesday, August 21st, 2019 by Helge
In the last post, Servage gave some hints and tips how to speed up your Wordpress. Since Servage is a perfect Wordpress hoster and many of our customer run that application, we like to address some Wordpress vulnerabilities in this blog.  Wordpress_securityPlease note that we can't give a full and complete overview of that subject in this post. We can only give some hints and some more general information.  In the following you see a brief "historical" overview of security issues in the past and about the fixes to give you an idea what happened within the last years For more and detailed information and for recent potential issues, please contact ...

Speed up your WordPress

Friday, August 16th, 2019 by Helge
wpspeedupguideIn today's digital world, it is important to have a website for your business be it either for your porfolio, hobby, blogging, v-blogging or e-commerce online store. The most commonly used CMS for such activities is WordPress. Many people create great websites but then forget to optimize it for better performance and better SEO results. Many Servage customers are using Wordpress for their professional and private purposes. Via our new Servage platform, you can easily host your Wordpress pages - Servage provides everything to support that. This post is to help you understand the importance of speedy website and how to get such results.  We get give only some examples in this post. ...

CSS sprites are cool and useful

Thursday, May 2nd, 2019 by Servage
  How CSS Sprites Work There is an interesting story about Vilfredo Pareto, an economist who made an observation on the wealth of most of the nations in UN and found that 80% of the wealth of a nation is in the hand of 20% of the people in that country. This became famous as the 80/20 rule in the economic world there after. In our computing world especially in case of web development and web developers who are focusing on performance optimization technique this same rule is working for the code. There are only 20% codes, which are consuming 80% time of the client-server interactions. This is particularly true for http requests. Us web programmers are ...

Variable-typing in PHP

Tuesday, April 16th, 2019 by Servage
php-explorer-tab-search PHP is a very loosely typed language. This means that variables do not have to be declared before they are used, and that PHP always converts variables to the type required by their context when they are accessed. For example, you can create a multiple-digit number and extract the "nth" digit from it, simply by assuming it to be a string. In the following snippet of code the numbers 12345 and 67890 are multiplied together, returning a result of 838102050, which is then placed in the variable $number. Automatic conversion from a number to a string <?php $number = 12345 * 67890; echo substr($number, 3, 1); ?> At the point of the assignment, $number is a numeric variable. ...

Create .zip files with JavaScript dynamically

Saturday, March 23rd, 2019 by Servage
The JavaScript library JSZip provides you with the ability to generate .zip files dynamically. This way you can send lots of data to a user in a convenient and bandwidth-saving way. With JavaScript becoming more and more powerful, and the amount of data handled by JavaScripts increasing every day, this is a great way to communicate with the user. Most users generally accept zip files from trusted sites - assuming that your users trust your site ;-) It's really easy to create a .zip file. Check out this sample code: var zip = new JSZip(); zip.add("Hello.txt", "Hello World\n"); img = zip.folder("images"); img.add("smile.gif", imgData, {base64: true}); content = zip.generate(); location.href="data:application/zip;base64,"+content; Creating zip files in the browser with JavaScript also ...