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

CSS snippets for images

Tuesday, March 10th, 2020 by Helge
Stylesheets are powerful to customize the looks of your website. You probably now that it is the defacto standard for web development layout and design today. However, many developers forget about the advanced possibilites available with CSS. CSS is much more than font-sizees, borders and background-colors. Check out the following snippets for inspiration. They are all related to image-handling on websites. CSS Snippets Image Map Image Preloader Image Replacement for Submit Buttons Tutorial If you are not so familiar with CSS then check out this splending tutorial from W3. CSS is described by Wikipedia as: “Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation semantics (the look and ...

Create nicer looking forms with CSS

Friday, February 21st, 2020 by Helge
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 ...

Writing your own WordPress plugin

Friday, January 17th, 2020 by Helge
Plenty of our customers running Wordpress. It is easy to install and handle via the Servage application installer. It is a very popular tool since 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 ...

Remember secure passwords easily

Friday, December 20th, 2019 by Helge
servage_lock:hdIt’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, ...

Local development with PHP and MySQL

Tuesday, December 17th, 2019 by Helge
newpic Developing quickly and efficiently is important to create value for your users. Having an environment which endorses swift programming and designing really helps you satisfy your customers better. So, how do you develop your web apps? Are you always working on the live code on the webserver? Or are you using advanced version control systems to roll out tested changes? Are you testing on a local machine, uploading your changes every now and then? Obviously there are some serious considerations and risk assessments to make. . However, this article wont judge your development practices. This one is about development on a local machine. Server software You need the proper server software on your ...

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