Many designers believe that as design is seperated from content (using CSS) the only thing you have to do to have your pages available for handhelds is to create a seperate CSS stylesheet that is designed for small screens. After building the stylesheet, it is easy to update your content and have your site available … Continue reading Web pages for handhelds: Size is not the only point!
Category: Web Design Tips
Create a web 2.0 like button in Photoshop part 2: Round Button
Here is an easy tutorial on how you can build a round button for your web site using adobe photoshop. Create a new file (File>New) at 72dpi, RGB mode and create a circle using the eclipse tool. Apply the following effects on the circle layer and your button is ready. We iclude the .psd file … Continue reading Create a web 2.0 like button in Photoshop part 2: Round Button
Create a web 2.0 like button in Photoshop
Create a new document (file>new) with 72dpi resolution. Create a rounded rectangle using the rounded rectangle tool and apply the layer effects as you see them in the images below: The light blue I used for the gradient is #37caef. The final result should look like the button in the image below. Write any text … Continue reading Create a web 2.0 like button in Photoshop
Creating a password box
A password box is the same with a text box, but whatever is typed is hidden by asterisks or bullets. If you want to create a password box type the following in your favorite html editor: password:<input type:"password" name="password" size="10" maxlength="10" /> In size and maxlength you can put anything you want. Size is the … Continue reading Creating a password box
The history of CSS
Back to 90s when HTML 4 appeared, the W3C decided that structure and formatting instructions should be added to the same document with HTML code in order to make it more powerfull. Then the idea begun: a new passion in web publishing, where formatting instructions could be saved seperately from the content and could be … Continue reading The history of CSS
Few words about image formats for web
All of us know three famous image formats for publishing pictures on the web: .gif, .jpeg (.jpg), .png. Let's see their features and which is suitable for each use. Compuserve GIF (.gif): GIF format is suitable for small icons, buttons, logos and images with animation. It uses 8-bit color depth and compresses regions on the … Continue reading Few words about image formats for web
Build a watermark in your photos using Adobe Photoshop
There are many cases that you have to include large fotos in your site, but you do not want others to download them and use them. The easy way to protect your work is to write your name in front of the photo, so it cannot be used, but it does not look nice, does … Continue reading Build a watermark in your photos using Adobe Photoshop
Customising the sidebar as you like!
The sidebar of our blog theme uses a javascript script which gives each user that visits this blog an option to see the sidebar widgets in the way he likes, or even close them. To see what I mean check the video and try it by yourself. As we love web standards, we did not … Continue reading Customising the sidebar as you like!