Posted by: siddesigner on: July 15, 2009
Some of you may remember the days when 30KB was the recommended maximum size of a web page, a value which included HTML, CSS, JavaScript, Flash, and images. I find with every new project with even the slightest bit of complexity, it’s not long before that 30 KB ideal is well out of my [...]
Posted by: siddesigner on: July 14, 2009
According to Nielsen Online, social networks and blogs are now the 4th most popular kinds of online activities. 67% of the world online population are now visiting them and the time they’re spending on them is growing by three times the overall growth rate of the internet. Social networks are now visited more often [...]
Posted by: siddesigner on: July 11, 2009
Becoming a freelance web designer is a common dream among many designers, although it takes quite a bit of talent, business savvy, committment, and time. With all there is to consider when becoming self-employed, one can become overwhelmed — enough to deter themselves from trying at all.
Realizing many Smashing readers probably already have a head-start [...]
Posted by: siddesigner on: January 24, 2009
Dreamweaver CS3 makes it easy to create beautiful webpages without ever having to look at the code behind your designs. But even though you don’t have to learn HTML, every once in a while knowing how to work with the code can come in handy. In this tutorial, you’ll find instructions for using Dreamweaver’s code-editing [...]
Posted by: siddesigner on: January 24, 2009
Designing web-sites involves numerous skilled disciplines from type to layout & color. Color is particularly prominent as it provides the first impression to the user. The correct colors can create a good user experience, while incorrect colors can have a bad impact.
To create a good website, the website designer needs to know what affect colors [...]
Posted by: siddesigner on: December 10, 2008
I believe the recent surge in popularity of CSS frameworks comes from a lack of basic understanding of the CSS box model and how it’s implemented across browsers. I wanted to share with you some quick tips on how to avoid easy pitfalls so you can create your own CSS framework in no time flat, [...]
Posted by: siddesigner on: December 5, 2008
2008
Nothing makes you look and feel more like a pro than mastering keyboard shortcuts. While beginners are searching through menus, your fingers will be flying across the keyboard and you’ll be ten steps ahead before they can apply their first command. In all of the Adobe applications, you can view shortcuts; in most (but sadly, [...]
Posted by: siddesigner on: October 4, 2008
This tutorial will explain how to create a resizable tabs navigation using CSS and background images.
Compatible with all major browsers.
Download image used in this tutorial from here.
To start with we need to create a simple layout with a list. Please make sure that each link contains <span> tag.
<div id=”Wrapper”>
<div id=”Navigation”>
<ul id=”mainNav”>
<li><a href=”#”><span>home</span></a></li>
<li><a href=”#” class=”active”><span>services</span></a>
<li><a href=”#”><span>about [...]
Posted by: siddesigner on: September 29, 2008
Today we learn about opacity in CSS! I made an example here and here you have the files.
Information about opacity in CSS:
The opacity property takes a value of the amount of transparency from 0.0 to 1.0. 0.0 is 100% transparent – anything below that element will show completely through. 1.0 is 100% opaque – [...]
Posted by: siddesigner on: September 29, 2008
Web usability has a direct correlation to your potential to effectively make money online. This is largely because the usability of your website very strongly affects the number of return visits you will see from search and referral visitors, as well as your ability to sell any product or service.
Visitor loyalty and the overall size of [...]
