Servage Magazine

Learning new programming languages and systems can be quite cumbersome. Back in the old days it came down to actually reading documentation and struggling through sample code. You could slowly form a working script by partly trying yourself, and partly cutting and pasting examples together. This way of learning to code is very hands on, but extremely slow. You make many mistakes that need correction, which is done with time consuming documentation reading. Thankfully today many developers benefit from better and more modern ways of learning how to code. There are also online code schools where you are taken through various tutorials with on-screen help and coding tasks. This way of ...

In this section, you will learn how to add layers to the form in the banner section. For this, start by selecting the rectangle tool to draw a rectangular layer with dimensions of 460 by 304 pixels. Place this layer at the centre bottom of the banner section. This will be the base of the form. Form title Select the rectangle tool and draw a rectangle with a resolution of 460 by 63 pixels. Place the rectangle in upper section of the form. Use the direct selection tool and move the lower points of the rectangle on both lower left and lower right side of the second rectangular layer. Select the text tool and write ...

Markdown is a lightweight markup language commonly used in documentation or readme files. It is used to simply format a text using descriptive characters or codes the display software uses to render the content. The benefits of markdown are easy writing in simple text editors and common standards for display of formatted content. You can actually easily read markdown formatted text even in plaintext format, because the markup code also makes good sense in a text only environment. Paragraphs Regular text paragraphs do not require any special formatting. They are shown as they are, and new lines are respected as such. This plain text will show as normal text in markdown. Headings Titles and headings are ...

In this tutorial you will learn how to create a banner in the PSD template we previously started. The banner is the large eye catcher at the top of the page below the header. For this, start by selecting the rectangle tool and draw a layer with a resolution of 1600 by 540 pixels, and place it below the header section. You can select the move tool for moving the layer. Since many different layers will be placed on the header section, it would be best for you to darken the color of the layer. By doing so it will be completely visible. Please see the screenshot given below for better understanding of the ...

When building websites you are likely to encounter the jQuery Javascript framework. It is a great library that allows you to build functionality in Javascript better and faster. It basically enables you to programmatically change the DOM by adding, editing and removing elements. Furthermore you can engage with events such as hover, click, scroll, and more. Lastly the ability for Javascript to perform requests to the backend server, thus working with data in the manipulation of the DOM is the cornerstone for web applications. Working with jQuery makes it significantly easier to build great websites. Snippet library The following list contains a few examples of jQuery snippets that are ...

In this series of ten articles you will learn how to build an entire website design from scratch. The starting point is a blank page and no prior Photoshop experience is required. The final result will be a finished website design template in Photoshop PSD format. In a later series we will look at building the HTML. We first want to set-up a grid in PSD format for the website. Starting with a grid is good because it gives structure to the design. For this, we will go to 960.gs and download the grid files from their website, because we do not need to reinvent the wheel. Extract the files from the ...

Whenever you build a website you eventually run into the considerations between back end and front end. What should happen server side, what should happen client side, and how to interact between the two. Nowadays it is common practice to think in apps and APIs even for websites. Instead of simply rendering HTML and content on the server, we are seeing websites that move the entire HTML building into the client. They are so-called Javascript applications, or web apps, or a similar expression covering the principle of building a browser-based stand-alone application, which is loaded once, whereafter page-loads are not occurring in the traditional sense. Instead the application switches views, builds ...