A few weeks ago we published a free PSD web template for a corporate website. A design with classy elegant look, suitable for any business or corporate website. We also had published its tutorial a week earlier. Today I’ll describe how to convert that PSD file into an HTML CSS working website.
This is my first PSD to HTML tutorial, hopefully you’ll like it. I’ll greatly appreciate if your comments and suggestions for my guidance.
jQuery is the hottest girl in Developers-ville. This is the reason why we keep sharing jQuery related posts in spite of the fact that it is not one of our most focused subjects.
This collection consists of 20 great jQuery JavaScript tutorials (and their plugin downloads) for creating magnificent Slideshows and Image Galleries. Most of these tutorials work with the combination of CSS-jQuery and this fact makes it interesting for designers as well.
Most of the tutorials here do not need very advanced skills so you should give it a try even if you are new to development.
I came across this very cool little snippet to create inside dotted or stitched effect in css3 without using any images or background images here. There were many unnecessary lines of codes in the original snippet so I took the liberty of cleaning it up and providing you with this simple tutorial.
So what we are going to make is a 400 x 400px square with this effect.
It took a while due to my exams, but your patience will be rewarded – the final part of our CSS guide is here! I certainly hope that the final piece of the puzzle will be as useful as the previous parts and it will once again greatly enhance your CSS knowledge.
Today we’ll learn all the basic codes related to colors and background settings in CSS. Let’s get on with it, shall we?
Welcome back to our CSS tutorial! A week has passed and I’m back to bring you more knowledge, as promised. Although we’re nearing the end of our CSS First Aid kit, no need to despair – after this series is over, there will be a more advanced one so that you can become even more skilled and dare I say even feared amongst your competitors.
Anyhow, now that we’ve established you’re cool and it’s a good thing to constantly expand your experience with CSS, let’s take a look at the basic sum of Classification properties – by the way, yes, Classification properties are the topic of the 5th part of our tutorial.
Box properties are one of the most important things you can learn in CSS. In the same way you probably couldn’t find a website which doesn’t use Text, most of the webmasters out there tend to use Box type of property to adjust positions of their elements. The good news is that there will be nothing fancy today, all properties from this group are very straight forward.
So let’s begin by understanding what is classified as a Box Property?
A week has passed and I’m back with another insight which will help you in discovering the beauties of CSS. As promised, the third part explains everything there is to know about Fonts. There is obviously no need to stress the prominence of Fonts in terms of typography and web design, but before we begin this article, if you haven’t checked out the previous two, you should.
CSS Properties 1 – Units and Colors
In the previous article CSS Properties 1 – Units and Colors, we focused on some of the basics of CSS. That article must have furnished you with the foundation of CSS and you should now be able to have a firm grasp of measuring units and be eager to start with some real CSS.
In today’s class, we shall learn how to manipulate text using simple CSS. For that, we’ll take a look at the codes and properties related to Text in CSS. All websites have some sort of text on them and it is therefore crucial to understand how many shapes you can create and how will CSS text properties affect the visual result of your site. Heading on to the second part of our CSS guide, let’s tackle Text Properties today.
There is no written rule about designers having a mandatory knowledge of CSS, but you can bet that when you do understand it, you will have a significant advantage over your competitors; such advantage may even grant you a job over someone who has no idea that CSS stands for Cascade Styles and is related to websites.
I am the first to admit that my design skills are below average. I learned a single drawing in my first grace (a house, a tree, grass, sky and Sun) and as sad as it might be, after 15 years it is still the only thing I am confident about when it comes to drawing.
However, I am a man of numbers and letters and you must know the correct coding procedures before you can even judge the design impact. That’s why I feel I can be of assistance to the large crowd of designers and their fans here on DesignZZZ by providing a complete overview of the CSS properties.
No need to worry, it won’t be one super long article; I will rather split the large number of properties to several groups and focus on each in an individual article. I have chosen the following division:
Sponsors
