Servage Magazine

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

Archive for the ‘Cool stuff’ Category

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

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

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

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

Cheap and professional WordPress themes

Tuesday, October 2nd, 2018 by Servage
Previous articles have covered a variety of sources for good Wordpress themes. One of the main problems is that often the good stuff costs money ;-) Like everything else, no one can afford to work for free, and good stuff deserves a reasonable price. Nevertheless lots of people are working with hobby-projects on the side. They just want a quick and nice solution. While there are various systems available open-source, like the vast amount of content management systems out there - the good design stuff is yet to be more publicly available. Elegant Themes has a membership-approach to sharing professional Wordpress themes among a large audience. By signing up ...

Manage your web development more efficiently

Wednesday, September 19th, 2018 by Servage
Web development goes though many stages. It all starts with a great idea or vision that turns into a real concept, the base for your application and business. Often multiple persons are involved in the project, it takes a team effort to be successful. And being successful is what it's all about, since no one can feed himself from great ideas alone. So how do you ensure success from the beginning? You can't! But what you definitely can do, is improve the odds. You can surround yourself and your project with skilled and ten-oriented people, you can use professional management tools, and much more. Another thing that you definitely can do, is to use a great tool to organize your collaborative effort, to streamline development and make sure everyone is pulling in the same direction.

Pretty JavaScript tools for your website

Wednesday, September 5th, 2018 by Servage
There are many JavaScript tools out there, trying to help you adding some functionality to your website. Dialog, overlay, loader, image gallery, rating, social icons and many many more. The quality of those scripts is very different. And also the documentation and usage are at various levels. For new users to quickly find and integrate something without too many problems, both code quality and documentation are important. Have a look at this collection of JavaScript widgets for your website from no-margin-for-errors.com PrettyPhoto "prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox. It ...

Beautiful color selection made easy

Tuesday, April 17th, 2018 by Servage
Have you ever been trying to figure out how to get the colors for your web project design to match each other? Or have you ever been stuck trying to find suitable colors for a website that should match an existing logo to integrate in the corporate identity? Color selection can be easy if you know exactly what you want, but mostly you are starting from scratch, maybe with an idea or preset main color. However, how do you define proper fitting colors to go along with the main color, to both fit the intended design and be aesthetic at the same time? Maybe you have heard of complementary colors? Being ...