Rumball Motors Interactive » HTML

Impressive web forms. From coding to validation!

admin — Tue, 30 Mar 2010 11:52:03 +0000

Quite some time ago I have published the first part of this series. Today I’ll tackle coding a good webform, styling it, client-side and server-side validating. The first part of the tutorial was extremely popular, and that’s why I chose to merge parts two and three, which anyway are closely related.PS: You’ll need some patience digesting this tutorial as it turned out to be really complex.The code I am about to present here is the one that has been used in our contact and request quote forms from our newly released web development website, just as the jQuery slider tutorial published a few weeks ago was used in our portfolio section.

via Impressive web forms. From coding to validation!.

Ajaxian » HTML Minification

admin — Wed, 10 Mar 2010 12:41:30 +0000

Good old Kangax has been playing with HTML minification and has shared his new tool in an early stage.

via Ajaxian » HTML Minification.

Free XHTML & CSS3 One-Page Template – Tutorialzine

admin — Tue, 16 Feb 2010 21:42:55 +0000

In response to this week’s tutorial, where we are creating a HTML5 & CSS3 template, here is the pure XHTML version. It is compatible with all browser versions, SEO friendly, and features a sleek jQuery scroll effect. Perfect for those cases when you need something up fast.It is easily modifiable and the code is properly commented.

via Free XHTML & CSS3 One-Page Template – Tutorialzine.

Tips for Coding and Designing Usable Web Forms – Noupe

admin — Mon, 25 Jan 2010 17:06:21 +0000

The web form has been one of the most discussed elements in web design for more than ten years now. We can’t help it. Call-to-action functionality often leads users to a form; purchases are made using forms; users register or subscribe using forms — the uses for forms are endless.

While it is fairly easy to slap together a form in HTML, it’s not as easy to code, style, and design your form in a manner that makes it usable and accessible to the majority of users. Since forms play such a large role in website conversions and success rates, the tips below, as well as the resources provided at the end of this article, should prove valuable for developers creating and coding web forms.

via Tips for Coding and Designing Usable Web Forms – Noupe.

9 Essential Tips For Creating A Single Page Portfolio Website | Voosh Themes

admin — Fri, 08 Jan 2010 17:32:11 +0000

Single page portfolio websites are particularly popular right now and there are some great examples of such sites around the Web. These types of sites present a number of unique design issues largely because of the space limitations involved – presenting everything about yourself and your work on a single page can very difficult.

For instance, you’ll want to include a bit of background information about yourself, the services you provide, previous work you have completed, and a means for people to get in touch with you. Achieving this successfully without overloading users with information requires quite a bit of thought and effort.

Below are some important tips that you’ll want to consider when designing single page sites – most of these also apply to all types of web design, but they are particularly relevant with one page sites.

via 9 Essential Tips For Creating A Single Page Portfolio Website | Voosh Themes.

15+ Best Practices Tips: Designing Web Form | Admix Web

admin — Wed, 23 Dec 2009 14:34:01 +0000

When working in the world of web design and development, creativity is of course fundamental. However, it is more important to follow best practices to insure greater usability, functionality, and ease for the users. Forms are one of the most disliked functions to deal with on the web for users, when they are difficult to understand, or if they have no clear lay out or design. Therefore, it is very important to use best practices when designing web forms. Here is a list of best practices in the area of web form design for you to use when designing or developing you next web form. Hope you find them useful! Enjoy!

via 15+ Best Practices Tips: Designing Web Form | Admix Web.

10 Ways to speed up your website | Front end development tutorials | Inspired CSS

admin — Tue, 22 Dec 2009 15:26:52 +0000

There is nothing more frustrating for a user than waiting an age for a web page to load. Even in today’s world of high speed broadband it is imperative that you build your web pages to load as fast as possible. None of your user’s want to sit waiting for a page to load. In this age when people want everything in an instance you can be sure they won’t return to your site if it doesn’t load fast.

Below are 10 ways in which you can dramatically speed up your website and keep user’s with the slowest of internet connections happy and keep them returning for more.

via 10 Ways to speed up your website | Front end development tutorials | Inspired CSS.

The Most Important Design Real Estate on Your Site | Inspired Magazine

admin — Mon, 21 Dec 2009 15:41:40 +0000

Your site is full of real estate and almost all of it is trying to grab the visitors attention as quickly as possible. It could be argued that all real estate on your site is important, if you feel like being a pedantic whiny face. There are some areas, one in particular, that deserves extra love. Over there in the right hand sidebar near the top. That’s one of the main focal points for directing traffic around your site. Have no worries, I’ll be getting to her lips later.

via The Most Important Design Real Estate on Your Site | Inspired Magazine.

HTML5 Visual Cheat Sheet (Reloaded) – woorkup.com

admin — Wed, 16 Dec 2009 21:38:20 +0000

This new HTML5 Visual Cheat Sheet is an update of my HTML 5 Visual Cheat Sheet that I published for the first time some months ago on my old blog (http://woork.blogspot.com).

This cheat sheet is essentially a simple visual grid that contains a list of all HTML tags and of their related attributes supported by HTML 5. The simple visual style I used to design this sheet allows you to find at a glance everything you are looking for. Please leave a comment! Every suggestion will be appreciated!

via HTML5 Visual Cheat Sheet (Reloaded) – woorkup.com.

Create A Faultless HTML Email | What!? We Like To Talk About

admin — Tue, 15 Dec 2009 14:15:49 +0000

In the world of email marketing, I think it’s fair to say, that far too many people fail to take into consideration the importance of good design and perfect cross-compatibility within email clients. I receive emails which ‘break’ in my chosen client, or have missing links much too frequently – a bad email has exactly the same impact as any other bad marketing; it lowers the values of that company in the eyes of the recipient.

via Create A Faultless HTML Email | What!? We Like To Talk About.