Servage Magazine

CSS is a powerful tool to design your website. It transforms your HTML code into beautifully styled content for your visitors pleasure. In the web world it is generally acknowledged as standard, to divide content and design, seeing the HTML a s a semantical representation - regardless of layout. The CSS is the extra layer that transforms the HTML into a custom view. The advantage is that HTML and CSS development can be split up - which makes sense. Content developers focus on HTML, designers focus on CSS. And as long as everyone is producing standard compliant code, it should work out fine. If you're not sure if your code is standard compliant, ...

The world of social networks is really evolving around Facebook - good or bad - the truth is that you need to realize that importance, and use it to your advantage. Facebook apps are one great way of interactive with users in a custom way - which could give your project or product an advantage over the simple add. Getting starting with Facebook apps may seem overwhelming, but it's really quite simple. They have a eel;-documented API which allows for lots of interaction. You need to have the Facebook API downloaded and enclosed with your website. In this case it's located in a subfolder called "php". Your app's index.php file could ...

Do you struggle with a lot of information from a lot of sources online? Engaged in multiple social networks, using many web apps, getting info here, there, everywhere. It's hard to keep track and stay efficient with this information overload we sometimes experience. Since the invention of the internet, the daily media consumption has doubled, which basically means more info, sometimes at the same time, frying the brain. Anything to help simply this process is an improvement of our own health over time - plus you get the feeling of staying more organized, being able to work better and more focussed, because things are right there, where you need them, sorted. ...

In the previous article we covered 4 specific frameworks, but in the meantime another major player has really proves his wort, and therefore I take the chance to catch up on this topic and add Yii to the list of great and preferred PHP frameworks to use. We're still seeing many users trying to build their own stuff from the ground up. While this is generally a good idea for large custom projects, with a lot of non-standard functionality, it is most likely overkill for most smaller projects. You actually don't need to reinvent the wheel with every project you start. Have a look at this earlier article that presents some ...

Speed or load time is one of the most important factors for users when determining website performance. Unfortunately there are many obstacles on the way, which you can't do anything about: The user's computer, the used client software, the provider, backbone connections etc. The factor you can do something about is your web host and the theoretical performance of your site. Please also remember, that just because it works fast for you , it doesn't necessarily work well for others (depending on the factors mentioned above). Therefore the optimization is worth an effort, even if you're just scraping milliseconds of the load time, or a few kilobytes of thee total size. I recently stumbled over ...

The World Wide Web Consortium, also known as W3, sets the standards applicable for web technologies like HTML and CSS. In the past there unfortunately where a lot of issues with cross-browser functionality, because the different vendors interpreted the standards differently, or even added own options as well. One of the worst in this game has been the Internet Explorer... Unfortunately this is not over yet, as we are still seeing compatibility issues, even with the newest browsers trying to follow the newest guidelines. If you're running a website, you know you just have to life with these hiccups - and try go cheat your way around them. In many cases you can do some CSS ...

If you are a web designer, you may find yourself in a tricky situation where you don't know your place exactly. First off, hobby web designers using a hosting account to create their own website don't really have a lot of choices - they need to do a little bit of everything. You need to create the concept, make the design, build the HTML, apply the styles, manage dynamic content, fix the backend and database, plus maintain the operations of the website, updates etc. However, since hobby includes fun and motivation, this shouldn't be a problem. Also, there's no need to be an expert, since you're doing it to have ...

Have you ever thought about what images on your would say to visitors, if they were not shown, but hat to be put in words? Would they be purely decorative, as part of your website's design, or would they have actual contextual meaning, being a part of the content? It's important to consider the accessibility of images when thinking about not only alternative devices like mobile, but also for other devices, optimizing for general accessibility. A blind person for example doesn't get a whole lot from images. Such a visitors client will, however, assist in presenting the image in an alternative way - if available. Design images Images that are part of your ...

This is a little teaser on what can be achieve with web technologies and a little spare time on your hosting account! It's amazing what you can do with the new HTML5 canvas combined with CSS and other effects. This example shows a 3D illustration of the solar system based purely on regular web technologies, HTML, CSS and JavaScript. HTML document The solar system is structured like a regular, logical HTML document, where elements have containers, sub-elements etc. <div id="universe" class="scale-stretched"> <div id="galaxy"> <div id="solar-system" class="earth"> <div id="mercury" class="orbit"> <div class="pos"> ...

It's not so hard to set a HTML page's language declaration with a meta tag, but have you considered what to do if you have a multilingual site or single page? Browsers, search-engines etc., can use this information to display a website better or index more logically. Like many other things, especially when talking about search engine optimization, it is down to the details. Declaring the proper language is one of those - it's just more professional to do it right. Meta Tag <META HTTP-EQUIV="Content-Language" Content="fr"> Multilingual page <dl > <dt>British English</dt> <dd lang="en-GB">Potato</dd> <dt>U.S. English </dt> <dd>Potato </dd> <dt>German</dt> <dd lang="de-DE">Kartoffel</dd> <dt>French (France)</dt> <dd lang="fr-fr">pommes de terre</dd> </dl> It's very simple as you can see above. Read more about the dl, dt and ...