Servage Magazine

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

Archive for December, 2013

Happy New Year 2014

Tuesday, December 31st, 2013 by Servage
Happy New Year! I wish you a great 2011, and hope to see you around on the blog. 2010 has provided a few great thing to the world of technology, and like any curious developer I'm excited to see what's coming in 2011. This post is nothing but a nice greeting, and encouragement to provide ideas and suggestions for future topics. My own interests are web development and innovative services/hardware, but I am happy to hear your tips on cool stuff. Random trivia: The 1st of January is one of the busiest days for take-aways ;-)

Transparency in flattened images

Sunday, December 29th, 2013 by Servage
transparency-2-wallpaper   It is possible to add transparent areas to images that have already been flattened and saved as a GIF or PNG. The GIF containing a yellow circle on a purple background that blends in fine against a solid purple background, but would be an obvious square if the background were changed to a pattern. The solution is to make the purple areas transparent to let the background show through. Fortunately, most graphics tools make it easy to do so by selecting a pixel color in the image, usually an eyedropper tool, that you’d like to be transparent. In Photoshop, the transparency eyedropper is found on the Color Table dialog box (Image ➝ Mode ➝ ...

New elements and attributes in HTML5 – Part 2

Thursday, December 26th, 2013 by Servage
Here we discuss a few more new elements and attributes that are introduced on HTML5 recently. Canvas API The canvas element adds a dynamic, two-dimensional drawing space to a page. We’ll take a look at it at the end of this chapter. Web Storage API Allows data to be stored in the browser’s cache so that an application can use it later. Traditionally, that has been done with “cookies,” but the Web Storage API allows more data to be stored. It also controls whether the data is limited to one session (session Storage: when the window is closed, the data is cleared) or based ...

Merry Christmas to all of you

Tuesday, December 24th, 2013 by Servage
I wish you all a merry Christmas out there! And if you're not one of the people celebrating this holiday, enjoy yourself watching all the others stressing around to get things done in time for Santa's arrival today or tomorrow. Maybe someone could tell me why some places get presents Christmas eve, and some on Christmas morning? Or is it just to allow Santa enough time to get around to everyone? I hope you get a great time with your family, and may your wishes come true for some nice electronic gadgets, or whatever you have wished for. Feel free to submit your wishes regarding topics for our blog by submitting a ...

Optimizing GIF imagefiles

Friday, December 20th, 2013 by Servage
aaaa   When optimizing GIF images, it is useful to keep in mind that GIF compression works by condensing bands of repetitive pixel colors. Many optimization strategies work by creating more areas of solid color for the compression scheme to sink its teeth into. The general methods for keeping GIF file sizes in check are: • Reducing the number of colors (the bit-depth) of the image • Reducing dithering in the image • Applying a “lossy” filter • Designing with flat colors   Reducing the number of colors The most effective way to reduce the size of a GIF file, and therefore the first stop in your optimization journey, is to reduce the number of colors in the image. Although GIFs can contain ...

Using DOM elements in Javascript – Part 2

Monday, December 16th, 2013 by Servage
Here we will discuss about some more id attributes syntaxes. By id attribute value getElementById() This method returns a single element based on that element’s ID (the value of its id attribute), which we provide to the method as an argument. For example, to access this particular image: <img src="photo.jpg" alt="" id="lead-photo">' We include the id value as an argument for the getElementById() method: var photo = document.getElementById("lead-photo"); By class attribute value getElementsByClassName() Just as it says on the tin, this allows you to access nodes in the document based on the value of a class attribute. This statement assigns any element with a class value of “column-a” to the variable firstColumn ...

Using DOM elements in JavaScript – Part 1

Saturday, December 14th, 2013 by Servage
We have earlier seen an introduction to DOM Nodes and Structures in JavaScript. Now let’s discuss some advanced DOM Management Concepts to make best use of it in Web Development. The document object in the DOM identifies the page itself, and more often than not will serve as the starting point for our DOM crawling. The document object comes with a number of standard properties and methods for accessing collections of elements. Just as length is a standard property of all arrays, the document object comes with a number of built-in properties containing information about the document. We then wind our way to the element ...

Compatibility solutions of video files

Thursday, December 12th, 2013 by Servage
We already know that one video format isn’t going to cut it in the real world. At the very least, you need to make two versions of your video: Ogg Theora and MPEG-4 (H.264 video). Some developers prefer WebM instead of Ogg because browser support is nearly as good and the files are smaller. As a fallback for users with browsers that don’t support HTML5 video, you can embed a Flash player on the page or use a service like YouTube or Vimeo, in which case you let them handle the conversion, and you just copy the embed code. In the markup, a series of source elements ...

High performance design for mobile users

Wednesday, December 11th, 2013 by Servage
Before creating a high performance website for mobile users, we need to have enough data to analyze and then determine the requirements of mobile users, through various techniques. In this post, I include tips and techniques to do performance optimizations for mobile-first website designing. Constraints Prior to any work with performance optimization on sites for mobiles, we must be aware of the constraints that can hinder optimization. The first obstacle is power supply, i.e. small batteries. With this constraint in mind, we need to scale everything as we have limited power for a limited time. The reality is, users could run out of power at any moment during ...

Color management in mobile frontend-design

Tuesday, December 10th, 2013 by Servage
There are many practical issues for web designers related to color management; particularly in matching colors in images to colors generated by HTML, CSS or other code. This happens frequently when we are using Photoshop-like graphic design software. The obvious reason is that Photoshop uses different color parameters that are generally restricted to its working windows and saved files. Plus colors are different from browsers and operating systems’ color management tools. Differences in Color Management Different operating system have different ways to manage colors. Gamma values differ between Mac OS and Windows. Likewise, there is a visible difference for iOS and Android devices, where you are creating for ...