How to Use Masks in Fireworks CS5

June 8, 2013

Flash WMode To Preserve The CSS Stacking Order

July 24, 2012

If you are using Flash animations in your web pages, you might find yourself struggling the the overlapping of your navigation menu and a flash movie.
Your sub-menus will appear underneath the bounding box of your Flash movie no matter what CSS trick you use to change the stacking order (z-index) of the HTML elements affected by that issue.

Read more…

Adobe CS6 Is Here

May 14, 2012

Adobe® has just release a new version of its software suite CS6. As always I am once again blown away by this new version of the Creative Suite from the start screen, the new user interface to the new functions and features added to each software in the package.

Read more…

Building A Navigation Menu With HTML5 and CSS Part 3

May 1, 2012

We are now going to build a horizontal navigation menu with just HTML and CSS. In Part 1 we wrote the HTML snippet that we are using in both a vertical sidebar navigation and the horizontal bar navigation. In Part 2 we wrote the CSS styles needed for the vertical navigation.

Read more…

Building A Navigation Menu With HTML5 and CSS Part 2

April 20, 2012

In the Building A Navigation Menu With HTML5 and CSS Part 1 post we wrote a sample HTML of your web site main navigation menu. In this article we will now write the CSS styles needed to both position and address the overall look-and-feel of a vertical navigation typically displayed in a sidebar. Assuming, your sidebar is placed on the left of your web pages, we’ll accordingly assign the CSS ID #leftnav to the HTML element wrapping that navigation (<nav id=”leftnav”>….</nav>). Now comes the CSS style sheet.

Read more…

How To Merge Multiple Style Sheets with CSS Media Queries

April 17, 2012

This article is an attempt to share some insights pertaining to web design for multiple devices: desktops, laptops, tablets, smartphones and other internet enabled portable gadgets. Thanks to CSS media queries, you can now serve the same content to all those platforms and define a style sheet for each specific range of screen sizes. To provide each web site visitor a web experience tailored to her device, web developers have to create multiple CSS stylesheets — at least 3 — in order to cover the display spectrum.

Read more…

Building A Navigation Menu With HTML5 and CSS Part 1

April 13, 2012

The navigation is one of the most import element of any web site. It can be positioned horizontally below your web site main header then duplicated on the page footer or  maybe you decided to have a  sidebar (left or right) to display you site navigation instead. The same HTML can be used in either case and CSS will take care of your specific choice of orientation. Here is the HTML of a typical navigation bar using HTML5 semantics:

Read more…

Preview A web Page In A Browser From Dreamweaver

April 10, 2012

Whether you are  designing a new web page or updating an existing one in Dreamweaver it’s always a wise idea to preview your work in a web browser every now and then to make sure you are heading in the right direction. Because of  inconsistencies across web browsers your web site visitors use, regularly testing your web site design is a must during the design and update process.

Read more…

How to Create Buttons With CSS and No Graphic

March 29, 2012

Buttons are used in a web site primarily for navigation or in a web form for the end-user to click to perform an action such as submitting the form or simply to reset the changes made in the case of a very long forms. For the most part, web designers have to first create individual images in a graphic design program sch as Photoshop or Fireworks.

Read more…

Creating Web Slices with Adobe Fireworks Slice Tool

June 10, 2010

Adobe Fireworks Web Slice ToolCreating web slices is the first step to converting your  digital artwork into a website. Whether your design is done with Illustrator, Photoshop or Fireworks,  ”web slicing” is an essential skill to master.
It’s not only about using the slice tool but choosing the right slices. When done the right way,  optimized web slices will help you create fast loading web pages also easy to update.

Read more…