Posts

Fullscreen Background Slideshow: jQuery vs Shockwave Flash

A client wanted a website with a background that changes every a few seconds. My friend and I had two options: use JQuery, or;  Shockwave Flash movie (swf)  Our consideration was which solution would load more quickly. As much as possible, we did not want the site's first-time visitors to see the loading spinner for more than 5 seconds, if not at all. After multiple searches, my friend Eduard found this one. Build Internet's Supersized! jQuery Plugin  Supersized! is a fullscreen background slideshow built using the jQuery library. The demo uses 9 images, sizes ranging from 97 kb to 236 kb. The width ranges from 800 px to 1024 px; height from 511 px to 1000 px. If you are a first time visitor of the site, it takes about 2 seconds before you see an element (some texts); 15 seconds after, you begin to see the slideshow background. Good enough! At least, the visitor wouldn't have to wait for a long time. That depends of course on the Internet and hardware speed. (...

Best Screen Size To Design Websites

My friend and I always argued about the "right" or better screen size to design websites. He would design websites as wide as 1900 pixels for the reason that his monitor is that wide. I would prefer smaller because I believe most Internet users still use 1024 x 768 monitors. I'm about to design a web site for Legaspi Landscapes. Again, I have this question in mind. What's the size of my website? Maybe, the experts have the answer. At hobo-web.co.uk, the author said that there is no best screen size. What is important is that the web site can be viewed in any device, in any screen size. The size should be flexible, i.e., it should contract and expand fluidly in any screen size. But, there should be a based size or the size to start with. Hobo-web.co.uk shows live global, US, and UK stats on what the majority are using. The screen resolution 1024 x 768 is the one that is widely used globally. So, might as well design websites using this size. Now, I have the kno...

Web Design Review: Sonic Vitamins Dot Com

Image
Here's another website I found with a good design. I don't usually like black and grey because I find them morbid and boring; but if used properly like what the designers did for SonicVitamins.com , they could be very attractive and effective. This design is simple yet not boring because how the designers put life to it by applying a good combination of colors and how they are positioned to one another. The black background creates drama. The grey background is hardly noticeable. Designing a web is not easy for me. That's why I admire good graphic designers with amazing creativity. Their ideas are boundless. They are gifted.

How to order

Loading... If you want to get my services, please fill out and submit this form. Upon receipt of this form, I will confirm your order. You may view the form in full here . If you don't have a PayPal account yet, apply here. It's free! If you're looking for a budget-friendly web host, I recommend Mocha Host . You can also register your domain name at Mocha Host. You may want to check now if your domain name is available.

Web Design Pricing Calculator

Image
Depending on your budget, this calculator helps you decide which of the services you want to avail yourself of. It also lists the services I offer and the prices of each service. You can download this calculator at Google Docs . Don't have PayPal yet? No problem! Apply here. It's free.

Web Design Review: Razor Scooters Central

Image
Razor Scooters Central ( razorscooterscentral.com ). This site is simple and minimalist yet effective. It is very straight-forward. What you see is what you get. You really don't have to think about anything else. Just by looking at the site, without scrolling down, you'd know that: It's about scooters. The name says so. The images say it so. It's an online store because it says so. Likewise, the images of the types of credit card honored tells you outright that you have to buy the scooters and that it accepts payment using those cards only. It's complete because you'd know what you have to know. You didn't have to read much but it has enough. It leads you to make an action. The three buttons on the right have large fonts that clearly tells you that there are three types of scooters. The image adds creativity in order not to make it look boring. These rectangular buttons make the users to click a choice. What you see is what you get. Clicking on ...

Principles of Effective Web Design

Image
According to Smashing Magazine , "usability and utility, not the visual design, determine the success or failure of a web site ." If the user can not find what he's looking for on a web site, in seconds, he leaves the site. If there's nothing that he can do on a page, in seconds, he leaves the page. Therefore, the user must be able to see in a short time what he is looking for on a web site. On the landing page, immediately, the user must be able to see what he needs. Therefore further, the web site must be clear of its main purpose. A message should catch the user's interest in order to make him stay longer or read further. The landing page plays a crucial purpose. What makes a user click on a link should be the same message that he must see on the landing page. National Geographic's tag line is " live curious ." Similarly, users of the Net surf curiously. If a user knows that the web site is going to satisfy his curiosity, answer some questi...