http://www.smashingmagazine.com/2010/11/03/how-to-build-a-mobile-website/
Monday, November 8, 2010
Friday, October 22, 2010
15 Highly Useful HTML5 Tutorials For Web Designers
Highly useful HTML5 tutorials for Web Designers. I hope these tutorials will help Web Designers to create more beautiful web designs with HTML5. Enjoy!
http://stylishwebdesigner.com/15-highly-useful-html5-tutorials-for-web-designers/?awesm=fbshare.me_AVY1x
Posted by Workohalic at 10/22/2010 10:16:00 AM 0 comments
Create modern Web sites using HTML5 and CSS3
Since the World Wide Web emerged in the early 1990s, HTML has evolved to become a relatively powerful markup language, which, when backed up by its close partners JavaScript and CSS, can be used to create visually stunning and interactive Web sites and applications. This tutorial serves as a hands-on introduction to HTML5 and CSS3. It provides information about the functionality and syntax for many of the new elements and APIs that HTML5 has to offer, as well as the new selectors, effects, and features that CSS3 brings to the table. Finally, it will show you how to develop a sample Web page that harnesses many of these new features. By the time you have finished this tutorial, you will be ready to build Web sites or applications of your own that are powered by HTML5 and CSS3.
http://www.ibm.com/developerworks/web/tutorials/wa-html5/
Posted by Workohalic at 10/22/2010 10:14:00 AM 0 comments
Data-driven interactive applications with HTML5 and Ajax
As the number of mobile platforms increases, developing cross-platform standards-based applications becomes increasingly attractive. HTML5 offers the ability to write complete mobile-friendly applications that include offline use, just like their native-application counterparts. Discover how to create offline-capable web applications using only open source tools and techniques familiar to web developers.
http://www.ibm.com/developerworks/opensource/library/os-html5data/index.html?ca=drs
Posted by Workohalic at 10/22/2010 10:12:00 AM 0 comments
Friday, September 17, 2010
HTML5 Rocks slides - What's new in HTML5
The HTML5 Rocks slides are a great place to learn what's new in HTML5
http://slides.html5rocks.com
Posted by Workohalic at 9/17/2010 04:29:00 PM 0 comments
Tuesday, June 22, 2010
Monday, June 21, 2010
CSS-Based Forms: Modern Solutions
http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/
http://www.emblematiq.com/lab/niceforms/
http://www.noupe.com/php/beautiful-forms.html
http://www.1stwebdesigner.com/inspiration/77-inspiring-blog-comment-form-designs-good-examples/
http://www.noupe.com/css/47-excellent-ajax-css-forms.html
http://sixrevisions.com/user-interface/25-stylish-examples-of-web-forms/
http://css-tricks.com/tips-for-creating-great-web-forms/
http://socialcmsbuzz.com/40-css-web-form-style-tutorials-for-web-developers-14082008/
http://www.456bereastreet.com/archive/200701/styling_form_controls_with_css_revisited/
Posted by Workohalic at 6/21/2010 03:38:00 PM 0 comments
Color shades schemes
http://www.december.com/html/spec/colorshades.html
http://colorschemedesigner.com/
http://www.colorcombos.com/combolibrary.html
http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines
http://www.december.com/html/spec/colorshades.html
Posted by Workohalic at 6/21/2010 01:08:00 PM 0 comments
Thursday, May 6, 2010
Thursday, April 29, 2010
Thursday, April 22, 2010
Wednesday, April 21, 2010
Tuesday, April 20, 2010
HTML5Doctor - helping you implement HTML5 today
Posted by Workohalic at 4/20/2010 03:27:00 PM 0 comments
Friday, April 16, 2010
Wednesday, April 14, 2010
Tuesday, April 13, 2010
Wednesday, April 7, 2010
Design Patterns Library
Open Source Design Pattern Library:
http://uidesignpatterns.org/designPatterns
Yahoo! Design Pattern Library:
http://developer.yahoo.com/ypatterns/
Posted by Workohalic at 4/07/2010 03:32:00 PM 0 comments
Tuesday, April 6, 2010
Free Online File Compare Utility
Use to compare one file to another. Will show you a visual representation of the file and highlight the differences.
Source: http://www.comparemyfiles.com/default.aspx
Posted by Workohalic at 4/06/2010 03:26:00 PM 0 comments
Monday, April 5, 2010
Guide to CSS support in email clients
Designing an HTML email that renders consistently across the major email clients can be very time consuming. Support for even simple CSS varies considerably between clients, and even different versions of the same client.
Source: http://www.campaignmonitor.com/css/
Posted by Workohalic at 4/05/2010 02:08:00 PM 0 comments
Thursday, April 1, 2010
HTML5 - The nsfw element
Among the new semantic elements for section, footer, header and the like, HTML5 also adds an element that can contain any other element and describes it as Not Safe For Work (commonly abbreviated to “nsfw”).
Browsers can be configured by parents, workplace sysadmins never to show content marked as
It’s not just a presentational element, although it does carry with it the inherent CSS nsfw {display:none;}. The user agent is forbidden from downloading any of the resources contained within the element, if the browser’s
http://html5doctor.com/the-nsfw-element/
Posted by Workohalic at 4/01/2010 05:21:00 PM 0 comments
Advanced XML Accordion Menu
http://activeden.net/item/advanced-xml-accordion-menu/95736
Features include:
* XML driven content with over 10 different XML settings to change layout, positioning, colours, dimensions etc. without having to edit the FLA.
* Fully resizeable via XML
* You can have multiple main categories and sub categories.
* Auto open of default item can be toggled via XML
* You can add an external link to the image, or disable with no link.
* All copy is HTML Formatted with built in StyleSheet.
* Special / accent characters supported.
* Instructions manual PDF and comments in the code included.
Posted by Workohalic at 4/01/2010 04:12:00 PM 0 comments
Wednesday, March 31, 2010
How to Target IE6, IE7, and IE8 Uniquely with 4 Characters
body {
color: red; /* all browsers, of course */
color : green\9; /* IE8 and below */
*color : yellow; /* IE7 and below */
_color : orange; /* IE6 */
}
http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-target-ie6-ie7-and-ie8-uniquely-with-4-characters/
Posted by Workohalic at 3/31/2010 04:40:00 PM 0 comments
Tuesday, March 30, 2010
Top 10 Open-Source Platforms to Build Your Own Social Network
Posted by Workohalic at 3/30/2010 04:29:00 PM 0 comments
Monday, March 29, 2010
Friday, March 26, 2010
Thursday, March 18, 2010
Wednesday, March 10, 2010
Friday, March 5, 2010
15 Quality Web-Based Applications to Create Mock-Ups and Wireframes
Posted by Workohalic at 3/05/2010 02:03:00 PM 0 comments
Wednesday, March 3, 2010
Thursday, February 25, 2010
Free Photoshop, Illustrator and CSS Tutorials
Posted by Workohalic at 2/25/2010 09:56:00 AM 0 comments
Monday, February 22, 2010
Friday, February 12, 2010
iPhone based WEB development
Tutorial - Building a website for the iPhone:
http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/
DocType for the most accessbile / mobile / cross browser site:
http://www.talkphp.com/xhtml-html-css/3872-doctype-most-accessbile-mobile-cross-browser-site.html
iPhone 3G tester - online website test emulator with flip:
http://www.iphonetester.com/
iWebKit the Best free framework for creating iPhone, iPod Touch and iPad web applications with ease!:
http://iwebkit.net/
How do I design web pages for the iPhone?
http://www.boutell.com/newfaq/creating/iphone.html
Make Website and WebApp Compatible with iPhone and Blackberry:
http://www.mydigitallife.info/2007/07/12/make-website-and-webapp-compatible-with-iphone-and-blackberry/
How to Write Web Pages for the iPhone and Other Wireless Devices:
http://webdesign.about.com/od/mobile/a/write-web-pages-for-the-iphone.htm
Get to know the QueryPath PHP library:
http://www.ibm.com/developerworks/opensource/library/os-php-querypath/index.html?S_TACT=105AGX44&S_CMP=EDU
A jQuery plugin for mobile web development on the iPhone, iPod Touch, and other forward-thinking devices.
http://www.jqtouch.com/
Will keep adding on.. ENJOYEE!!
Posted by Workohalic at 2/12/2010 12:55:00 PM 0 comments
Thursday, February 4, 2010
Google Chart - Basics, Types and Code Playground
Chart Types: http://code.google.com/apis/chart/types.html
Chart Basics: http://code.google.com/apis/chart/basics.html
Code Playground: http://code.google.com/apis/ajax/playground/
Posted by Workohalic at 2/04/2010 12:40:00 PM 0 comments
Wednesday, January 20, 2010
Create a Lightbox effect only with CSS – no javascript needed
You may call it Lightbox, or Greybox, or Thickbox, but it’s always the same effect.
When you are on a page, and click on a photo or trig some event, a Lightbox is an effect that fades the pagein the background to show you new content in the foreground.
Courtesy: http://www.emanueleferonato.com/2007/08/22/create-a-lightbox-effect-only-with-css-no-javascript-needed/
Posted by Workohalic at 1/20/2010 04:34:00 PM 0 comments
You tube video / menu appears on top, everything else behind
Lightbox / Thickbox / Menu disappears behind flash you tube video [fixed]
* Straight after the Object tag of your video code, place the following snippet:
<param name="WMode" value="transparent"></param>
* Just before the type=”application/x-shockwave-flash” place the following code:
wmode="transparent"
Courtesy: http://www.voodish.co.uk/articles/lightbox-thickbox-menu-disappears-behind-flash-you-tube-video-fixed/
Posted by Workohalic at 1/20/2010 04:29:00 PM 0 comments
Wednesday, January 13, 2010
Ajax Tabs Examples
Nesting Ajax Tabs: http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/ajaxtabs_suppliment2.htm
50+ Nice Clean CSS Tab-Based Navigation Scripts: http://www.hongkiat.com/blog/50-nice-clean-css-tab-based-navigation-scripts/
Posted by Workohalic at 1/13/2010 05:30:00 PM 0 comments
Tuesday, January 5, 2010
Take Your Design To The Next Level With CSS3
Posted by Workohalic at 1/05/2010 05:07:00 PM 0 comments
50 Fresh Useful Icon Sets For Your Next Design
Posted by Workohalic at 1/05/2010 04:57:00 PM 0 comments