Front End Development

Now that CSS3 is widely supported in modern browsers, adding a professional touch to the websites is straight forward. I’ll use as an example a button link where we will add CSS3 effects as we progress.

Read More..
Helpful jQuery plugins

In the following article I will present few jQuery plugins that I found out are very helpful and reliable.

Read More..

If you already have experience in building navigation for websites, probably you already know that using floats for links gives you more flexibility for customization.

However, the down-side is that when the design requires, we cannot center the navigation automatically as you add more links. Of course, we can specify margin: auto for the ul element, but than, we need to assign the width, which is very inconvenient when, for example, we need to add an extra link and we need to adjust the ul width again.

In next posting, you will see that the solution is easy and you will find other situations where you can apply the same technique.

View Demo

Read More..

Maybe you have noticed that majority of the drop-down menus on the web, are aligned to the left of their containing parent. Using Jquery, we will position the dropdown in the middle of the parent, dynamically centered, no matter how long the parent’s link width gets. Since the dropdowns are positioned absolutely, the CSS margin: auto won’t help in our case.

Using this method, we can have an interesting design, with an arrow pointing up or you can come up with other design ideas. Also, for users without Javascript enabled in their browsers, the navigation will degrade gracefully and the positioning will be to the left of the parent.

View Demo

Read More..

In the following article, I will explain a method to make it easy for you or for your clients, to float multiple images left, in Wordpress.

The method is useful if you want to float images left, on sections such as team bio, where the member will have his/her image left and a bio text aside right.

The alternative, dirty way to do it, would be using tables, but the code is bulky, harder to maintain, page loads slower and definitely not the easiest way to do it. Read on for the good method.

Read More..

A website speed performance depends mainly on the quality of the CSS and markup code behind it. (JavaScript as well but this part will not be covered in this post.)

The websites with a clean code are also easier to maintain, saving time to the developer and money to the client, that’s why I find extremely important to write the (X)HTML and CSS efficiently.

While there are more website layouts types: fixed-width, fluid (liquid), elastic, hybrid, it is important to choose the layout which suits best for the website target audience.

The most popular is fixed-width layout, which allows to take the design and preserve the appearance to the pixel, that’s why me and most coders out there choose it.

Read More..

The website speed and responsiveness are very important factors and this aspects should not be neglected if you want to have happy visitors.

There are many areas that should be improved for better website performance as: smart wise written (X)HTML/CSS, optimized images and minimal javascript.

On larger websites, you will have JavaScript, that needs to be loaded just on certain pages or areas from the website, without needing to load it and slow down those.

Read More..

View more