The 6 steps of creating a website

The 6 steps of creating a websiteOne of my hobbies, actually my favorite hobby, is to write HTML, CSS and PHP code. Or better: creating websites.

If I’m not working on an existing website, I like to think about creating a new one. Based on that, I thought it would be interesting to share my personal steps in creating websites, ranging from the first idea to the boredom of just maintaining the final page.

You can devide the whole process in 6 steps:

  1. The Idea
  2. Evaluation and Preparation
  3. Creation and Testing
  4. Reviewing and Optimizing
  5. Release
  6. Maintenance

Weiterlesen

C#/C++ – Hello World!

C#/C++As I have the fortune to learn C#/C++ at school I thought it is a good idea to share what I learned and what I’m learning. Additionally it helps me to repeat what I learned and I can make sure that I really understood it.

Here we go:

Hello World

At first we need a program which allows us to write and compile C#/C++ code. We are using the Borland C++ Builder but as I’m a fan of open-source programs I’m training my knowledge using the Bloodshed Dev-C++ program unless I’m forced to use Borland.

Now let’s have a look at our first program. Weiterlesen

Useful Tools for validating HTML, CSS and Accessibility

Useful Tools for validating HTML, CSS and AccessibilityWho doesn’t know the situation when you release a website and within a short time you get complaints of users with browser X who say that xyz doesn’t work on the page.

These days there are many browsers out there and of course you can test your page on them if you have the time. Even then there is the chance you missed one or two and then you are back at zero. Also, it is possible that a design doesn’t allow users with a disability to use the page.

So what to do?

First of all it is a good advise to use valid HTML and CSS. Also make sure you don’t abuse JavaScript, Flash and Gifs. If you are reading this article, I assume I don’t have to tell you about these things…

But how can you validate your HTML, CSS and Accessibility?

Well, I will tell you which tools I’m using to validate my websites. These tools are not perfect, but if you use them properly you make sure that they cover each others weakness and leaving you with a valid website at the end. Also, there are some things you can’t validate by using a tool. You need to know the guidelines for HTML, CSS and Accessibility (WCAG) Weiterlesen

CSS – Make your list different

CSS - Cascading Style SheetsIf you have a look at my sidebar, you see that my menu options have little dots (or images) to the left. Thanks to CSS, Cascading Style Sheets, you have many options to style your list, ranging from no style to one of the many default styles. You are even able to use an image of your choice!

So how do you edit and style your list?

Of course you are able to use almost any of the available CSS properties, like borders, background, font and so on.

A list without icons

Let’s assume you want to use the list to create a menu, but you don’t want to have the default list icons added by the browser, because it would break with the design. How do you remove the icons? With a tiny bit of CSS of course:

ul, ol {
list-style:none;
}

This code will remove any list style, leaving you a list without the list icons. It works for both types of lists, order and unordered. If you prefer using in-line editing, just add a style="list-style:none;" to the „ul“ or „ol“ tag and you are set. Weiterlesen

JavaScript – Playing with a Form

JS - JavaScriptI assume you already saw one of those forms which show something like „Enter query“ in one of the input fields and as soon as you enter a letter or press a key on the keyboard, the „Enter query“ vanishes.

As I needed such a feature for a project of mine, I decided to write this tutorial to share a couple of techniques you can use for such an interesting form.

Form #1

The first form has the mentioned feature that removes the text in the input field as soon as you hit a key: Weiterlesen