Author Archives: hesty

Web Design Tricks

Web design tricks are used by Professional web designers; to create effective web page designs but most importantly to show off beautiful code. A web designer’s job is to develop web pages that communicate effective design, while also demonstrating knowledge of html and CSS. Web designers can utilize a variety of web design tricks there are tons of design related resources available for free to  designers, graphic designers or anyone seeking knowledge of creating or learning about website design tricks.  Professional web designers such as Molly, Lynda, and Eric Meyer, often have blogs or have written books, dedicated to helping others learn how to create web design tricks. I have found a great list of web design tricks & resources and have listed them on my website, you can check out the article it’s called “Useful websites that offer free web design tips & tricks” I have also included in this article some basic web design tricks that you will be able to incorporate in your next design project.  

The first thing you want to do before designing your web page is to create a flowchart, a flowchart will aid in the outline of your web design project.  Next you will need to decide how you want to lay-out your site. There are a few basic layouts, however most professional designers use layouts that are compatible with the more popular browsers, “this design trick’ is very important to know, as you will want all users to be able to access your web pages. The site Just dreamweaver has a ton of free blank or empty layouts that you can use as a guide. Or you can choose from some pre-made templates that are featured free, on smashing magazines website.  If you don’t like any of the layouts suggested, you can create your own. Make sure to ensure browser compatibility by incorporating the right browser hacks. Make sure you know how the browser hacks work before you use this particular web design trick. Do some research on website design tricks before attempting to write your own code.  

Next you will use the measurements from you’re empty web template to start the design process. Most Professional designers use Photoshop to design the graphical interface of their web page. I like to start my PSD interface template by boxing my layout first. For instance If I have a header at the top of my page, I would first create a big grey box and label it header, than on my side bar I would create another grey box, matching the measurements 100% from my html coded template, this ensures that I have a perfectly even and compatible transition from PSD to html or xhtml. After you have laid out your grey outline you can turn on rulers and guides and start lining up your grey outlines.  

Now if you turn off the entire layer, you will see that the rulers have perfectly lined up your site for you. The next step is to lock the rulers than group the grey layer and hide them and then lock the grey layer as well. Now you are ready to start your design, if you are having trouble coming up with concepts, look at some example sites to get your creative juices flowing. With these Web Design Tricks you are sure to create a 100% cross browser compatible web design that’s super easy and fast to create, furthermore now that you know these simple web design tricks, you can incorporate them in your next design project.  

Web Site Development – The Roles of Web Designers and Web Programmers

A web site is a software package. By definition, a package is a ready-made program that is available to users for use to perform some tasks. These users include non-IT professionals. Thus, a web site qualifies to be a package like Microsoft Office, Peachtree Accounting packages.

Before the revolution of The Web (WWW), development of software package was the exclusive preserve of skillful programmers. Programmers or software developers develop the logic of programs which a package will eventually use to function. This logic building aspect of software development requires high level of intellect. This together with the intricacies of mastering programming languages made the development of packages uninteresting and unattractive to a large spectrum of people.

Following the revolution of The Web, it became possible for non-programmers to develop packages right from the inception. These are web-based packages and of course, web sites, requiring no programming skills. The result was the creation of a new type of profession called Web Design. A web designer is someone who organizes a web page by arranging texts, pictures, animations, forms etc on a page and formats them to produce good presentation. All he needs do is to make use of any of the appropriate web development tools like Macromedia Visual Studio and Microsoft FrontPage. Through the Design section of Macromedia Dreamweaver, for example, you can design a whole web page without using HTML codes. What you have is a web site. A web site is one or more web pages. These web development tools are the equivalent of what the popular package Adobe PageMaker does which is to organize and format pages of books, magazines, newspapers etc. No programming is required.

The limitation of web designing is the creation of static web sites which may be suitable for some applications but not all. They produce non-interactive and non-dynamic web sites that are unsuitable for certain applications and needs. For example, online registration. The role of a web designer stops at this point and that of a web programmer begins. As a result of the limitation of static web sites, the need to move further arose. People wanted sites where they could post forms for tasks like creating accounts online and authentication of passwords. This led to the development of web programming languages otherwise known as scripts. Examples are JavaScript, ASP, ASP.NET, JSP, PHP, ColdFusion etc. The result was the creation of the profession of web programming. A web programmer is someone who develops programs for the purpose of performing automated tasks on a web site. Some prefer to call them software developers. Example of such tasks are:

  1. Data validation.
  2. Form submission.
  3. Sign Up.
  4. Database search.

Thus, it became possible to develop dynamic and interactive web sites capable of doing what conventional software could do on stand-alone computer and network using non-internet technologies. Online banking, stock broking are examples. These functions can now be carried out entirely on internet. To develop functional scripts for such automated tasks, logic building and mastery of the programming language to use in terms of syntax are required. Most of the programs are written from scratch.

Can you be a web designer and a web programmer? Yes, you can. There are people who double as web designer and web programmer but specialists are noted for doing better in their respective fields of specialization than non-specialists. Some sites do not require more than web designing but many sites nowadays require both web designing and web programming like the multi-tier applications that have presentation layer, the logic layer that interfaces the presentation layer with the database, and the data layer that contains the database. There are even database specialists who design database and write what is called stored procedures and triggers right inside the database. The use of stored procedures increases the overall efficiency of site execution as it minimizes the number of times SQL statements are parsed, compiled, and optimized during execution. You can see that site development is quite deep.

The roles of web designers and web programmers are complementary in the development of web site. You need to identify where your ability lies and allow that to inform your choice of area of specialization. If you know you have the ability to write programs, you can go beyond web designing and become a web programmer but if it is otherwise, stick to web designing and continue to grow and sharpen your skills. The truth of the matter is that programming is not for everybody.

If you are a conventional graphic artist, you will find it easy to crossover to web designing and if you are a conventional programmer, you can readily crossover to web programming. What I mean by conventional graphic artists are those who have the expertise in the use of tools like CorelDraw, Photoshop, and PageMaker to perform Desktop Publishing tasks. By conventional programmers, I mean the experts in programming languages like C++, FoxPro, COBOL, and Dbase.

As long as you can determine where your ability lies, you will surely overcome frustrations in your tasks of developing web sites and you will continue to enjoy what you are doing. If you are a web designer and you have a job that involves programming which you cannot handle, look for assistance from a web programmer. If you are a web programmer and you are having issues with web designing in your task, seek the assistance of a web designer. If you can handle both areas to a very large extent, well and good.

Creative Web Design

By contracting a creative web design company to design your new website as opposed to a more traditional web company, you give yourself an unmeasurable edge over your competition in the eyes of your potential customers.

Traditional design companies focus on purely getting a site put together with relevant information, that functionally works. Enter Web 2.0 and more traditional marketing avenues venturing into the marketplace, and creative web design companies have come into the game.

By ‘creative web design’, I refer to websites which still have the functionality and relevant information consumers have come to expect, but have a huge focus on the aesthetic aspect, and use traditional marketing ‘wow factor’ to capture the users attention, and last longer in their mind than those of the competitor.

Picture a billboard with great graphic design and immaculate choice of imagery, compared with an ad on the side of the road simply with a name and number. While you may have chosen to look at both, the creative approach will prompt you, the audience, to remember the creative billboard.

Now picture two websites, side by side. One with a flash intro page, immediately showing a montage of images and grabbing y our attention; which leads into a visually beautiful website where every pixel is perfectly crafted into alignment. Next, a bland website showing you purely text and a basic navigation. The difference is so enormous it’s like comparing Black and White TV with a 3d Movie Theatre.

Through the use of the latest and greatest technology, a creative web design company will use Flash, jQuery, and HTML5 to visually engage the user; however this is where the pitfalls of a creative web design can come into play.

Many years ago, around the year 2000, many graphic design companies started to see an emergence in the marketplace for web services. Many of these companies had employees with a little web experience, enough to get by, and as such they began offering web services. What they didn’t understand was functionality, valid mark-up, cross-browser compatibility, or SEO – all things which a more traditional web design company would take into account.

While this would be classed as a creative web design company, often their creative web design’s wouldn’t be successfully converted from a design into code, and having mis-alignments in a design (especially cross-browser) became commonplace. Without experienced developers on-hand, many of these problems became overlooked, and many substandard creatively designed websites are still around today, with more and more being sent live on the world wide web every day.

For this reason, when looking to hire a creative web design company, you should always be sure to look into their operation, most reputable companies won’t mind you asking a few questions. In a creative web design company, the people building your site should be working as a team. The days of all-rounders are over, and when creativity is to be combined with functionality, it is essential to have a ‘designer’ as well as a ‘developer’ work on your project.

A designer is generally artistically minded, and may have worked as a graphic designer in the print world at some capacity. Thei r goal is to create a visually appealing design for your approval. This will be a static image of what your website is going to look like, as it is much faster to edit a graphic than to edit a coded website. Most creative web design agencies work in a similar fashion, as this allows for the complete artistic talent of the designer to be used, and complete use of the imagination of not only the designer, but also the client.

Once a design is approved, a developer steps in to convert this to a web format in standards compliant code. This may include implementation of a Content Management System (CMS), and generally involves some mild Search Engine Optimization (SEO) as well as cross-browser compatibility. Once this is done, your brand new creative web design is all ready for the World Wide Web.

You need to choose a creative web design company that can fulfil all of your needs from creating a website which suits your brand image and captivates the user, to something which will navigate easily, rank well on search engines, function the same across your entire user-base, and ultimately lead to more conversions in your market.

The main things to keep in mind when choosing a creative web design company are their design to implementation process, their cost, their portfolio, and ultimately the level of service you can expect. I am an online consultant, and can help you shoul d you have trouble finding an agency, or even if you would like me to help in assessing another agencies ability to meet your needs to come up with a creative web design that will fit your needs and help in squashing your competition.