Servage Magazine

Web design has been ruled by Photoshop and other heavy-weights for decades. Even here at the Servage blog we are currently working on a ten-part Photoshop web design tutorial, and there is no question that Photoshop is one of the most popular design softwares available. Unfortunately Photoshop is also a very expensive piece of software and for many hobby or beginner developers it is simply not feasible to spend so much on a software license. Furthermore Photoshop was originally designed for manipulating photos, thus it is not really optimized for web development - even though working with Photoshop renders great results, it could be more efficient. Over the years there have been a few ...

In this section, you will learn how to add icons and buttons to the 4 columns. There are different sites available where you can find different types of icons that you may need for your website. In this case the icons are taken from www.iconfinder.com. On this website, you can find different kinds of icons and these are often free to download. We searched for laptop, notepad, iPhone and bulb keywords on the website. Download the PNG format of the icons. Once downloaded, select all four icons and open them in Photoshop. Select all 4 layers of icons in Photoshop and transform them by pressing ctrl and T to a size where ...

Working with database structure is often a cumbersome process. Initially everything is fine. You have all kinds of options and can design whatever database structure you want and your project needs. You can even change your structure many times over during the initial development without any real implications. However, this changes as soon as you get more developers on board or whenever you start working with real data. As soon as collaboration and live data exists, you need to make sure that structure and data is properly managed throughout any change process you may need. You cannot just change the database in your local environment without properly recording the change and making ...

Are you also one of those computer users who ends up with way too many open windows? Do you know the situation where you are loosing track of which windows you have and where they are? Do you find yourself dragging your windows around a lot, to make room for other windows, to get a better overview, or to work across multiple open windows at the same time? If you are recognizing some of the just mentioned issues, then you will likely be very happy to know that there is relief available. Many developers work like mentioned above, and thankfully BetterSnapTool helps you out in these situations. It enables you to drag ...

In this section you will learn how to add columns showing the services the sample site company provides. Four columns will be created in the template. For this start with selecting the line tool and add a line below the banner in between the grids. Here a distance of 4 pixels is kept in between the banner and the line. The fill of the line has been kept as #bebbb1 and the shape stroke has been set to 1 pixel width with the stroke being set to no color. Increase the height of the line to 5 pixels so that it is completely visible. After this, start with the 4 icons of ...

The programming and code editor called Coda is very popular among Mac users. It offers a range of useful tools and makes programming web applications a breeze. It works nicely for editing HTML, Javascript, CSS and many other programming languages. In this article some features of Coda will be highlighted, which are improving the developer experience even further. Group sites for better overview You can set up sites in coda which holds the settings for a particular website or project. However, often you end up having multiple sites for each project. I.e. you have multiple local or deployment environments, or similar. It could also be multiple sites relating to the same customer, or ...