<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-2706659832987304732</atom:id><lastBuildDate>Wed, 28 Dec 2011 13:10:25 +0000</lastBuildDate><category>software managment</category><category>Microsoft Expression</category><category>Project Management</category><category>SQL</category><category>CSS</category><category>Infrastructure</category><category>Errors</category><category>SharePoint</category><category>Ledo Programming</category><category>Human Resources</category><category>Social Networks</category><category>Devloper Tools</category><category>Management</category><category>Ajax</category><category>UI Developing</category><category>Dotnet</category><category>Industry News</category><category>Technology and Society</category><category>C#</category><category>JQuery</category><category>DirectShow</category><category>SAS</category><category>WCF</category><category>Software Management</category><category>HTML</category><category>Patterns and practies</category><category>Software</category><category>software as services</category><category>Web Techniques</category><category>IT Management</category><category>ASP.net</category><category>Entity Framework</category><category>Media</category><category>HTML5</category><title>Waleed Mohamed</title><description>Think Deeply. Code Well.</description><link>http://blog.waleedmohamed.net/</link><managingEditor>noreply@blogger.com (Waleed Mohamed)</managingEditor><generator>Blogger</generator><openSearch:totalResults>83</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/LedoMoonBlog" /><feedburner:info uri="ledomoonblog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-6587668874026492263</guid><pubDate>Tue, 18 Jan 2011 23:40:00 +0000</pubDate><atom:updated>2011-01-19T01:41:03.827+02:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Management</category><category domain="http://www.blogger.com/atom/ns#">Human Resources</category><category domain="http://www.blogger.com/atom/ns#">Technology and Society</category><category domain="http://www.blogger.com/atom/ns#">software managment</category><category domain="http://www.blogger.com/atom/ns#">Software Management</category><category domain="http://www.blogger.com/atom/ns#">Project Management</category><title>Make a successful Sales Interview While Having Almost No Idea about It</title><description>&lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;     &lt;br /&gt;For someone like me, who becomes recently a manger, it was very difficult to make an interview to choose not       &lt;br /&gt;a sales person, but a sales leader. This is because my experience is focused mainly on the technical aspects of my work. Also, I do not want just to market a product as much as I want to market my software team and their work, I mean the value that we can create for our customers. But as I believe there this nothing impossible, I spent 2-days searching and reading to come up with a good plan for how to conduct a successful sales interview.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;     &lt;br /&gt;Although the sales role varies from employer to employer, but the knowledge and core competencies (skills and abilities) required for success in all sales jobs are almost the same. &lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;       &lt;br /&gt;&lt;font color="#ffffff"&gt;Knowledge Requirements          &lt;br /&gt;&lt;/font&gt;&lt;a href="http://lh6.ggpht.com/_QmFQtLsMh_E/TTYk__qc5II/AAAAAAAACgo/w-w04xf4Aaw/s1600-h/image%5B14%5D.png" target="_blank"&gt;&lt;img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Flair Systems - Sales Interview" border="0" alt="Flair Systems - Sales Interview" src="http://lh5.ggpht.com/_QmFQtLsMh_E/TTYlAqm0vDI/AAAAAAAACgs/togJhvv4xeg/image_thumb%5B12%5D.png?imgmax=800" width="585" height="250" /&gt;&lt;/a&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;       &lt;br /&gt;&lt;font color="#ffffff"&gt;Typical knowledge requirements for a sales job include:          &lt;br /&gt;&lt;/font&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;&lt;font color="#000000"&gt;&lt;font size="2"&gt;Sales and marketing:&lt;/font&gt; &lt;/font&gt;      &lt;ul&gt;       &lt;li&gt;&lt;font color="#000000"&gt;&lt;font size="2"&gt;Principles.&lt;/font&gt; &lt;/font&gt;&lt;/li&gt;        &lt;li&gt;&lt;font color="#000000"&gt;&lt;font size="2"&gt;Techniques.&lt;/font&gt; &lt;/font&gt;&lt;/li&gt;        &lt;li&gt;&lt;font color="#000000"&gt;&lt;font size="2"&gt;Strategy.&lt;/font&gt; &lt;/font&gt;&lt;/li&gt;        &lt;li&gt;&lt;font color="#000000"&gt;&lt;font size="2"&gt;Tactics&lt;/font&gt; &lt;/font&gt;&lt;/li&gt;     &lt;/ul&gt;   &lt;/li&gt;    &lt;li&gt;&lt;font color="#000000"&gt;&lt;font size="2"&gt;Sales control systems.&lt;/font&gt; &lt;/font&gt;&lt;/li&gt;    &lt;li&gt;&lt;font color="#000000"&gt;&lt;font size="2"&gt;Computer and software applications.&lt;/font&gt; &lt;/font&gt;&lt;/li&gt;    &lt;li&gt;&lt;font color="#000000"&gt;&lt;font size="2"&gt;Administration processes&lt;/font&gt; &lt;/font&gt;&lt;/li&gt;    &lt;li&gt;&lt;font color="#000000"&gt;&lt;font size="2"&gt;Basic business principles.&lt;/font&gt; &lt;/font&gt;&lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;     &lt;br /&gt;&lt;font size="2"&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font color="#ffffff" size="2"&gt;The essential sales job competencies:&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;The following are the core competencies that you have to ensure that they exist in your sales candidate. You will find for each competence why it is important, the question you will ask to deduce from its answer the skills level of the applicant, and the question guidelines that help you make sure of his skill.      &lt;br /&gt;      &lt;br /&gt;&lt;a href="http://lh4.ggpht.com/_QmFQtLsMh_E/TTYlBFatPaI/AAAAAAAACgw/jDJW7AovFsU/s1600-h/image%5B24%5D.png" target="_blank"&gt;&lt;img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Flair Systems - Sales Interview " border="0" alt="Flair Systems - Sales Interview " src="http://lh4.ggpht.com/_QmFQtLsMh_E/TTYlB5h6h4I/AAAAAAAACg0/mCYgBwDkxkM/image_thumb%5B20%5D.png?imgmax=800" width="611" height="276" /&gt;&lt;/a&gt;       &lt;br /&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font color="#ffff00" size="2"&gt;Why Adaptability? &lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;Sales jobs involve dealing with a wide range of people; the ability to adjust the approach used to the situation is an important job requirement.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font color="#ffffff" size="2"&gt;Questions? &lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;ol&gt;   &lt;li&gt;&lt;font size="2"&gt;&amp;quot;Tell me about a situation where your contact person changed at a key account, how did you adjust to the new contact?&amp;quot;&lt;/font&gt; &lt;/li&gt;    &lt;li&gt;&lt;font size="2"&gt;&amp;quot;Give an example of when you had to change your approach to a prospect because the initial one failed.&amp;quot;&lt;/font&gt; &lt;/li&gt; &lt;/ol&gt;  &lt;p&gt;&lt;b&gt;&lt;font color="#ffffff" size="2"&gt;Question Guidelines:&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;The answer should show you how he maintains his performance and effectiveness in different situations with different people, and how he is able to adjust his approach to match different demands and challenges.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;       &lt;br /&gt;&lt;font color="#ffff00"&gt;Why Resilience?&lt;/font&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;Key to continued success in sales is the ability to handle disappointment and rejection.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font color="#ffffff" size="2"&gt;Questions? &lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;ol&gt;   &lt;li&gt;&lt;font size="2"&gt;&amp;quot;Tell me about a time you worked hard for a sale but didn't get it in the end, how did you handle the situation?&amp;quot;&lt;/font&gt; &lt;/li&gt;    &lt;li&gt;&lt;font size="2"&gt;&amp;quot;Give an example of when you had to overcome strong resistance from a customer.&amp;quot;&lt;/font&gt; &lt;/li&gt; &lt;/ol&gt;  &lt;p&gt;&lt;font size="2"&gt;&lt;font color="#ffffff"&gt;&lt;b&gt;Question Guidelines&lt;/b&gt;:&lt;/font&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;You should have a description on how he has maintained enthusiasm and performance after disappointment, and how he is able to take negativity in his stride and bounce back quickly. Ask him to give examples in his answer for persistence and determination in finding solutions to obstacles or challenges.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;       &lt;br /&gt;&lt;font color="#ffff00"&gt;Why Persuasiveness?&lt;/font&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;Sales interview questions will focus on the sales person ability to persuade and influence others to accept his product or service.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font color="#ffffff" size="2"&gt;Questions? &lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;ol&gt;   &lt;li&gt;&lt;font size="2"&gt;&amp;quot;Describe a recent approach you took with a brand new prospect.&amp;quot;&lt;/font&gt; &lt;/li&gt;    &lt;li&gt;&lt;font size="2"&gt;&amp;quot;Tell me how you developed your largest account.&amp;quot;&lt;/font&gt; &lt;/li&gt; &lt;/ol&gt;  &lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font color="#ffffff" size="2"&gt;Question Guidelines:&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;The answer has to describe how he determines customer needs and selects the most suitable approach to demonstrate, how his product or service meets those needs, deciding on the right interpersonal and communication style, and how he is able to anticipate and overcome objections, and gain commitment from the customer.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;       &lt;br /&gt;&lt;font color="#ffff00"&gt;Why Motivation?&lt;/font&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;Strong senses of purpose together with the ability to maintain a high energy level are important contributors to sales success.&lt;/font&gt;&lt;/p&gt;  &lt;ol&gt;   &lt;li&gt;&lt;b&gt;&lt;font color="#ffffff" size="2"&gt;Questions? &lt;/font&gt;&lt;/b&gt;&lt;/li&gt;    &lt;li&gt;&lt;font size="2"&gt;&amp;quot;Tell me about one of the most time-consuming sales you have made.&amp;quot;&lt;/font&gt; &lt;/li&gt;    &lt;li&gt;&lt;font size="2"&gt;&amp;quot;What goals have you set for yourself this year, how have you ensured progress towards them?&amp;quot;&lt;/font&gt; &lt;/li&gt; &lt;/ol&gt;  &lt;p&gt;&lt;b&gt;&lt;font color="#ffffff" size="2"&gt;Question Guidelines:&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;He has to show you how he sets for himself challenging goals and puts in high levels of effort and commitment to achieve results. &lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;       &lt;br /&gt;&lt;font color="#ffff00"&gt;Why Negotiation?&lt;/font&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;A core sales competency is the ability to reach agreement through successful negotiation.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font color="#ffffff" size="2"&gt;Questions? &lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;ol&gt;   &lt;li&gt;&lt;font size="2"&gt;&amp;quot;Describe a recent situation where you negotiated terms with a tough customer.&amp;quot;&lt;/font&gt; &lt;/li&gt;    &lt;li&gt;&lt;font size="2"&gt;&amp;quot;Tell me about an important negotiation that failed, what went wrong and why?&amp;quot;&lt;/font&gt; &lt;/li&gt; &lt;/ol&gt;  &lt;p&gt;&lt;b&gt;&lt;font color="#ffffff" size="2"&gt;Question Guidelines:&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;The answer has to describe his ability to explore the needs and concerns of the customer, to determine areas of agreement and disagreement, to work out alternatives and solutions to reach a workable agreement for both parties.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font size="2"&gt;       &lt;br /&gt;&lt;font color="#ffff00"&gt;Presentation Skills&lt;/font&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;Sales involve presenting information effectively and convincingly to potential customers.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;font color="#ffffff" size="2"&gt;Questions? &lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;ol&gt;   &lt;li&gt;&lt;font size="2"&gt;&amp;quot;Tell me about successful formal presentation you made recently.&amp;quot;&lt;/font&gt; &lt;/li&gt;    &lt;li&gt;&lt;font size="2"&gt;&amp;quot;Give me an example of when you had to make a presentation to an unresponsive audience, how did you handle it?&amp;quot;&lt;/font&gt; &lt;/li&gt; &lt;/ol&gt;  &lt;p&gt;&lt;b&gt;&lt;font color="#ffffff" size="2"&gt;Question Guidelines :&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;The answer should describe in detail his research and preparation of material for a target audience, how he establishes the importance of the presentation to the audience, his ability to organize the content in a logical way, and how he reads an audience's mood and interacts effectively with them. &lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;     &lt;br /&gt;&lt;font color="#ffffff"&gt;These are the main keys upon which you can evaluate the candidate skills in sales. I wish you find them beneficial and interesting like me.&lt;/font&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Eng. Waleed Mohamed      &lt;br /&gt;&lt;/strong&gt;Flair Systems &lt;/p&gt;  &lt;p&gt;&lt;a href="http://www.twitter.com/Waleed_mohamed"&gt;http://www.twitter.com/Waleed_mohamed&lt;/a&gt;&amp;#160; &lt;br /&gt;&lt;a href="http://blog.waleedmohamed.net"&gt;http://blog.waleedmohamed.net&lt;/a&gt;     &lt;br /&gt;&lt;a href="http://www.facebook.com/waleed.mohamed"&gt;http://www.facebook.com/waleed.mohamed&lt;/a&gt;     &lt;br /&gt;&lt;a href="http://eg.linkedin.com/in/waleedmohamed"&gt;http://eg.linkedin.com/in/waleedmohamed&lt;/a&gt;     &lt;br /&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://www.flair-systems.com"&gt;www.&lt;/a&gt;&lt;a href="http://www.flair-systems.com"&gt;flair-systems&lt;/a&gt;.com&amp;#160;&amp;#160; &lt;br /&gt;&lt;a href="http://www.facebook.com/Flair.Systems"&gt;http://www.facebook.com/Flair.Systems&lt;/a&gt;     &lt;br /&gt;&lt;a href="http://twitter.com/flair_systems"&gt;http://twitter.com/flair_systems&lt;/a&gt;     &lt;br /&gt;&lt;a href="http://www.linkedin.com/company/flair-systems"&gt;http://www.linkedin.com/company/flair-systems&lt;/a&gt;&lt;/p&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-6587668874026492263?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/kJyAmIQ6L6z4m3ccv6a3TYUP10I/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/kJyAmIQ6L6z4m3ccv6a3TYUP10I/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/kJyAmIQ6L6z4m3ccv6a3TYUP10I/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/kJyAmIQ6L6z4m3ccv6a3TYUP10I/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/SpOzDyNHCxI" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/SpOzDyNHCxI/make-successful-sales-interview-while.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh5.ggpht.com/_QmFQtLsMh_E/TTYlAqm0vDI/AAAAAAAACgs/togJhvv4xeg/s72-c/image_thumb%5B12%5D.png?imgmax=800" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2011/01/make-successful-sales-interview-while.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-7964345543134278874</guid><pubDate>Sun, 16 Jan 2011 18:25:00 +0000</pubDate><atom:updated>2011-01-16T20:27:15.241+02:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Social Networks</category><category domain="http://www.blogger.com/atom/ns#">Web Techniques</category><category domain="http://www.blogger.com/atom/ns#">IT Management</category><title>Everything You Need to Know About Social Networks</title><description>&lt;p&gt;&lt;font size="2"&gt;I’d like to share this infographic which I found it publish in one of my Following Rss Sites it’s a grate Infographic designed to show you just how popular social network is!      &lt;br /&gt;      &lt;br /&gt;&lt;/font&gt;&lt;small&gt;Source:      &lt;br /&gt;&lt;a href="http://www.testking.com/techking/roundups/everything-you-need-to-know-about-social-networks-infographic/" target="_blank"&gt;Posted by Andy Crofford on January 01, 2011&lt;/a&gt;&lt;/small&gt;     &lt;br /&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://www.testking.com/techking/wp-content/uploads/2011/01/IG-SN-1000px.jpg"&gt;&lt;img title="Everything You Need to Know About Social Networking" alt="alt" src="http://www.testking.com/techking/wp-content/uploads/2011/01/IG-SN-580px.jpg" width="580" height="6511" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Eng. Waleed Mohamed      &lt;br /&gt;&lt;/strong&gt;Flair Software House     &lt;br /&gt;&lt;a href="http://www.twitter.com/Waleed_mohamed"&gt;http://www.twitter.com/Waleed_mohamed&lt;/a&gt;     &lt;br /&gt;&lt;a href="http://blog.waleedmohamed.net"&gt;http://blog.waleedmohamed.net&lt;/a&gt;     &lt;br /&gt;&lt;a href="http://www.facebook.com/waleed.mohamed"&gt;http://www.facebook.com/waleed.mohamed&lt;/a&gt;     &lt;br /&gt;&lt;a href="http://eg.linkedin.com/in/waleedmohamed"&gt;http://eg.linkedin.com/in/waleedmohamed&lt;/a&gt;     &lt;br /&gt;    &lt;br /&gt;&lt;a href="http://www.flair-systems.com"&gt;www.&lt;/a&gt;&lt;a href="http://www.flair-systems.com"&gt;flair-systems&lt;/a&gt;.com&amp;#160;&amp;#160; &lt;br /&gt;&lt;a href="http://www.facebook.com/Flair.Systems"&gt;http://www.facebook.com/Flair.Systems&lt;/a&gt;     &lt;br /&gt;&lt;a href="http://twitter.com/flair_systems"&gt;http://twitter.com/flair_systems&lt;/a&gt;     &lt;br /&gt;&lt;a href="http://www.linkedin.com/company/flair-systems"&gt;http://www.linkedin.com/company/flair-systems&lt;/a&gt;&lt;/p&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-7964345543134278874?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/3F7d3gma9pivT1nWQGJ3XnC8JTY/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/3F7d3gma9pivT1nWQGJ3XnC8JTY/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/3F7d3gma9pivT1nWQGJ3XnC8JTY/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/3F7d3gma9pivT1nWQGJ3XnC8JTY/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/w_ExmJ7Q3Gs" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/w_ExmJ7Q3Gs/everything-you-need-to-know-about.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><thr:total>0</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2011/01/everything-you-need-to-know-about.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-7740599066919290608</guid><pubDate>Mon, 20 Dec 2010 12:32:00 +0000</pubDate><atom:updated>2010-12-20T14:32:36.658+02:00</atom:updated><title>28 Rich Data Visualization Tools</title><description>&lt;a href="http://insideria.com/2009/12/28-rich-data-visualization-too.html"&gt;28 Rich Data Visualization Tools - InsideRIA&lt;/a&gt;: "- Sent using Google Toolbar"&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-7740599066919290608?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/2WfnFjo1KwzkU1muBU7Pcm5ieqY/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/2WfnFjo1KwzkU1muBU7Pcm5ieqY/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/2WfnFjo1KwzkU1muBU7Pcm5ieqY/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/2WfnFjo1KwzkU1muBU7Pcm5ieqY/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/EHByTfa33JA" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/EHByTfa33JA/28-rich-data-visualization-tools.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><thr:total>0</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/12/28-rich-data-visualization-tools.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-4318335458159525341</guid><pubDate>Tue, 23 Nov 2010 17:21:00 +0000</pubDate><atom:updated>2010-11-23T19:24:46.304+02:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">UI Developing</category><category domain="http://www.blogger.com/atom/ns#">Web Techniques</category><category domain="http://www.blogger.com/atom/ns#">Software</category><title>Scalable JavaScript Application Architecture</title><description>&lt;h3&gt;&lt;font size="2"&gt;&lt;/font&gt;&lt;/h3&gt;  &lt;h3&gt;&lt;font size="2"&gt;via &lt;/font&gt;&lt;a href="http://www.nczonline.net"&gt;&lt;font size="2"&gt;Nicholas Zakas&lt;/font&gt;&lt;/a&gt;&lt;font size="2"&gt;, who is an engineer for the Yahoo! home page. &lt;/font&gt;&lt;/h3&gt;  &lt;div&gt;&amp;#160;&lt;/div&gt;  &lt;div&gt;&lt;object width="676" height="424"&gt;&lt;param name="movie" value="http://d.yimg.com/m/up/ypp/default/player.swf"&gt;&lt;/param&gt;&lt;param name="flashVars" value="vid=15614367&amp;amp;"&gt;&lt;/param&gt;&lt;param name="allowfullscreen" value="true"&gt;&lt;/param&gt;&lt;param name="wmode" value="transparent"&gt;&lt;/param&gt;&lt;embed width="576" height="324" allowFullScreen="true" src="http://d.yimg.com/m/up/ypp/default/player.swf" type="application/x-shockwave-flash" flashvars="vid=15614367&amp;"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;  &lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://www.slideshare.net/nzakas/scalable-javascript-application-architecture"&gt;&lt;strong&gt;&lt;font color="#000000" size="3"&gt;View the slides. &lt;/font&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;  &lt;div style="width: 625px" id="__ss_1964440"&gt;&lt;strong style="margin: 12px 0px 4px; display: block"&gt;&lt;a title="Scalable JavaScript Application Architecture" href="http://www.slideshare.net/nzakas/scalable-javascript-application-architecture"&gt;Scalable JavaScript Application Architecture&lt;/a&gt;&lt;/strong&gt;&lt;object id="__sse1964440" width="425" height="355"&gt;&lt;param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=scalable-javascript-application-architecture-090907152059-phpapp02&amp;amp;stripped_title=scalable-javascript-application-architecture&amp;amp;userName=nzakas" /&gt;&lt;param name="allowFullScreen" value="true" /&gt;&lt;param name="allowScriptAccess" value="always" /&gt;&lt;embed name="__sse1964440" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=scalable-javascript-application-architecture-090907152059-phpapp02&amp;amp;stripped_title=scalable-javascript-application-architecture&amp;amp;userName=nzakas" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"&gt;&lt;/embed&gt;&lt;/object&gt;    &lt;div style="padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 5px"&gt;View more &lt;a href="http://www.slideshare.net/"&gt;presentations&lt;/a&gt; from &lt;a href="http://www.slideshare.net/nzakas"&gt;Nicholas Zakas&lt;/a&gt;.&lt;/div&gt; &lt;/div&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-4318335458159525341?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/INHZtNGSho9aZSHcV82p7Rm7GoU/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/INHZtNGSho9aZSHcV82p7Rm7GoU/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/INHZtNGSho9aZSHcV82p7Rm7GoU/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/INHZtNGSho9aZSHcV82p7Rm7GoU/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/JHxKvOTBLI8" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/JHxKvOTBLI8/scalable-javascript-application.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><thr:total>1</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/11/scalable-javascript-application.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-2540794870884382550</guid><pubDate>Tue, 23 Nov 2010 17:02:00 +0000</pubDate><atom:updated>2010-11-23T19:06:07.998+02:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">UI Developing</category><category domain="http://www.blogger.com/atom/ns#">HTML5</category><category domain="http://www.blogger.com/atom/ns#">Web Techniques</category><category domain="http://www.blogger.com/atom/ns#">CSS</category><category domain="http://www.blogger.com/atom/ns#">HTML</category><title>HTML5 JavaScript APIs</title><description>&lt;p&gt;via &lt;a href="http://www.remysharp.com"&gt;Remy Sharp&lt;/a&gt; spoke at &lt;a href="http://codebits.eu/"&gt;CODEBITS&lt;/a&gt;     &lt;br /&gt;&lt;/p&gt;  &lt;p&gt;&lt;embed src="http://rd3.videos.sapo.pt/play?file=http://rd3.videos.sapo.pt/Dw3k6DwYrGHOsBEDodqo/mov/1" type="application/x-shockwave-flash" width="610" height="558" allowFullScreen="true"&gt;&lt;/embed&gt;&lt;/p&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-2540794870884382550?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/2KBEQiQ0Gyugf-x55_5h7DvYIgw/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/2KBEQiQ0Gyugf-x55_5h7DvYIgw/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/2KBEQiQ0Gyugf-x55_5h7DvYIgw/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/2KBEQiQ0Gyugf-x55_5h7DvYIgw/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/2dvrHZC7HKQ" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/2dvrHZC7HKQ/html5-javascript-apis.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><thr:total>1</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/11/html5-javascript-apis.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-615882910687682248</guid><pubDate>Fri, 19 Nov 2010 22:22:00 +0000</pubDate><atom:updated>2010-11-20T00:22:14.937+02:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">JQuery</category><category domain="http://www.blogger.com/atom/ns#">HTML5</category><category domain="http://www.blogger.com/atom/ns#">Patterns and practies</category><category domain="http://www.blogger.com/atom/ns#">C#</category><category domain="http://www.blogger.com/atom/ns#">CSS</category><category domain="http://www.blogger.com/atom/ns#">Devloper Tools</category><category domain="http://www.blogger.com/atom/ns#">Project Management</category><category domain="http://www.blogger.com/atom/ns#">IT Management</category><category domain="http://www.blogger.com/atom/ns#">Industry News</category><category domain="http://www.blogger.com/atom/ns#">Ledo Programming</category><category domain="http://www.blogger.com/atom/ns#">Dotnet</category><category domain="http://www.blogger.com/atom/ns#">ASP.net</category><category domain="http://www.blogger.com/atom/ns#">Ajax</category><category domain="http://www.blogger.com/atom/ns#">Software</category><category domain="http://www.blogger.com/atom/ns#">SQL</category><category domain="http://www.blogger.com/atom/ns#">HTML</category><title>Preview of Interview Success Kit Containing 9,000+ Interview Questions &amp; Answers</title><description>&lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p align="center"&gt;&lt;iframe style="padding-bottom: 0px; background-color: #fcfcfc; padding-left: 0px; width: 96px; padding-right: 0px; height: 117px; padding-top: 0px" title="Preview" marginheight="0" src="http://cid-8ce3351d28dc151d.office.live.com/embedicon.aspx/Public/Interview.pdf" frameborder="0" marginwidth="0" scrolling="no"&gt;&lt;/iframe&gt;&lt;/p&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-615882910687682248?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/nMJndCHaVEpygkIvLMV__VDC4mo/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/nMJndCHaVEpygkIvLMV__VDC4mo/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/nMJndCHaVEpygkIvLMV__VDC4mo/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/nMJndCHaVEpygkIvLMV__VDC4mo/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/4UaEN5PmjnA" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/4UaEN5PmjnA/preview-of-interview-success-kit.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><thr:total>0</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/11/preview-of-interview-success-kit.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-648930439520866027</guid><pubDate>Wed, 10 Nov 2010 20:27:00 +0000</pubDate><atom:updated>2010-11-10T22:35:03.024+02:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Industry News</category><category domain="http://www.blogger.com/atom/ns#">Software</category><category domain="http://www.blogger.com/atom/ns#">IT Management</category><category domain="http://www.blogger.com/atom/ns#">Infrastructure</category><title>Download details: Infrastructure Planning and Design</title><description>&lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://www.microsoft.com/downloads/en/details.aspx?FamilyId=AD3921FB-8224-4681-9064-075FDF042B0C&amp;amp;displaylang=en?SAMI_CAMPAIGN_TYPE=Email&amp;amp;SAMI_CAMPAIGN_NAME=IPDWS2008R2RTM071509_IPDDL"&gt;&lt;font size="4"&gt;Download details: Infrastructure Planning and Design&lt;/font&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-648930439520866027?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/AGG7OXLQ9TEmVLywtHVk8uroYyw/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/AGG7OXLQ9TEmVLywtHVk8uroYyw/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/AGG7OXLQ9TEmVLywtHVk8uroYyw/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/AGG7OXLQ9TEmVLywtHVk8uroYyw/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/M4w4nr43Vr8" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/M4w4nr43Vr8/download-details-infrastructure.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><thr:total>1</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/11/download-details-infrastructure.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-3211211996636919804</guid><pubDate>Wed, 13 Oct 2010 22:08:00 +0000</pubDate><atom:updated>2010-11-10T22:33:08.787+02:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Dotnet</category><category domain="http://www.blogger.com/atom/ns#">ASP.net</category><category domain="http://www.blogger.com/atom/ns#">Web Techniques</category><category domain="http://www.blogger.com/atom/ns#">Software</category><category domain="http://www.blogger.com/atom/ns#">C#</category><title>ASP.NET Sprites and Image Optimization Framework « Mohamed Zaki's Blog [Sharepoint MVP]</title><description>&lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://mzakimvp.wordpress.com/2010/08/16/asp-net-sprites-and-image-optimization-framework/"&gt;&lt;font size="3"&gt;ASP.NET Sprites and Image Optimization Framework « Mohamed Zaki's Blog [Sharepoint MVP]&lt;/font&gt;&lt;/a&gt;&lt;font size="3"&gt;: &lt;/font&gt;&lt;/p&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-3211211996636919804?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/XXYA6Wbq5dDji4TXH8fjGvdo43M/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/XXYA6Wbq5dDji4TXH8fjGvdo43M/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/XXYA6Wbq5dDji4TXH8fjGvdo43M/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/XXYA6Wbq5dDji4TXH8fjGvdo43M/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/fJA-UfJkBPc" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/fJA-UfJkBPc/aspnet-sprites-and-image-optimization.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><thr:total>1</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/10/aspnet-sprites-and-image-optimization.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-4214175763679050227</guid><pubDate>Fri, 06 Aug 2010 16:45:00 +0000</pubDate><atom:updated>2010-08-06T20:01:22.731+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">UI Developing</category><category domain="http://www.blogger.com/atom/ns#">ASP.net</category><category domain="http://www.blogger.com/atom/ns#">Web Techniques</category><category domain="http://www.blogger.com/atom/ns#">Software</category><category domain="http://www.blogger.com/atom/ns#">Devloper Tools</category><category domain="http://www.blogger.com/atom/ns#">CSS</category><category domain="http://www.blogger.com/atom/ns#">Microsoft Expression</category><category domain="http://www.blogger.com/atom/ns#">HTML</category><title>Cross-browser Development with - Microsoft Expression web 4 Super Preview</title><description>&lt;p&gt;&lt;font size="2" face="Verdana"&gt;It was my First time with Microsoft Expression studio 4 when I found a Great Feature support the cross-browser development , later our solutions were the following: &lt;/font&gt;&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;&lt;font color="#000080" size="2" face="Verdana"&gt;Installed virtual machines with different browser versions and different operating systems.&lt;/font&gt;&lt;/li&gt;    &lt;li&gt;&lt;font color="#000080" size="2" face="Verdana"&gt;Using online tools such as &lt;/font&gt;&lt;a href="http://browsershots.org/"&gt;&lt;font color="#800000" size="2" face="Verdana"&gt;browsershots.org&lt;/font&gt;&lt;/a&gt;&lt;font color="#000080" size="2" face="Verdana"&gt; which render your pages in multiple browsers and return those renderings to you as bitmap images.&lt;/font&gt;&lt;/li&gt;    &lt;li&gt;&lt;font size="2" face="Verdana"&gt;&lt;font color="#000080"&gt;Using IE Tester Which give me very good results but Unfortunately, support all IE versions only.&lt;/font&gt; &lt;/font&gt;&lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;&lt;font color="#2a2e29" size="2" face="Verdana"&gt;Now Microsoft Do it with non-ms browsers, which mean that you can test your web pages form one environment into all web browsers (All IE versions , Firefox and Safari)      &lt;br /&gt;&lt;/font&gt;&lt;/p&gt;  &lt;blockquote&gt;   &lt;p&gt;&lt;font color="#800000" size="2" face="Verdana"&gt;&lt;strong&gt;         &lt;br /&gt;So let me give you the executive summary About MS 4 Super Preview.          &lt;br /&gt;          &lt;br /&gt;&lt;/strong&gt;&lt;/font&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;Open your page using web expression and and choose Display in SuperPreview from the File menu.&lt;/strong&gt;&lt;/font&gt;&lt;/li&gt; &lt;/ul&gt;  &lt;table border="1" cellspacing="3" cellpadding="3" width="400"&gt;&lt;tbody&gt;     &lt;tr&gt;       &lt;td valign="top" width="200"&gt;&lt;strong&gt;&lt;font size="2" face="Verdana"&gt;&lt;u&gt;File Menu                &lt;br /&gt;&lt;/u&gt;&lt;/font&gt;&lt;/strong&gt;&lt;a href="http://lh4.ggpht.com/_QmFQtLsMh_E/TFw7sdbmX9I/AAAAAAAACeE/JxnVLJeJaas/s1600-h/image%5B4%5D.png"&gt;&lt;strong&gt;&lt;a href="http://lh4.ggpht.com/_QmFQtLsMh_E/TFw7sdbmX9I/AAAAAAAACeI/2MXJDwecG5o/s1600-h/image%5B19%5D.png"&gt;&lt;font size="2" face="Verdana"&gt;&lt;a href="http://lh4.ggpht.com/_QmFQtLsMh_E/TFw7sdbmX9I/AAAAAAAACeM/dSnza18QaKY/s1600-h/image%5B43%5D.png"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_QmFQtLsMh_E/TFw7vO9er9I/AAAAAAAACao/j2qqRPfGJmA/image_thumb%5B47%5D.png?imgmax=800" width="167" height="313" /&gt;&lt;/a&gt;&lt;/font&gt;&lt;/a&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/td&gt;        &lt;td valign="top" width="200"&gt;&lt;strong&gt;&lt;font size="2" face="Verdana"&gt;&lt;u&gt;Shortcuts               &lt;br /&gt;&lt;/u&gt;&lt;/font&gt;&lt;/strong&gt;&lt;a href="http://lh5.ggpht.com/_QmFQtLsMh_E/TFw7wbvXiBI/AAAAAAAACeQ/rSmyRyhJs9s/s1600-h/image%5B8%5D.png"&gt;&lt;strong&gt;&lt;a href="http://lh5.ggpht.com/_QmFQtLsMh_E/TFw7wbvXiBI/AAAAAAAACeU/oLZiCyIJfCY/s1600-h/image%5B20%5D.png"&gt;&lt;font size="2" face="Verdana"&gt;&lt;a href="http://lh5.ggpht.com/_QmFQtLsMh_E/TFw7wbvXiBI/AAAAAAAACeg/8aomcZs0vfc/s1600-h/image%5B44%5D.png"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/_QmFQtLsMh_E/TFw7zs27-OI/AAAAAAAACa4/I6LcwEqycL4/image_thumb%5B48%5D.png?imgmax=800" width="276" height="153" /&gt;&lt;/a&gt;&lt;/font&gt;&lt;/a&gt;&lt;/strong&gt;&lt;/a&gt;&lt;strong&gt;&lt;font size="2" face="Verdana"&gt;&lt;u&gt; &lt;/u&gt;&lt;/font&gt;&lt;/strong&gt;&lt;/td&gt;     &lt;/tr&gt;   &lt;/tbody&gt;&lt;/table&gt;  &lt;ul&gt;   &lt;li&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;You will see the expression web display the below screen and awaiting the next step “browser selection“&lt;/strong&gt;&lt;/font&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;&lt;a href="http://lh3.ggpht.com/_QmFQtLsMh_E/TFw_o1WzRnI/AAAAAAAACes/npy-MubuoNY/s1600-h/image%5B53%5D.png"&gt;           &lt;br /&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_QmFQtLsMh_E/TFw_qa26gCI/AAAAAAAACew/FB8mCcODK7k/image_thumb%5B58%5D.png?imgmax=800" width="513" height="322" /&gt;&lt;/a&gt;           &lt;br /&gt;          &lt;br /&gt;&lt;/strong&gt;&lt;/font&gt;&lt;/li&gt;    &lt;li&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;Fill the location address with your web address if you need to test another web site in my ex i test my company web site flair systems&amp;#160; “www.&lt;/strong&gt;&lt;/font&gt;&lt;a href="http://www.flair-systems.com" target="_blank"&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;flair-systems&lt;/strong&gt;&lt;/font&gt;&lt;/a&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;.com”         &lt;br /&gt;&lt;/strong&gt;&lt;/font&gt;&lt;a href="http://lh3.ggpht.com/_QmFQtLsMh_E/TFw71n5UAoI/AAAAAAAACe0/15d2gwM3gr4/s1600-h/image%5B23%5D.png"&gt;&lt;font size="2" face="Verdana"&gt;&lt;a href="http://lh3.ggpht.com/_QmFQtLsMh_E/TFw71n5UAoI/AAAAAAAACe4/uuJimVVndFM/s1600-h/image%5B46%5D.png"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_QmFQtLsMh_E/TFw738iTujI/AAAAAAAACdQ/qGSfzjYHlGY/image_thumb%5B50%5D.png?imgmax=800" width="252" height="43" /&gt;&lt;/a&gt;&lt;/font&gt;&lt;/a&gt;      &lt;br /&gt;&lt;font size="2" face="Verdana"&gt;and choose the the browsers to test , I'll test my site and compare between internet explorer 8 and Firefox 3.6&amp;#160; &lt;br /&gt;&amp;#160;&lt;/font&gt;&lt;a href="http://lh3.ggpht.com/_QmFQtLsMh_E/TFw77QfpO9I/AAAAAAAACe8/5nVIKrJTuFk/s1600-h/image%5B27%5D.png"&gt;&lt;font size="2" face="Verdana"&gt;&lt;a href="http://lh3.ggpht.com/_QmFQtLsMh_E/TFw77QfpO9I/AAAAAAAACfA/hjNebMdGgnU/s1600-h/image%5B47%5D.png"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/_QmFQtLsMh_E/TFw79ug7f3I/AAAAAAAACbY/h3QEy48XNMI/image_thumb%5B51%5D.png?imgmax=800" width="196" height="84" /&gt;&lt;/a&gt;&lt;/font&gt;&lt;/a&gt;&lt;font size="2" face="Verdana"&gt; &lt;/font&gt;&lt;/li&gt;    &lt;li&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;Now I can compare the site un different browsers.&lt;/strong&gt;&lt;/font&gt;&lt;a href="http://lh3.ggpht.com/_QmFQtLsMh_E/TFw7_inswMI/AAAAAAAACfI/o3vjqfi8UJY/s1600-h/image%5B41%5D.png"&gt;&lt;font size="2" face="Verdana"&gt;&lt;a href="http://lh3.ggpht.com/_QmFQtLsMh_E/TFw7_inswMI/AAAAAAAACfM/OW_F__g-fYU/s1600-h/image%5B54%5D.png"&gt;           &lt;br /&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_QmFQtLsMh_E/TFw8DaXmLSI/AAAAAAAACfQ/ihBqViDe7as/image_thumb%5B59%5D.png?imgmax=800" width="574" height="361" /&gt;&lt;/a&gt;&lt;/font&gt;&lt;/a&gt;&lt;font size="2" face="Verdana"&gt; &lt;/font&gt;&lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;I hope you like this feature and my post. thanks&lt;/strong&gt; &lt;/font&gt;&lt;/p&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-4214175763679050227?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/EgRpjytV0cOwaLZelLhGqrRYU6M/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/EgRpjytV0cOwaLZelLhGqrRYU6M/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/EgRpjytV0cOwaLZelLhGqrRYU6M/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/EgRpjytV0cOwaLZelLhGqrRYU6M/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/VX_oVNl63vs" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/VX_oVNl63vs/cross-browser-development-with.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh3.ggpht.com/_QmFQtLsMh_E/TFw7vO9er9I/AAAAAAAACao/j2qqRPfGJmA/s72-c/image_thumb%5B47%5D.png?imgmax=800" height="72" width="72" /><thr:total>1</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/08/cross-browser-development-with.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-3162523181175285394</guid><pubDate>Sat, 24 Jul 2010 20:06:00 +0000</pubDate><atom:updated>2010-07-24T23:16:59.483+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">UI Developing</category><category domain="http://www.blogger.com/atom/ns#">ASP.net</category><category domain="http://www.blogger.com/atom/ns#">HTML5</category><category domain="http://www.blogger.com/atom/ns#">Web Techniques</category><category domain="http://www.blogger.com/atom/ns#">Software</category><category domain="http://www.blogger.com/atom/ns#">CSS</category><category domain="http://www.blogger.com/atom/ns#">HTML</category><title>Css Tips and Tricks [4] : Web Forms Using HTML5 and Css3</title><description>&lt;blockquote&gt;   &lt;p&gt;&lt;font size="2" face="Verdana"&gt;       &lt;br /&gt;In this tutorial I’m going to create a Great HTML5 form using latest css3 techniques.         &lt;br /&gt;        &lt;br /&gt;&lt;/font&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;       &lt;br /&gt;I'm going to create a simple registration form contains : &lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;&lt;font size="2" face="Verdana"&gt;Personal Info. &lt;/font&gt;&lt;/li&gt;    &lt;li&gt;&lt;font size="2" face="Verdana"&gt;Addressing Info&amp;#160; &lt;/font&gt;&lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;Also going to use some of HTML5’s new input types and attributes:&lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;&lt;font size="2"&gt;&lt;font face="Verdana"&gt;&lt;code&gt;&lt;strong&gt;email&lt;/strong&gt;&lt;/code&gt;, for the email field &lt;/font&gt;&lt;/font&gt;&lt;/li&gt;    &lt;li&gt;&lt;font face="Verdana"&gt;&lt;font size="2"&gt;&lt;code&gt;&lt;strong&gt;tel&lt;/strong&gt;&lt;/code&gt;, for the telephone field &lt;/font&gt;&lt;/font&gt;&lt;/li&gt;    &lt;li&gt;&lt;font face="Verdana"&gt;&lt;font size="2"&gt;&lt;code&gt;&lt;strong&gt;number&lt;/strong&gt;&lt;/code&gt;, for the credit card number and security code &lt;/font&gt;&lt;/font&gt;&lt;/li&gt;    &lt;li&gt;&lt;font face="Verdana"&gt;&lt;font size="2"&gt;&lt;code&gt;&lt;strong&gt;required&lt;/strong&gt;&lt;/code&gt;, for required fields &lt;/font&gt;&lt;/font&gt;&lt;/li&gt;    &lt;li&gt;&lt;font face="Verdana"&gt;&lt;font size="2"&gt;&lt;code&gt;&lt;strong&gt;placeholder&lt;/strong&gt;&lt;/code&gt;, for the hints within some of the fields &lt;/font&gt;&lt;/font&gt;&lt;/li&gt;    &lt;li&gt;&lt;font face="Verdana"&gt;&lt;font size="2"&gt;&lt;code&gt;&lt;strong&gt;autofocus&lt;/strong&gt;&lt;/code&gt;, to put focus on the first input field when the page loads &lt;/font&gt;&lt;/font&gt;&lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;&lt;u&gt;1- Create unstyle Html From:&lt;/u&gt;&lt;/strong&gt; &lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;I grouped each section within fieldset also the Gender sub-section into a fieldset , inside each filedset i used order list to contain the lable/input pair.&lt;strong&gt; &lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;&lt;u&gt;&lt;/u&gt;&lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:9ce6104f-a9aa-4a17-a79f-3a39532ebf7c:09a68f2b-fb1c-4ae8-ab62-00a14ac1ba26" class="wlWriterSmartContent"&gt; &lt;div style="border: #000080 1px solid; color: #000; font-family: 'Courier New', Courier, Monospace; font-size: 10pt"&gt; &lt;div style="background: #000080; color: #fff; font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; padding: 2px 5px"&gt;Html&lt;/div&gt; &lt;div style="background-color: #ffffff; max-height: 200px; overflow: auto; padding: 2px 5px; white-space: nowrap"&gt;&lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;body&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;     &lt;br&gt;     &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;form&lt;/span&gt; &lt;span style="color:#ff0000"&gt;id&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=register&amp;gt;&lt;/span&gt;&lt;br&gt;     &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;         &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;legend&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;Personal Info&lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;legend&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;         &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;ol&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;             &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                 &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt; &lt;span style="color:#ff0000"&gt;for&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=name&amp;gt;&lt;/span&gt;Name&lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                 &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;input&lt;/span&gt; &lt;span style="color:#ff0000"&gt;id&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=name&lt;/span&gt; &lt;span style="color:#ff0000"&gt;name&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=name&lt;/span&gt; &lt;span style="color:#ff0000"&gt;type&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=text&lt;/span&gt; &lt;span style="color:#ff0000"&gt;placeholder&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=&amp;quot;First and last name&amp;quot;&lt;/span&gt; &lt;span style="color:#ff0000"&gt;required&lt;/span&gt; &lt;span style="color:#ff0000"&gt;autofocus&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;             &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;             &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                 &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt; &lt;span style="color:#ff0000"&gt;for&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=email&amp;gt;&lt;/span&gt;Email&lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                 &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;input&lt;/span&gt; &lt;span style="color:#ff0000"&gt;id&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=email&lt;/span&gt; &lt;span style="color:#ff0000"&gt;name&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=email&lt;/span&gt; &lt;span style="color:#ff0000"&gt;type&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=email&lt;/span&gt; &lt;span style="color:#ff0000"&gt;placeholder&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=&amp;quot;example@domain.com&amp;quot;&lt;/span&gt; &lt;span style="color:#ff0000"&gt;required&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;             &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;             &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                 &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt; &lt;span style="color:#ff0000"&gt;for&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=phone&amp;gt;&lt;/span&gt;Phone&lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                 &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;input&lt;/span&gt; &lt;span style="color:#ff0000"&gt;id&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=phone&lt;/span&gt; &lt;span style="color:#ff0000"&gt;name&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=phone&lt;/span&gt; &lt;span style="color:#ff0000"&gt;type&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=tel&lt;/span&gt; &lt;span style="color:#ff0000"&gt;placeholder&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=&amp;quot;Eg. +447500000000&amp;quot;&lt;/span&gt; &lt;span style="color:#ff0000"&gt;required&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;             &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;             &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                 &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                     &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;legend&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;Gender&lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;legend&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                     &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;ol&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                         &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                             &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;input&lt;/span&gt; &lt;span style="color:#ff0000"&gt;id&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=male&lt;/span&gt; &lt;span style="color:#ff0000"&gt;name&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=Gender&lt;/span&gt; &lt;span style="color:#ff0000"&gt;type&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=radio&amp;gt;&lt;/span&gt;&lt;br&gt;                             &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt; &lt;span style="color:#ff0000"&gt;for&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=male&amp;gt;&lt;/span&gt;Male&lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                         &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                         &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                             &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;input&lt;/span&gt; &lt;span style="color:#ff0000"&gt;id&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=female&lt;/span&gt; &lt;span style="color:#ff0000"&gt;name&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=Gender&lt;/span&gt; &lt;span style="color:#ff0000"&gt;type&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=radio&amp;gt;&lt;/span&gt;&lt;br&gt;                             &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt; &lt;span style="color:#ff0000"&gt;for&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=female&amp;gt;&lt;/span&gt;Female&lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                         &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                     &lt;br&gt;                     &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;ol&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                 &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;             &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;         &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;ol&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;     &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;     &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;         &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;legend&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;Personal Address&lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;legend&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;         &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;ol&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;             &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                 &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt; &lt;span style="color:#ff0000"&gt;for&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=address&amp;gt;&lt;/span&gt;Address&lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                 &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;textarea&lt;/span&gt; &lt;span style="color:#ff0000"&gt;id&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=address&lt;/span&gt; &lt;span style="color:#ff0000"&gt;name&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=address&lt;/span&gt; &lt;span style="color:#ff0000"&gt;rows&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=5&lt;/span&gt; &lt;span style="color:#ff0000"&gt;required&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;textarea&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;             &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;             &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                 &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt; &lt;span style="color:#ff0000"&gt;for&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=postcode&amp;gt;&lt;/span&gt;Post code&lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                 &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;input&lt;/span&gt; &lt;span style="color:#ff0000"&gt;id&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=postcode&lt;/span&gt; &lt;span style="color:#ff0000"&gt;name&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=postcode&lt;/span&gt; &lt;span style="color:#ff0000"&gt;type&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=text&lt;/span&gt; &lt;span style="color:#ff0000"&gt;required&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;             &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;             &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                 &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt; &lt;span style="color:#ff0000"&gt;for&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=country&amp;gt;&lt;/span&gt;Country&lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;label&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;                 &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;input&lt;/span&gt; &lt;span style="color:#ff0000"&gt;id&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=country&lt;/span&gt; &lt;span style="color:#ff0000"&gt;name&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=country&lt;/span&gt; &lt;span style="color:#ff0000"&gt;type&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=text&lt;/span&gt; &lt;span style="color:#ff0000"&gt;required&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;             &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;li&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;         &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;ol&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;     &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt; &lt;br&gt;     &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;         &lt;span style="color:#0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a31515"&gt;button&lt;/span&gt; &lt;span style="color:#ff0000"&gt;type&lt;/span&gt;&lt;span style="color:#0000ff"&gt;=submit&amp;gt;&lt;/span&gt;Register&lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;button&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;     &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt; &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;form&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;    &lt;br&gt;     &lt;br&gt; &lt;span style="color:#0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#a31515"&gt;body&lt;/span&gt;&lt;span style="color:#0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;  &lt;p&gt;&lt;strong&gt;&lt;u&gt;&lt;font size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;&lt;u&gt;It will be like that:&lt;/u&gt;&lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://lh3.ggpht.com/_QmFQtLsMh_E/TEtHlrX5qII/AAAAAAAACYI/Kp6ZbpANJ6I/s1600-h/image%5B7%5D.png"&gt;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_QmFQtLsMh_E/TEtHoO4nf7I/AAAAAAAACYM/Otgp3yjI8-w/image_thumb%5B8%5D.png?imgmax=800" width="403" height="460" /&gt;&lt;/a&gt; &lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;&lt;font face="Verdana"&gt;&lt;strong&gt;&lt;u&gt;2- Style the body Element and Resetting some Css attributes :&lt;/u&gt;&lt;/strong&gt; &lt;/font&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;&lt;font face="Verdana"&gt;&lt;/font&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;&lt;u&gt;&lt;/u&gt;&lt;/strong&gt;&lt;/font&gt;&amp;#160;&lt;/p&gt;  &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:9ce6104f-a9aa-4a17-a79f-3a39532ebf7c:eb636a33-5b01-423d-b5b6-fd2ba7f6c762" class="wlWriterSmartContent"&gt; &lt;div style="border: #000080 1px solid; color: #000; font-family: 'Courier New', Courier, Monospace; font-size: 10pt"&gt; &lt;div style="background: #000080; color: #fff; font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; padding: 2px 5px"&gt;Body Css&lt;/div&gt; &lt;div style="background-color: #ffffff; max-height: 500px; overflow: auto; padding: 2px 5px; white-space: nowrap"&gt; &lt;br&gt; &lt;span style="color:#a31515"&gt;html&lt;/span&gt;, &lt;span style="color:#a31515"&gt;body&lt;/span&gt;, &lt;span style="color:#a31515"&gt;h1&lt;/span&gt;, &lt;span style="color:#a31515"&gt;form&lt;/span&gt;, &lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt;, &lt;span style="color:#a31515"&gt;legend&lt;/span&gt;, &lt;span style="color:#a31515"&gt;ol&lt;/span&gt;, &lt;span style="color:#a31515"&gt;li&lt;/span&gt; {&lt;br&gt;     &lt;span style="color:#ff0000"&gt;margin&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;0&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;padding&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;0&lt;/span&gt;; }&lt;br&gt;  &lt;br&gt; &lt;span style="color:#a31515"&gt;body&lt;/span&gt;&lt;br&gt; {&lt;br&gt;     &lt;span style="color:#ff0000"&gt;background-position&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#F0F0F0&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;background&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#F0F0F0&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;color&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#FFFFFF&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;font-family&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;Georgia,&lt;/span&gt; &lt;span style="color:#0000ff"&gt;&amp;quot;Times New Roman&amp;quot;&lt;/span&gt; &lt;span style="color:#0000ff"&gt;,&lt;/span&gt; &lt;span style="color:#0000ff"&gt;Times,&lt;/span&gt; &lt;span style="color:#0000ff"&gt;serif&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;padding&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;20px&lt;/span&gt;;&lt;br&gt; }&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;  &lt;p&gt;&lt;strong&gt;&lt;u&gt;&lt;font size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/u&gt;&lt;/strong&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;&lt;font face="Verdana"&gt;&lt;strong&gt;&lt;u&gt;3- Style the form , fieldset , legends Elements :&lt;/u&gt;&lt;/strong&gt;         &lt;br /&gt;&lt;/font&gt;&lt;/font&gt;&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;a)&lt;/strong&gt; I removed the border from the &lt;code&gt;&lt;u&gt;fieldset&lt;/u&gt;&lt;/code&gt; and apply some bottom margin to it. Using the &lt;code&gt;&lt;u&gt;:last-of-type&lt;/u&gt;&lt;/code&gt; pseudo-class, removed the bottom margin of the last &lt;code&gt;&lt;u&gt;fieldset&lt;/u&gt;&lt;/code&gt;.&lt;/font&gt; &lt;/li&gt;    &lt;li&gt;&lt;font size="2"&gt;&lt;font face="Verdana"&gt;&lt;strong&gt;b)&lt;/strong&gt; Make the &lt;u&gt;&lt;code&gt;legend&lt;/code&gt;s&lt;/u&gt; big and bold, and we will also apply a light-green &lt;code&gt;text-shadow&lt;/code&gt;&lt;/font&gt;&lt;/font&gt; &lt;/li&gt;    &lt;li&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;c)&lt;/strong&gt; Adding a clear indication of how many steps our form has? Instead of adding that manually to every &lt;code&gt;legend&lt;/code&gt;, we can use automatically generated counters.using&amp;#160; either the &lt;code&gt;:before&lt;/code&gt; or &lt;code&gt;:after&lt;/code&gt; pseudo-elements to add content via CSS.&lt;/font&gt; &lt;/li&gt;    &lt;li&gt;&lt;strong&gt;d) &lt;/strong&gt;Change the style of the &lt;code&gt;legend&lt;/code&gt; that is part of the &lt;code&gt;radio&lt;/code&gt; buttons group, to make it look like a &lt;code&gt;label&lt;/code&gt;:&lt;strong&gt;        &lt;br /&gt;&lt;/strong&gt;&lt;/li&gt; &lt;/ul&gt; &lt;font size="2" face="Verdana"&gt;&lt;/font&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;Note: Creating Counter steps:&lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;&lt;font size="2" face="Verdana"&gt;create a counter using the &lt;code&gt;counter-reset&lt;/code&gt; property on the &lt;code&gt;form&lt;/code&gt; element &lt;/font&gt;&lt;/li&gt;    &lt;li&gt;&lt;font size="2" face="Verdana"&gt;call the counter with the &lt;code&gt;content&lt;/code&gt; property (using the same name we’ve created before) &lt;/font&gt;&lt;/li&gt;    &lt;li&gt;&lt;font size="2" face="Verdana"&gt;with the &lt;code&gt;counter-incremet&lt;/code&gt; property, indicate that for each element that matches our selector, that counter will be increased by 1 &lt;/font&gt;&lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;&lt;font size="2"&gt;&lt;font face="Verdana"&gt;&lt;strong&gt;&lt;u&gt;&lt;/u&gt;&lt;/strong&gt;&lt;/font&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:9ce6104f-a9aa-4a17-a79f-3a39532ebf7c:c7d31d1b-da65-4a57-8f02-cd24e3bfda94" class="wlWriterSmartContent"&gt; &lt;div style="border: #000080 1px solid; color: #000; font-family: 'Courier New', Courier, Monospace; font-size: 10pt"&gt; &lt;div style="background: #000080; color: #fff; font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; padding: 2px 5px"&gt;Form Css&lt;/div&gt; &lt;div style="background-color: #ffffff; max-height: 300px; overflow: auto; padding: 2px 5px; white-space: nowrap"&gt;&lt;span style="color:#a31515"&gt;form#register&lt;/span&gt;&lt;br&gt; {&lt;br&gt;     &lt;span style="color:#ff0000"&gt;background-position&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#3366FF&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;background&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#3366FF&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;-moz-border-radius&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;5px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;-webkit-border-radius&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;5px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;border-radius&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;5px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;padding&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;20px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;width&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;400px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;color&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#FFFFFF&lt;/span&gt;;&lt;br&gt; }&lt;br&gt;  &lt;br&gt;     &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt; {&lt;br&gt;         &lt;span style="color:#ff0000"&gt;border&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;none&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;margin-bottom&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;10px&lt;/span&gt;; }&lt;br&gt;  &lt;br&gt;         &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;fieldset:last-of-type&lt;/span&gt; { &lt;span style="color:#ff0000"&gt;margin-bottom&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;0&lt;/span&gt;; }&lt;br&gt;  &lt;br&gt;     &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;legend&lt;/span&gt;&lt;br&gt; {&lt;br&gt;     &lt;span style="color:#ff0000"&gt;color&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#000099&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;font-size&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;16px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;font-weight&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;bold&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;padding-bottom&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;10px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;text-shadow&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;0&lt;/span&gt; &lt;span style="color:#0000ff"&gt;1px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;1px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;#c0d576&lt;/span&gt;;&lt;br&gt; }&lt;br&gt;  &lt;br&gt;     &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;&amp;gt;&lt;/span&gt; &lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt; &lt;span style="color:#a31515"&gt;&amp;gt;&lt;/span&gt; &lt;span style="color:#a31515"&gt;legend:before&lt;/span&gt; {&lt;br&gt;         &lt;span style="color:#ff0000"&gt;content&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;&amp;quot;step &amp;quot;&lt;/span&gt; &lt;span style="color:#0000ff"&gt;counter(fieldset)&lt;/span&gt; &lt;span style="color:#0000ff"&gt;&amp;quot;: &amp;quot;&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;counter-increment&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;fieldset&lt;/span&gt;; }&lt;br&gt;  &lt;br&gt;     &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt; &lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt; &lt;span style="color:#a31515"&gt;legend&lt;/span&gt;&lt;br&gt; {&lt;br&gt;     &lt;span style="color:#ff0000"&gt;color&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#FFFFFF&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;font-size&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;13px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;font-weight&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;normal&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;padding-bottom&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;0&lt;/span&gt;;&lt;br&gt; }&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;  &lt;p&gt;&lt;font size="2"&gt;&lt;font face="Verdana"&gt;&lt;strong&gt;&lt;u&gt;&lt;/u&gt;&lt;/strong&gt;&lt;/font&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2"&gt;&lt;font face="Verdana"&gt;&lt;strong&gt;&lt;u&gt;3- Styling the List and content :&lt;/u&gt;&lt;/strong&gt;         &lt;br /&gt;&lt;/font&gt;&lt;/font&gt;&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;&lt;font size="2"&gt;&lt;font face="Verdana"&gt;&lt;strong&gt;a)&lt;/strong&gt; Adding some nice rounded corners and semi-transparent border and background. Because we are using RGBa colors, we should provide a fallback for browsers that don’t support them (that comes &lt;em&gt;before&lt;/em&gt; the RBGa color). For the nested lists, we will remove these properties because they would be overlapping:&lt;/font&gt;&lt;/font&gt; &lt;/li&gt;    &lt;li&gt;&lt;font size="2"&gt;&lt;font face="Verdana"&gt;&lt;strong&gt;b)&lt;/strong&gt;&amp;#160; We will float labels to the left and give them a width.&lt;/font&gt;&lt;/font&gt; &lt;/li&gt;    &lt;li&gt;&lt;font size="2"&gt;&lt;font face="Verdana"&gt;&lt;strong&gt;c)&lt;/strong&gt; Add an extra user-friendly detail, we’ll add a &lt;code&gt;cursor: pointer&lt;/code&gt; to the radio button &lt;code&gt;label&lt;/code&gt;s on the &lt;code&gt;:hover&lt;/code&gt; state, so the user knows that he can simply click them to select that option.&lt;/font&gt;&lt;/font&gt; &lt;/li&gt;    &lt;li&gt;&lt;font size="2" face="Verdana"&gt;Now onto the &lt;code&gt;input&lt;/code&gt; elements. Here we want to match all &lt;code&gt;input&lt;/code&gt;s, except for the &lt;code&gt;radio&lt;/code&gt; ones, and the &lt;code&gt;textarea&lt;/code&gt;. For that we will use the negation pseudo-class (&lt;code&gt;:not()&lt;/code&gt;). With it we can target all &lt;code&gt;input&lt;/code&gt; elements except for the ones with &lt;code&gt;type&lt;/code&gt; of &lt;code&gt;radio&lt;/code&gt;.&lt;/font&gt; &lt;/li&gt;    &lt;li&gt;&lt;font size="2" face="Verdana"&gt;We will also make sure to add some &lt;code&gt;:focus&lt;/code&gt; styles and add the appropriate styling for the radio &lt;code&gt;input&lt;/code&gt;s.&lt;/font&gt; &lt;/li&gt;    &lt;li&gt;&lt;font size="2" face="Verdana"&gt;Finally we come to our submit &lt;code&gt;button&lt;/code&gt;. To it, we will just add some nice typography and &lt;code&gt;text-shadow&lt;/code&gt;, align it to the center of the form and give it some background colors for its different states.&lt;/font&gt; &lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;&lt;font color="#2a2e29" size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:9ce6104f-a9aa-4a17-a79f-3a39532ebf7c:4b66b34b-d4f9-4940-9506-167f0f8fd20d" class="wlWriterSmartContent"&gt; &lt;div style="border: #000080 1px solid; color: #000; font-family: 'Courier New', Courier, Monospace; font-size: 10pt"&gt; &lt;div style="background: #000080; color: #fff; font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; padding: 2px 5px"&gt;List and Content Css&lt;/div&gt; &lt;div style="background-color: #ffffff; max-height: 500px; overflow: auto; padding: 2px 5px; white-space: nowrap"&gt;&lt;br&gt;     &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;ol&lt;/span&gt; &lt;span style="color:#a31515"&gt;li&lt;/span&gt; {&lt;br&gt;         &lt;span style="color:#ff0000"&gt;background&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#b9cf6a&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;background&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;rgba(250,250,250,.3)&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;border-color&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#e3ebc3&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;border-color&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;rgba(250,250,250,.6)&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;border-style&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;solid&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;border-width&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;2px&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;-moz-border-radius&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;5px&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;-webkit-border-radius&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;5px&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;border-radius&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;5px&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;line-height&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;30px&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;list-style&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;none&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;padding&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;5px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;10px&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;margin-bottom&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;2px&lt;/span&gt;; }&lt;br&gt;  &lt;br&gt;     &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;ol&lt;/span&gt; &lt;span style="color:#a31515"&gt;ol&lt;/span&gt; &lt;span style="color:#a31515"&gt;li&lt;/span&gt; {&lt;br&gt;         &lt;span style="color:#ff0000"&gt;background&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;none&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;border&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;none&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;float&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;left&lt;/span&gt;; }&lt;br&gt;  &lt;br&gt;     &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;label&lt;/span&gt; {&lt;br&gt;         &lt;span style="color:#ff0000"&gt;float&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;left&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;font-size&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;13px&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;width&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;110px&lt;/span&gt;; }&lt;br&gt;  &lt;br&gt;     &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt; &lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt; &lt;span style="color:#a31515"&gt;label&lt;/span&gt; {&lt;br&gt;         &lt;span style="color:#ff0000"&gt;background&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;none&lt;/span&gt; &lt;span style="color:#0000ff"&gt;no-repeat&lt;/span&gt; &lt;span style="color:#0000ff"&gt;left&lt;/span&gt; &lt;span style="color:#0000ff"&gt;50%&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;line-height&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;20px&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;padding&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;0&lt;/span&gt; &lt;span style="color:#0000ff"&gt;0&lt;/span&gt; &lt;span style="color:#0000ff"&gt;0&lt;/span&gt; &lt;span style="color:#0000ff"&gt;30px&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;width&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;auto&lt;/span&gt;; }&lt;br&gt;  &lt;br&gt;     &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;label[for=male]&lt;/span&gt; { &lt;span style="color:#ff0000"&gt;background-image&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;url(male.png)&lt;/span&gt;; }&lt;br&gt;  &lt;br&gt;     &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;label[for=female]&lt;/span&gt; { &lt;span style="color:#ff0000"&gt;background-image&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;url(female.png)&lt;/span&gt;; }&lt;br&gt;  &lt;br&gt; &lt;br&gt;  &lt;br&gt;     &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt; &lt;span style="color:#a31515"&gt;fieldset&lt;/span&gt; &lt;span style="color:#a31515"&gt;label:hover&lt;/span&gt; { &lt;span style="color:#ff0000"&gt;cursor&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;pointer&lt;/span&gt;; }&lt;br&gt;  &lt;br&gt;     &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;input:not([type=radio])&lt;/span&gt;,&lt;br&gt;    &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;textarea&lt;/span&gt; {&lt;br&gt;         &lt;span style="color:#ff0000"&gt;background&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#ffffff&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;border&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;none&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;-moz-border-radius&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;3px&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;-webkit-border-radius&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;3px&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;-khtml-border-radius&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;3px&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;border-radius&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;3px&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;font&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;italic&lt;/span&gt; &lt;span style="color:#0000ff"&gt;13px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;Georgia,&lt;/span&gt; &lt;span style="color:#0000ff"&gt;&amp;quot;Times New Roman&amp;quot;,&lt;/span&gt; &lt;span style="color:#0000ff"&gt;Times,&lt;/span&gt; &lt;span style="color:#0000ff"&gt;serif&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;outline&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;none&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;padding&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;5px&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;width&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;200px&lt;/span&gt;; }&lt;br&gt;  &lt;br&gt;     &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;input:not([type=submit]):focus&lt;/span&gt;,&lt;br&gt;    &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;textarea:focus&lt;/span&gt; { &lt;span style="color:#ff0000"&gt;background&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#eaeaea&lt;/span&gt;; }&lt;br&gt;  &lt;br&gt;     &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;input[type=radio]&lt;/span&gt; {&lt;br&gt;         &lt;span style="color:#ff0000"&gt;float&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;left&lt;/span&gt;;&lt;br&gt;         &lt;span style="color:#ff0000"&gt;margin-right&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;5px&lt;/span&gt;; }&lt;br&gt;  &lt;br&gt;     &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;button&lt;/span&gt;&lt;br&gt; {&lt;br&gt;     &lt;span style="color:#ff0000"&gt;background-position&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#3399FF&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;background&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#3399FF&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;border&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;none&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;-moz-border-radius&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;20px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;-webkit-border-radius&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;20px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;-khtml-border-radius&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;20px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;border-radius&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;20px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;color&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#000000&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;display&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;block&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;font&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;18px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;Georgia,&lt;/span&gt; &lt;span style="color:#0000ff"&gt;&amp;quot;Times New Roman&amp;quot;&lt;/span&gt; &lt;span style="color:#0000ff"&gt;,&lt;/span&gt; &lt;span style="color:#0000ff"&gt;Times,&lt;/span&gt; &lt;span style="color:#0000ff"&gt;serif&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;letter-spacing&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;1px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;margin&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;auto&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;padding&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;7px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;25px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;text-shadow&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;0&lt;/span&gt; &lt;span style="color:#0000ff"&gt;1px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;1px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;#000000&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;text-transform&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;uppercase&lt;/span&gt;;&lt;br&gt; }&lt;br&gt;  &lt;br&gt;         &lt;span style="color:#a31515"&gt;form#register&lt;/span&gt; &lt;span style="color:#a31515"&gt;button:hover&lt;/span&gt;&lt;br&gt; {&lt;br&gt;     &lt;span style="color:#ff0000"&gt;background-position&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#3333FF&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;background&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#3333FF&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;cursor&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;pointer&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;color&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#FFFFFF&lt;/span&gt;;&lt;br&gt; }&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;  &lt;p&gt;&lt;font color="#2a2e29" size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#2a2e29" size="2" face="Verdana"&gt;I got the male and female img form Icon Finder &lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;a title="http://www.iconfinder.com/icondetails/36041/32/female_gender_icon" href="http://www.iconfinder.com/icondetails/36041/32/female_gender_icon"&gt;&lt;font color="#400040"&gt;&lt;strong&gt;http://www.iconfinder.com/icondetails/36041/32/female_gender_icon&lt;/strong&gt;&lt;/font&gt;&lt;/a&gt;&lt;font color="#400040"&gt;&lt;strong&gt;&amp;#160;&lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;a title="http://www.iconfinder.com/icondetails/36181/32/gender_male_icon" href="http://www.iconfinder.com/icondetails/36181/32/gender_male_icon"&gt;&lt;font color="#400040"&gt;&lt;strong&gt;http://www.iconfinder.com/icondetails/36181/32/gender_male_icon&lt;/strong&gt;&lt;/font&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#2a2e29" size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;u&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;u&gt;&lt;font size="3"&gt;Here’s what we created :&lt;/font&gt;&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;u&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://lh5.ggpht.com/_QmFQtLsMh_E/TEtHp2uGwGI/AAAAAAAACYQ/FTGgkrApikI/s1600-h/image%5B18%5D.png"&gt;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/_QmFQtLsMh_E/TEtHr9gOhrI/AAAAAAAACYU/5RQK4riQeS4/image_thumb%5B23%5D.png?imgmax=800" width="480" height="637" /&gt;&lt;/a&gt; &lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Verdana"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;font size="2" face="Verdana"&gt;Ref.&lt;/font&gt;&lt;font size="2" face="Verdana"&gt; “New &lt;code&gt;input&lt;/code&gt; types and form attributes on HTML5&amp;#160; &lt;/font&gt;&lt;/strong&gt;&lt;a href="http://www.w3.org/TR/html5/forms.html"&gt;&lt;font color="#400080" size="2" face="Verdana"&gt;&lt;strong&gt;what’s new on the W3C website&lt;/strong&gt;&lt;/font&gt;&lt;/a&gt;&lt;font size="2" face="Verdana"&gt;&lt;strong&gt;&lt;font color="#400080"&gt;.”&lt;/font&gt; &lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Download this ex : &lt;/strong&gt;&lt;iframe style="padding-bottom: 0px; background-color: #fcfcfc; padding-left: 0px; width: 98px; padding-right: 0px; height: 115px; padding-top: 0px" title="Preview" marginheight="0" src="http://cid-8ce3351d28dc151d.office.live.com/embedicon.aspx/LedoBlog/Forms^_CSS3/FormsCSS3.rar" frameborder="0" marginwidth="0" scrolling="no"&gt;&lt;/iframe&gt;&lt;/p&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-3162523181175285394?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/L3L9qk6cjmFzDuNeURd8fiL__5g/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/L3L9qk6cjmFzDuNeURd8fiL__5g/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/L3L9qk6cjmFzDuNeURd8fiL__5g/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/L3L9qk6cjmFzDuNeURd8fiL__5g/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/QFXO-4zli-k" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/QFXO-4zli-k/css-tips-and-tricks-3-html5-and-css3.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh3.ggpht.com/_QmFQtLsMh_E/TEtHoO4nf7I/AAAAAAAACYM/Otgp3yjI8-w/s72-c/image_thumb%5B8%5D.png?imgmax=800" height="72" width="72" /><thr:total>3</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/07/css-tips-and-tricks-3-html5-and-css3.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-6895464352652020834</guid><pubDate>Sat, 24 Jul 2010 11:55:00 +0000</pubDate><atom:updated>2010-07-24T14:56:03.333+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">UI Developing</category><category domain="http://www.blogger.com/atom/ns#">ASP.net</category><category domain="http://www.blogger.com/atom/ns#">Web Techniques</category><category domain="http://www.blogger.com/atom/ns#">Software</category><category domain="http://www.blogger.com/atom/ns#">CSS</category><category domain="http://www.blogger.com/atom/ns#">HTML</category><title>Css tips and tricks [3] : Enable body background scaling</title><description>&lt;p&gt;&lt;a href="http://lh3.ggpht.com/_QmFQtLsMh_E/TErUoOIgVHI/AAAAAAAACX4/AV0S9uyuORk/s1600-h/image%5B11%5D.png"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/_QmFQtLsMh_E/TErUqwi8G1I/AAAAAAAACX8/PNU9bl5_2nk/image_thumb%5B14%5D.png?imgmax=800" width="338" height="225" /&gt;&lt;/a&gt;     &lt;br /&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;image (1) &lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Window width: 800px&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; Window height: 600px &lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Viewport width: 784px&amp;#160;&amp;#160; Viewport height: 375px&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://lh5.ggpht.com/_QmFQtLsMh_E/TErUvGF2mdI/AAAAAAAACYA/zL23ihzMjog/s1600-h/image%5B12%5D.png"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_QmFQtLsMh_E/TErUyyz2aOI/AAAAAAAACYE/hDE8AwP1sOM/image_thumb%5B15%5D.png?imgmax=800" width="448" height="218" /&gt;&lt;/a&gt; &lt;/p&gt;  &lt;p&gt;&lt;strong&gt;image (2) &lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Window width: 1296px&amp;#160;&amp;#160;&amp;#160; Window height: 786px&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Viewport width: 1280px&amp;#160;&amp;#160;&amp;#160; Viewport height: 561px&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#000000" size="3"&gt;You can enable background scaling by adding the following declarations to your style sheet:&lt;/font&gt;&lt;/p&gt;  &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:9ce6104f-a9aa-4a17-a79f-3a39532ebf7c:066dc4c2-0586-4a5d-b272-eaa8d884f4e6" class="wlWriterSmartContent"&gt; &lt;div style="border: #000080 1px solid; color: #000; font-family: 'Courier New', Courier, Monospace; font-size: 10pt"&gt; &lt;div style="background: #000080; color: #fff; font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; padding: 2px 5px"&gt;Css&lt;/div&gt; &lt;div style="background-color: #000000; max-height: 500px; overflow: auto; padding: 2px 5px; white-space: nowrap"&gt;&lt;span style="color:#a31515"&gt;body&lt;/span&gt; {&lt;br&gt;   &lt;span style="color:#ff0000"&gt;background&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#000&lt;/span&gt; &lt;span style="color:#0000ff"&gt;url(finalbg.jpg)&lt;/span&gt; &lt;span style="color:#0000ff"&gt;center&lt;/span&gt; &lt;span style="color:#0000ff"&gt;center&lt;/span&gt; &lt;span style="color:#0000ff"&gt;fixed&lt;/span&gt; &lt;span style="color:#0000ff"&gt;no-repeat&lt;/span&gt;;&lt;br&gt;   &lt;span style="color:#ff0000"&gt;-moz-background-size&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;cover&lt;/span&gt;;&lt;br&gt;   &lt;span style="color:#ff0000"&gt;background-size&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;cover&lt;/span&gt;;&lt;br&gt; }&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-6895464352652020834?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/GB1Mh0YrdjsR26Gaj-yX9NxJr0I/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/GB1Mh0YrdjsR26Gaj-yX9NxJr0I/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/GB1Mh0YrdjsR26Gaj-yX9NxJr0I/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/GB1Mh0YrdjsR26Gaj-yX9NxJr0I/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/jiivjjqVLgY" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/jiivjjqVLgY/css-tips-and-tricks-3-enable-body.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh6.ggpht.com/_QmFQtLsMh_E/TErUqwi8G1I/AAAAAAAACX8/PNU9bl5_2nk/s72-c/image_thumb%5B14%5D.png?imgmax=800" height="72" width="72" /><thr:total>1</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/07/css-tips-and-tricks-3-enable-body.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-197556386944798762</guid><pubDate>Wed, 14 Jul 2010 14:45:00 +0000</pubDate><atom:updated>2010-07-24T14:38:07.678+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">UI Developing</category><category domain="http://www.blogger.com/atom/ns#">CSS</category><category domain="http://www.blogger.com/atom/ns#">HTML</category><title>Css tips and tricks [1] : Set [ Div – box ] Shadows.</title><description>&lt;p&gt;&lt;a href="http://lh3.ggpht.com/_QmFQtLsMh_E/TD3NfGZV8UI/AAAAAAAACXs/jLJe481eGlQ/s1600-h/image%5B5%5D.png"&gt;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_QmFQtLsMh_E/TD3NiqzH9CI/AAAAAAAACX0/k18PkmDpB3M/image_thumb%5B6%5D.png?imgmax=800" width="472" height="228" /&gt;&lt;/a&gt; &lt;/p&gt;  &lt;blockquote&gt;   &lt;p&gt;     &lt;br /&gt;&lt;strong&gt;look to get show like the inner image you have to use these three lines to set the shadow and to avoid the cross browsing problems.&lt;/strong&gt;       &lt;br /&gt;&lt;/p&gt;    &lt;p&gt;&amp;#160;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:9ce6104f-a9aa-4a17-a79f-3a39532ebf7c:53f85c78-d64b-4e4c-81f3-72886a341d34" class="wlWriterSmartContent"&gt; &lt;div style="border: #000080 1px solid; color: #000; font-family: 'Courier New', Courier, Monospace; font-size: 10pt"&gt; &lt;div style="background: #000080; color: #fff; font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; padding: 2px 5px"&gt;Css Script&lt;/div&gt; &lt;div style="background: #ddd; max-height: 500px; overflow: auto"&gt; &lt;ol style="background: #ffffff; margin: 0 0 0 2em; padding: 0 0 0 5px;"&gt; &lt;li&gt;&lt;span style="color:#a31515"&gt;.box{&lt;/span&gt;&lt;/li&gt; &lt;li&gt;    &lt;span style="color:#ff0000"&gt;-moz-box-shadow&lt;/span&gt;:&lt;span style="color:#0000ff"&gt;0px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;0px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;10px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;#333&lt;/span&gt;;&lt;/li&gt; &lt;li&gt;    &lt;span style="color:#ff0000"&gt;-webkit-box-shadow&lt;/span&gt;:&lt;span style="color:#0000ff"&gt;0px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;0px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;10px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;#333&lt;/span&gt;;&lt;/li&gt; &lt;li&gt;    &lt;span style="color:#ff0000"&gt;box-shadow&lt;/span&gt;:&lt;span style="color:#0000ff"&gt;0px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;0px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;10px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;#333&lt;/span&gt;;&lt;/li&gt; &lt;li&gt;}&lt;/li&gt; &lt;/ol&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-197556386944798762?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/zSm73KtC2StM0Abq6tTSOClsuZI/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/zSm73KtC2StM0Abq6tTSOClsuZI/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/zSm73KtC2StM0Abq6tTSOClsuZI/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/zSm73KtC2StM0Abq6tTSOClsuZI/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/36NZUbKO5Os" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/36NZUbKO5Os/set-div-box-shadows-using-css.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh3.ggpht.com/_QmFQtLsMh_E/TD3NiqzH9CI/AAAAAAAACX0/k18PkmDpB3M/s72-c/image_thumb%5B6%5D.png?imgmax=800" height="72" width="72" /><thr:total>1</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/07/set-div-box-shadows-using-css.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-2753312128966336798</guid><pubDate>Mon, 12 Jul 2010 16:29:00 +0000</pubDate><atom:updated>2010-07-12T19:31:06.322+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">JQuery</category><category domain="http://www.blogger.com/atom/ns#">ASP.net</category><category domain="http://www.blogger.com/atom/ns#">Ajax</category><category domain="http://www.blogger.com/atom/ns#">Web Techniques</category><category domain="http://www.blogger.com/atom/ns#">Software</category><category domain="http://www.blogger.com/atom/ns#">C#</category><title>Top jquery Image-Content Slider July 2010</title><description>&lt;p&gt;&lt;strong&gt;&lt;font size="3" face="Verdana"&gt;1- Nivo Slider: &lt;/font&gt;&lt;/strong&gt;&lt;a title="http://nivo.dev7studios.com/" href="http://nivo.dev7studios.com/"&gt;&lt;strong&gt;&lt;font size="3" face="Verdana"&gt;http://nivo.dev7studios.com/&lt;/font&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://lh3.ggpht.com/_QmFQtLsMh_E/TDtCMTkWh3I/AAAAAAAACWQ/1LLE13Sd00c/s1600-h/image%5B6%5D.png"&gt;&lt;strong&gt;&lt;font size="3" face="Verdana"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_QmFQtLsMh_E/TDtCPo-Bu0I/AAAAAAAACWU/406W1KYF-Vo/image_thumb%5B8%5D.png?imgmax=800" width="449" height="219" /&gt;&lt;/font&gt;&lt;/strong&gt;&lt;/a&gt;&lt;strong&gt;&lt;font size="3" face="Verdana"&gt; &lt;/font&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;font size="3" face="Verdana"&gt;2- Coin Slider: &lt;a title="http://workshop.rs/projects/coin-slider/" href="http://workshop.rs/projects/coin-slider/"&gt;http://workshop.rs/projects/coin-slider/&lt;/a&gt;&lt;/font&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://lh3.ggpht.com/_QmFQtLsMh_E/TDtCU6RsucI/AAAAAAAACWY/5nQ9SVwSxTA/s1600-h/image%5B12%5D.png"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/_QmFQtLsMh_E/TDtCYRy1t_I/AAAAAAAACWc/pjsy1XoXI3k/image_thumb%5B15%5D.png?imgmax=800" width="447" height="257" /&gt;&lt;/a&gt; &lt;/p&gt;  &lt;p align="left"&gt;&lt;strong&gt;&lt;font size="3" face="Verdana"&gt;3- Advanced jQuery background image slideshow:       &lt;br /&gt; &lt;a title="http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html" href="http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html"&gt;http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html&lt;/a&gt;&lt;a title="http://workshop.rs/projects/coin-slider/" href="http://workshop.rs/projects/coin-slider/"&gt;slider/         &lt;br /&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_QmFQtLsMh_E/TDtCbecaMLI/AAAAAAAACWg/ImBGnql4erY/image%5B35%5D.png?imgmax=800" width="445" height="204" /&gt; &lt;/a&gt;        &lt;br /&gt;&lt;/font&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;font size="3" face="Verdana"&gt;4- JQfancy Transtions:&lt;a title="http://workshop.rs/projects/jqfancytransitions/" href="http://workshop.rs/projects/jqfancytransitions/"&gt;http://workshop.rs/projects/jqfancytransitions/&lt;/a&gt;&lt;/font&gt;&lt;/strong&gt;&lt;a href="http://lh5.ggpht.com/_QmFQtLsMh_E/TDtCf8CGMKI/AAAAAAAACWk/Enb1qMqwUU4/s1600-h/image%5B41%5D.png"&gt;     &lt;br /&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_QmFQtLsMh_E/TDtCkppqzWI/AAAAAAAACWo/cwcR6uO8snQ/image_thumb%5B22%5D.png?imgmax=800" width="433" height="312" /&gt;&lt;/a&gt; &lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;font size="3" face="Verdana"&gt;5- Slide Thumbs:&lt;a title="http://jqueryglobe.com/article/slide-thumbs" href="http://jqueryglobe.com/article/slide-thumbs"&gt;http://jqueryglobe.com/article/slide-thumbs&lt;/a&gt;&lt;/font&gt;&lt;/strong&gt;&lt;a href="http://lh4.ggpht.com/_QmFQtLsMh_E/TDtCoMjQmZI/AAAAAAAACWs/SwZP1QSFdOo/s1600-h/image%5B47%5D.png"&gt;     &lt;br /&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/_QmFQtLsMh_E/TDtCqsTE-QI/AAAAAAAACWw/Yvepww-Xmf0/image_thumb%5B29%5D.png?imgmax=800" width="445" height="235" /&gt;&lt;/a&gt; &lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;font size="3" face="Verdana"&gt;5-SlideDecks:&lt;a title="http://www.slidedeck.com/" href="http://www.slidedeck.com/"&gt;http://www.slidedeck.com/&lt;/a&gt;&lt;/font&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://lh6.ggpht.com/_QmFQtLsMh_E/TDtCsE2az7I/AAAAAAAACW0/0nKPxVjEtP4/s1600-h/image%5B53%5D.png"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_QmFQtLsMh_E/TDtCtWfO3tI/AAAAAAAACW4/0MOQMXARoxQ/image_thumb%5B36%5D.png?imgmax=800" width="449" height="174" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;font size="3" face="Verdana"&gt;6- ImageFlow:&lt;a title="http://cool-javascripts.com/effects/image-flow-09.html" href="http://cool-javascripts.com/effects/image-flow-09.html"&gt;http://cool-javascripts.com/effects/image-flow-09.html&lt;/a&gt;&lt;/font&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://lh3.ggpht.com/_QmFQtLsMh_E/TDtCv22wnPI/AAAAAAAACXY/RWlzQFxZyos/s1600-h/image%5B59%5D.png"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/_QmFQtLsMh_E/TDtCxclQf8I/AAAAAAAACXA/ivnwLRYeKEM/image_thumb%5B43%5D.png?imgmax=800" width="437" height="193" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://lh3.ggpht.com/_QmFQtLsMh_E/TDtCv22wnPI/AAAAAAAACXg/uzc4j23KmJQ/s1600-h/image%5B58%5D.png"&gt;&amp;#160;&lt;/a&gt;&lt;/p&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-2753312128966336798?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/EWy9s5hCghsI3DIjkks0XQcQ21I/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/EWy9s5hCghsI3DIjkks0XQcQ21I/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/EWy9s5hCghsI3DIjkks0XQcQ21I/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/EWy9s5hCghsI3DIjkks0XQcQ21I/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/Y0GENByWDAQ" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/Y0GENByWDAQ/top-jquery-image-content-slider-july.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh3.ggpht.com/_QmFQtLsMh_E/TDtCPo-Bu0I/AAAAAAAACWU/406W1KYF-Vo/s72-c/image_thumb%5B8%5D.png?imgmax=800" height="72" width="72" /><thr:total>3</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/07/top-jquery-image-content-slider-july.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-5569969740962701339</guid><pubDate>Sat, 10 Jul 2010 20:03:00 +0000</pubDate><atom:updated>2010-07-24T14:42:04.276+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">ASP.net</category><category domain="http://www.blogger.com/atom/ns#">Web Techniques</category><category domain="http://www.blogger.com/atom/ns#">Software</category><category domain="http://www.blogger.com/atom/ns#">CSS</category><category domain="http://www.blogger.com/atom/ns#">HTML</category><title>Css tips and tricks [2] : Multiple Borders with Simple CSS</title><description>&lt;p&gt;&lt;strong&gt;One of the wonderful CSS tips i learned this week is how to set multiple borders with css using&amp;#160; “&lt;em&gt;:after&lt;/em&gt; amd &lt;em&gt;:before&lt;/em&gt; psuedo-classes” without images in a few minutes.&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://lh6.ggpht.com/_QmFQtLsMh_E/TDjSGjJLKQI/AAAAAAAACWI/_my87Ctxu9c/s1600-h/image%5B4%5D.png"&gt;&lt;strong&gt;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/_QmFQtLsMh_E/TDjSHt_OLjI/AAAAAAAACWM/TViHU_BagwI/image_thumb%5B9%5D.png?imgmax=800" width="240" height="236" /&gt;&lt;/strong&gt;&lt;/a&gt;&lt;strong&gt; &lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;here’s the Html code : &lt;/strong&gt;&lt;/p&gt;  &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:9ce6104f-a9aa-4a17-a79f-3a39532ebf7c:75953820-e786-4d04-b9e4-2968350aebb6" class="wlWriterSmartContent"&gt; &lt;div style="border: #000080 1px solid; color: #000; font-family: 'Courier New', Courier, Monospace; font-size: 10pt"&gt; &lt;div style="background: #000080; color: #fff; font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; padding: 2px 5px"&gt;html&lt;/div&gt; &lt;div style="background-color: #ffffff; max-height: 500px; overflow: auto; padding: 2px 5px;"&gt;&amp;lt;div id=&amp;quot;Box&amp;quot;&amp;gt; &amp;lt;/div&amp;gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;a href="http://11011.net/software/vspaste"&gt;&lt;/a&gt;  &lt;p&gt;&lt;strong&gt;here’s the CSS code :&amp;#160; &lt;/strong&gt;&lt;/p&gt;  &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:9ce6104f-a9aa-4a17-a79f-3a39532ebf7c:4969e384-8020-48bc-87dc-3395c5657af7" class="wlWriterSmartContent"&gt; &lt;div style="border: #000080 1px solid; color: #000; font-family: 'Courier New', Courier, Monospace; font-size: 10pt"&gt; &lt;div style="background: #000080; color: #fff; font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; padding: 2px 5px"&gt;css&lt;/div&gt; &lt;div style="background-color: #ffffff; max-height: 500px; overflow: auto; padding: 2px 5px; white-space: nowrap"&gt;&lt;span style="color:#a31515"&gt;body&lt;/span&gt;&lt;br&gt; {&lt;br&gt;     &lt;span style="color:#ff0000"&gt;background-color&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#F0F0F0&lt;/span&gt;;&lt;br&gt; }&lt;br&gt; &lt;span style="color:#a31515"&gt;#Box&lt;/span&gt;&lt;br&gt; {&lt;br&gt;     &lt;span style="color:#ff0000"&gt;border&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;1px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;solid&lt;/span&gt; &lt;span style="color:#0000ff"&gt;#bbbbbb&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;width&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;200px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;height&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;200px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;margin&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;60px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;auto&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;background-color&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;#ffffff&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;position&lt;/span&gt;:&lt;span style="color:#0000ff"&gt;relative&lt;/span&gt;;&lt;br&gt; }&lt;br&gt; &lt;span style="color:#a31515"&gt;#Box:before&lt;/span&gt;&lt;br&gt; {&lt;br&gt;     &lt;span style="color:#ff0000"&gt;border&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;1px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;solid&lt;/span&gt; &lt;span style="color:#0000ff"&gt;#ffffff&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;width&lt;/span&gt;:&lt;span style="color:#0000ff"&gt;198px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;height&lt;/span&gt;:&lt;span style="color:#0000ff"&gt;198px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;position&lt;/span&gt;:&lt;span style="color:#0000ff"&gt;absolute&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;content&lt;/span&gt;:&lt;span style="color:#0000ff"&gt;&amp;#39;&amp;#39;&lt;/span&gt;;&lt;br&gt; }&lt;br&gt; &lt;span style="color:#a31515"&gt;#Box:after&lt;/span&gt;&lt;br&gt; {&lt;br&gt;     &lt;span style="color:#ff0000"&gt;border&lt;/span&gt;: &lt;span style="color:#0000ff"&gt;1px&lt;/span&gt; &lt;span style="color:#0000ff"&gt;solid&lt;/span&gt; &lt;span style="color:#0000ff"&gt;#bbbbbb&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;width&lt;/span&gt;:&lt;span style="color:#0000ff"&gt;196px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;height&lt;/span&gt;:&lt;span style="color:#0000ff"&gt;196px&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;position&lt;/span&gt;:&lt;span style="color:#0000ff"&gt;absolute&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;content&lt;/span&gt;:&lt;span style="color:#0000ff"&gt;&amp;#39;&amp;#39;&lt;/span&gt;;&lt;br&gt;     &lt;span style="color:#ff0000"&gt;left&lt;/span&gt;:&lt;span style="color:#0000ff"&gt;1px&lt;/span&gt;; &lt;span style="color:#ff0000"&gt;top&lt;/span&gt;:&lt;span style="color:#0000ff"&gt;1px&lt;/span&gt;;&lt;br&gt; }&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-5569969740962701339?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/dIF3lWlFv5ZpfwJmjVUzWbEUb08/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/dIF3lWlFv5ZpfwJmjVUzWbEUb08/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/dIF3lWlFv5ZpfwJmjVUzWbEUb08/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/dIF3lWlFv5ZpfwJmjVUzWbEUb08/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/wnvT1On64g8" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/wnvT1On64g8/multiple-borders-with-simple-css.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh5.ggpht.com/_QmFQtLsMh_E/TDjSHt_OLjI/AAAAAAAACWM/TViHU_BagwI/s72-c/image_thumb%5B9%5D.png?imgmax=800" height="72" width="72" /><thr:total>1</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/07/multiple-borders-with-simple-css.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-5550882980187446437</guid><pubDate>Sat, 10 Jul 2010 11:43:00 +0000</pubDate><atom:updated>2010-07-10T14:43:36.194+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">JQuery</category><category domain="http://www.blogger.com/atom/ns#">ASP.net</category><category domain="http://www.blogger.com/atom/ns#">Web Techniques</category><category domain="http://www.blogger.com/atom/ns#">Software</category><title>Disabling Right Click (context menu) with jQuery</title><description>&lt;div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 100%; padding-right: 4px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; height: 132px; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"&gt;   &lt;div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"&gt;     &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"&gt;&lt;strong&gt;&lt;font size="4"&gt;&lt;span style="color: #606060" id="lnum1"&gt;   1:&lt;/span&gt; $(document).ready(function()&lt;/font&gt;&lt;/strong&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"&gt;&lt;strong&gt;&lt;font size="4"&gt;&lt;span style="color: #606060" id="lnum2"&gt;   2:&lt;/span&gt; {&lt;/font&gt;&lt;/strong&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"&gt;&lt;strong&gt;&lt;font size="4"&gt;&lt;span style="color: #606060" id="lnum3"&gt;   3:&lt;/span&gt;        $(document).bind(&lt;span style="color: #006080"&gt;&amp;quot;contextmenu&amp;quot;&lt;/span&gt;,function(e){&lt;/font&gt;&lt;/strong&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"&gt;&lt;strong&gt;&lt;font size="4"&gt;&lt;span style="color: #606060" id="lnum4"&gt;   4:&lt;/span&gt;               &lt;span style="color: #0000ff"&gt;return&lt;/span&gt; &lt;span style="color: #0000ff"&gt;false&lt;/span&gt;;&lt;/font&gt;&lt;/strong&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"&gt;&lt;strong&gt;&lt;font size="4"&gt;&lt;span style="color: #606060" id="lnum5"&gt;   5:&lt;/span&gt;        });&lt;/font&gt;&lt;/strong&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"&gt;&lt;strong&gt;&lt;font size="4"&gt;&lt;span style="color: #606060" id="lnum6"&gt;   6:&lt;/span&gt; });&lt;/font&gt;&lt;/strong&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;&lt;/div&gt;
&lt;/div&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-5550882980187446437?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/ADo-9_SMRpTclsz9xB1WWyy4X8U/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/ADo-9_SMRpTclsz9xB1WWyy4X8U/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/ADo-9_SMRpTclsz9xB1WWyy4X8U/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/ADo-9_SMRpTclsz9xB1WWyy4X8U/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/-7xzNM1ycgM" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/-7xzNM1ycgM/disabling-right-click-context-menu-with.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><thr:total>0</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/07/disabling-right-click-context-menu-with.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-3944956324510730453</guid><pubDate>Mon, 31 May 2010 21:10:00 +0000</pubDate><atom:updated>2010-06-01T00:10:56.947+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">SharePoint</category><category domain="http://www.blogger.com/atom/ns#">Web Techniques</category><category domain="http://www.blogger.com/atom/ns#">Software</category><title>SharePoint in Plain English</title><description>A short, fun, animated approach, showing you what SharePoint is all about.   &lt;br /&gt;  &lt;br /&gt;&lt;object width="640" height="385"&gt;&lt;param name="movie" value="http://www.youtube.com/v/s12Jb5Z2xaE&amp;amp;hl=en_US&amp;amp;fs=1&amp;amp;"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/s12Jb5Z2xaE&amp;amp;hl=en_US&amp;amp;fs=1&amp;amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"&gt;&lt;/embed&gt;&lt;/object&gt;  &lt;p&gt;   &lt;br /&gt;&lt;/p&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-3944956324510730453?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/ZpEzrbRoPMhziqJ0AmKqLyJtW3M/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/ZpEzrbRoPMhziqJ0AmKqLyJtW3M/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/ZpEzrbRoPMhziqJ0AmKqLyJtW3M/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/ZpEzrbRoPMhziqJ0AmKqLyJtW3M/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/GFwYAV-mWq8" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/GFwYAV-mWq8/sharepoint-in-plain-english.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><thr:total>0</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/06/sharepoint-in-plain-english.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-2624648963214099579</guid><pubDate>Fri, 28 May 2010 16:26:00 +0000</pubDate><atom:updated>2010-05-28T19:27:01.193+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Devloper Tools</category><category domain="http://www.blogger.com/atom/ns#">C#</category><title>Why we should move to visual studio 2010 ?</title><description>&lt;p&gt;&lt;strong&gt;This post lists the new and enhanced features available in Visual Basic 2010.     &lt;br /&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;u&gt;&lt;font color="#800000" size="3"&gt;Visual Basic Compiler and Language&lt;/font&gt;&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;  &lt;h5&gt;Auto-Implemented Properties&lt;/h5&gt;  &lt;p&gt;Auto-implemented properties provide a shortened syntax that enables you to quickly specify a property of a class without having to write code to Get and Set the property. For more information, see &lt;a href="http://msdn.microsoft.com/en-us/library/dd293589.aspx"&gt;Auto-Implemented Properties (Visual Basic)&lt;/a&gt;.&lt;/p&gt;  &lt;h5&gt;Collection Initializers&lt;/h5&gt;  &lt;p&gt;Collection initializers provide a shortened syntax that enables you to create a collection and populate it with an initial set of values. Collection initializers are useful when you are creating a collection from a set of known values, for example, a list of menu options or categories. For more information, see &lt;a href="http://msdn.microsoft.com/en-us/library/dd293617.aspx"&gt;Collection Initializers Overview (Visual Basic)&lt;/a&gt;.&lt;/p&gt;  &lt;h5&gt;Implicit Line Continuation&lt;/h5&gt;  &lt;p&gt;In many cases, implicit line continuation enables you to continue a statement on the next consecutive line without using the underscore character (_). For a list of all the cases in which you can omit an underscore character, see &lt;a href="http://msdn.microsoft.com/en-us/library/865x40k4.aspx"&gt;Statements in Visual Basic&lt;/a&gt;.&lt;/p&gt;  &lt;h5&gt;Multiline Lambda Expressions and Subroutines&lt;/h5&gt;  &lt;p&gt;Lambda expression support has been expanded to support subroutines in addition to multiline lambda functions and subroutines. For more information, see &lt;a href="http://msdn.microsoft.com/en-us/library/bb531253.aspx"&gt;Lambda Expressions&lt;/a&gt;.&lt;/p&gt;  &lt;h5&gt;New Command-Line Option for Specifying a Language Version&lt;/h5&gt;  &lt;p&gt;The &lt;a href="http://msdn.microsoft.com/en-us/library/dd547577.aspx"&gt;/langversion&lt;/a&gt; command-line option causes the compiler to accept only syntax that is valid in the specified version of Visual Basic.&lt;/p&gt;  &lt;h5&gt;Type Equivalence Support&lt;/h5&gt;  &lt;p&gt;You can now deploy an application that has embedded type information instead of type information that is imported from a Primary Interop Assembly (PIA). With embedded type information, your application can use types in a runtime without requiring a reference to the runtime assembly. If various versions of the runtime assembly are published, the application that contains the embedded type information can work with the various versions without having to be recompiled. For more information, see &lt;a href="http://msdn.microsoft.com/en-us/library/dd293566.aspx"&gt;/link (Visual Basic)&lt;/a&gt;. For an example, see &lt;a href="http://msdn.microsoft.com/en-us/library/dd409610.aspx"&gt;Walkthrough: Embedding Types from Managed Assemblies (C# and Visual Basic)&lt;/a&gt;.&lt;/p&gt;  &lt;h5&gt;Dynamic Support&lt;/h5&gt;  &lt;p&gt;Visual Basic binds to objects from dynamic languages such as IronPython and IronRuby. For more information, see &lt;a href="http://msdn.microsoft.com/en-us/library/dd537660.aspx"&gt;Working with Dynamic Objects (Visual Basic)&lt;/a&gt; and &lt;a href="http://msdn.microsoft.com/en-us/library/ee461504.aspx"&gt;Walkthrough: Creating and Using Dynamic Objects (C# and Visual Basic)&lt;/a&gt;.&lt;/p&gt;  &lt;h5&gt;Covariance and Contravariance&lt;/h5&gt;  &lt;p&gt;Covariance enables you to use a more derived type than that specified by the generic parameter, whereas contravariance enables you to use a less derived type. This allows for implicit conversion of classes that implement variant interfaces and provides more flexibility for matching method signatures with variant delegate types. You can create variant interfaces and delegates by using the new &lt;a href="http://msdn.microsoft.com/en-us/library/dd469536.aspx"&gt;In&lt;/a&gt; and &lt;a href="http://msdn.microsoft.com/en-us/library/dd469539.aspx"&gt;Out&lt;/a&gt; language keywords. The .NET Framework also introduces variance support for several existing generic interfaces and delegates, including the &lt;a href="http://msdn.microsoft.com/en-us/library/9eekhta0.aspx"&gt;IEnumerable(Of T)&lt;/a&gt; interface and the &lt;a href="http://msdn.microsoft.com/en-us/library/bb534960.aspx"&gt;Func(Of TResult)&lt;/a&gt; and &lt;a href="http://msdn.microsoft.com/en-us/library/018hxwa8.aspx"&gt;Action(Of T)&lt;/a&gt; delegates. For more information, see &lt;a href="http://msdn.microsoft.com/en-us/library/ee207183.aspx"&gt;Covariance and Contravariance (C# and Visual Basic)&lt;/a&gt;.&lt;/p&gt;  &lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;font color="#800000" size="3"&gt;&lt;u&gt;Integrated Development Environment&lt;/u&gt;&lt;/font&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;h5&gt;Navigate To&lt;/h5&gt;  &lt;p&gt;You can use the Navigate To feature to search for a symbol or file in source code. You can search for keywords that are contained in a symbol by using Camel casing and underscore characters to divide the symbol into keywords.&lt;/p&gt;  &lt;p&gt;For more information, see &lt;a href="http://msdn.microsoft.com/en-us/library/4sadchd3.aspx"&gt;How to: Search for Objects, Definitions, and References (Symbols)&lt;/a&gt;.&lt;/p&gt;  &lt;h5&gt;Highlighting References&lt;/h5&gt;  &lt;p&gt;When you click a symbol in source code, all instances of that symbol are highlighted in the document. &lt;/p&gt;  &lt;p&gt;For many control structures, when you click a keyword, all of the keywords in the structure are highlighted. For instance, when you click If in an If...Then...Else construction, all instances of If, Then, ElseIf, Else, and End If in the construction are highlighted.&lt;/p&gt;  &lt;p&gt;To move to the next or previous highlighted symbol, you can use CTRL+SHIFT+DOWN ARROW or CTRL+SHIFT+UP ARROW. For more information, see &lt;a href="http://msdn.microsoft.com/en-us/library/ee349251.aspx"&gt;How to: Use Reference Highlighting&lt;/a&gt;.&lt;/p&gt;  &lt;h5&gt;Generate From Usage&lt;/h5&gt;  &lt;p&gt;The Generate From Usage feature enables you to use classes and members before you define them. You can generate a stub for any class, constructor, method, property, field, or enum that you want to use but have not yet defined. You can generate new types and members without leaving your current location in code. This minimizes interruption to your workflow.&lt;/p&gt;  &lt;p&gt;Generate From Usage supports programming styles such as test-first development. For more information, see &lt;a href="http://msdn.microsoft.com/en-us/library/dd409796.aspx"&gt;Generate From Usage&lt;/a&gt;.&lt;/p&gt;  &lt;h5&gt;IntelliSense Suggestion Mode&lt;/h5&gt;  &lt;p&gt;IntelliSense now provides two alternatives for IntelliSense statement completion: completion mode and suggestion mode. Suggestion mode is used when classes and members are used before they are defined. For more information, see &lt;a href="http://msdn.microsoft.com/en-us/library/exbffbc2.aspx"&gt;List Members&lt;/a&gt;.&lt;/p&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-2624648963214099579?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/mN9fzUsQPf6TS8Jk7E-XuQH7-sg/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/mN9fzUsQPf6TS8Jk7E-XuQH7-sg/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/mN9fzUsQPf6TS8Jk7E-XuQH7-sg/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/mN9fzUsQPf6TS8Jk7E-XuQH7-sg/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/WIVe2I4Rk6A" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/WIVe2I4Rk6A/why-we-should-move-to-visual-studio.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><thr:total>0</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/05/why-we-should-move-to-visual-studio.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-4010302623610876584</guid><pubDate>Tue, 25 May 2010 16:42:00 +0000</pubDate><atom:updated>2010-05-25T19:42:40.926+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Software Management</category><category domain="http://www.blogger.com/atom/ns#">Project Management</category><category domain="http://www.blogger.com/atom/ns#">IT Management</category><title>Why IT Projects Fail ?</title><description>&lt;p&gt;&lt;font color="#000000"&gt;&lt;font size="2"&gt;I read This White Paper Yesterday and its very good to share&lt;/font&gt; , &lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#ffff00" size="2"&gt;&lt;strong&gt;Read and discuss it with me why do you think our It project fail ?&lt;/strong&gt;       &lt;br /&gt;      &lt;br /&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div style="width: 489px; height: 538px" id="__ss_4294493"&gt;&lt;object id="__sse4294493" width="477" height="510"&gt;&lt;param name="movie" value="http://static.slidesharecdn.com/swf/doc_player.swf?doc=infoitprojectsfail-100525111747-phpapp01&amp;amp;stripped_title=info-it-projectsfail" /&gt;&lt;param name="allowFullScreen" value="true" /&gt;&lt;param name="allowScriptAccess" value="always" /&gt;&lt;embed name="__sse4294493" src="http://static.slidesharecdn.com/swf/doc_player.swf?doc=infoitprojectsfail-100525111747-phpapp01&amp;amp;stripped_title=info-it-projectsfail" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="477" height="510"&gt;&lt;/embed&gt;&lt;/object&gt;    &lt;div style="padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 5px"&gt;View more &lt;a href="http://www.slideshare.net/"&gt;documents&lt;/a&gt; from &lt;a href="http://www.slideshare.net/FlairSystems"&gt;Flair Systems&lt;/a&gt;.&lt;/div&gt; &lt;/div&gt;  &lt;p&gt;&lt;font color="#800000"&gt;&lt;b&gt;Waleed Mohamed        &lt;br /&gt;&lt;/b&gt;Software Development Director       &lt;br /&gt;&lt;/font&gt;&lt;a href="http://blog.waleedmohamed.net"&gt;&lt;font color="#800000"&gt;http://blog.waleedmohamed.net&lt;/font&gt;&lt;/a&gt;&lt;font color="#800000"&gt;      &lt;br /&gt;&lt;/font&gt;&lt;a href="http://blog.flair-systems.com"&gt;&lt;font color="#800000"&gt;http://blog.flair-systems.com&lt;/font&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="wlWriterHeaderFooter" style="margin:0px; padding:0px 0px 0px 0px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-4010302623610876584?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/yCroUSeUZ-jnQNYgWC-qiy8lUWc/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/yCroUSeUZ-jnQNYgWC-qiy8lUWc/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/yCroUSeUZ-jnQNYgWC-qiy8lUWc/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/yCroUSeUZ-jnQNYgWC-qiy8lUWc/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/mHMnX4SB7No" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/mHMnX4SB7No/why-it-projects-fail.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><thr:total>1</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/05/why-it-projects-fail.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-2135226444604081226</guid><pubDate>Sat, 22 May 2010 06:19:00 +0000</pubDate><atom:updated>2010-05-23T18:19:56.775+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">UI Developing</category><category domain="http://www.blogger.com/atom/ns#">JQuery</category><category domain="http://www.blogger.com/atom/ns#">ASP.net</category><category domain="http://www.blogger.com/atom/ns#">HTML5</category><category domain="http://www.blogger.com/atom/ns#">Ajax</category><category domain="http://www.blogger.com/atom/ns#">Software</category><title>5 Top jQuery Plugins to improve Your HTML</title><description>&lt;p&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;&lt;span style="COLOR: #800000"&gt;&lt;strong&gt;Jquery.Timepickr&lt;/strong&gt;&lt;/span&gt;
&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;jquery.timepickr was created in a attempt to make the process of inputing time in a form as easy and natural as possible.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;Demo:&lt;/span&gt; &lt;a href="http://haineault.com/media/jquery/ui-timepickr/page/#s-intro" title="http://haineault.com/media/jquery/ui-timepickr/page/#s-intro"&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;http://haineault.com/media/jquery/ui-timepickr/page/#s-intro&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://lh4.ggpht.com/_QmFQtLsMh_E/S_d3KGekqtI/AAAAAAAACUw/86-24NGM3w4/s1600-h/image[5].png" rel="lightbox"&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;&lt;img src="http://lh3.ggpht.com/_QmFQtLsMh_E/S_d3MOS3rlI/AAAAAAAACU0/p9UU9IJl2FI/image_thumb[6].png?imgmax=800" style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; DISPLAY: inline; BORDER-TOP: #000000 1px solid; BORDER-RIGHT: #000000 1px solid" title="image" height="120" width="528" alt="image" border="0"/&gt;&lt;/span&gt;&lt;/a&gt;
&lt;br/&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;&lt;strong&gt;&lt;span style="COLOR: #800000"&gt;AutoSprites - A jQuery Menu Plugin&lt;/span&gt;&lt;/strong&gt;
&lt;br/&gt;
&lt;br/&gt;
Demo:&lt;/span&gt; &lt;a href="http://www.newmediacampaigns.com/page/autosprites-jquery-menu-plugin" title="http://www.newmediacampaigns.com/page/autosprites-jquery-menu-plugin"&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;http://www.newmediacampaigns.com/page/autosprites-jquery-menu-plugin&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://lh6.ggpht.com/_QmFQtLsMh_E/S_d3M8SXEZI/AAAAAAAACU4/kbFV-wbALfM/s1600-h/image[10].png" rel="lightbox"&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;&lt;img src="http://lh3.ggpht.com/_QmFQtLsMh_E/S_d3OetSMiI/AAAAAAAACU8/O6jAFE9royU/image_thumb[13].png?imgmax=800" style="BORDER-RIGHT-WIDTH: 0px; DISPLAY: inline; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px" title="image" height="234" width="423" alt="image" border="0"/&gt;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;&lt;strong&gt;&lt;span style="COLOR: #800000"&gt;In-Field Labels jQuery Plugin&lt;/span&gt;&lt;/strong&gt;
&lt;br/&gt;
&lt;br/&gt;
This is a simple plugin that turns properly formatted HTML forms into forms with in-field label support.
&lt;br/&gt;
Demo:&lt;/span&gt; &lt;a href="http://fuelyourcoding.com/scripts/infield/" title="http://fuelyourcoding.com/scripts/infield/"&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;http://fuelyourcoding.com/scripts/infield/&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h6&gt;&lt;a href="http://lh5.ggpht.com/_QmFQtLsMh_E/S_d3PFK954I/AAAAAAAACVA/ZPA52GTy8-4/s1600-h/image[15].png" rel="lightbox"&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;&lt;img src="http://lh6.ggpht.com/_QmFQtLsMh_E/S_d3PpGIi4I/AAAAAAAACVE/f7MsQ0Lr1TA/image_thumb[20].png?imgmax=800" style="BORDER-RIGHT-WIDTH: 0px; DISPLAY: inline; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px" title="image" height="332" width="410" alt="image" border="0"/&gt;&lt;/span&gt;&lt;/a&gt;&lt;/h6&gt;
&lt;p&gt;&lt;a href="http://code.drewwilson.com/entry/autosuggest-jquery-plugin"&gt;&lt;strong&gt;&lt;span style="COLOR: #800000; FONT-SIZE: 0.9em"&gt;AutoSuggest jQuery Plugin&lt;/span&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;br/&gt;
&lt;br/&gt;
&lt;span style="FONT-SIZE: 0.9em"&gt;This one is really awesome. Just 7kb minified. AutoSuggest is a very lightweight jQuery plugin that makes auto-completing extremely easy.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;Demo:&lt;/span&gt; &lt;a href="http://code.drewwilson.com/entry/autosuggest-jquery-plugin" title="http://code.drewwilson.com/entry/autosuggest-jquery-plugin"&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;http://code.drewwilson.com/entry/autosuggest-jquery-plugin&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://lh6.ggpht.com/_QmFQtLsMh_E/S_d3QXatgAI/AAAAAAAACVI/3LEnW0aV5uU/s1600-h/image[21].png" rel="lightbox"&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;&lt;img src="http://lh5.ggpht.com/_QmFQtLsMh_E/S_d3RBVJikI/AAAAAAAACVM/z5tLxq-RQIA/image_thumb[28].png?imgmax=800" style="BORDER-RIGHT-WIDTH: 0px; DISPLAY: inline; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px" title="image" height="178" width="609" alt="image" border="0"/&gt;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;&lt;strong&gt;&lt;span style="COLOR: #800000"&gt;Password Strength
&lt;br/&gt;&lt;/span&gt;&lt;/strong&gt;
&lt;br/&gt;
Password Strength tries to calculate how many possibilities the hacker needs to try to guess your password.&lt;/span&gt;
&lt;br/&gt;
&lt;span style="FONT-SIZE: 0.9em"&gt;Demo: &lt;a href="http://www.unwrongest.com/projects/password-strength/" title="http://www.unwrongest.com/projects/password-strength/"&gt;http://www.unwrongest.com/projects/password-strength/&lt;/a&gt;
&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://lh4.ggpht.com/_QmFQtLsMh_E/S_d3Rn420bI/AAAAAAAACVQ/-9J5ujVC-tI/s1600-h/image[26].png" rel="lightbox"&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;&lt;img src="http://lh3.ggpht.com/_QmFQtLsMh_E/S_d3SkVJ9aI/AAAAAAAACVU/XEq6oqQp_Oc/image_thumb[36].png?imgmax=800" style="BORDER-RIGHT-WIDTH: 0px; DISPLAY: inline; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px" title="image" height="136" width="549" alt="image" border="0"/&gt;&lt;/span&gt;&lt;/a&gt;
&lt;br/&gt;
&lt;br/&gt;
&lt;a href="http://www.facebook.com/pages/Flair-Systems/354981562228"&gt;&lt;img src="http://lh5.ggpht.com/_QmFQtLsMh_E/S_d3TTvICSI/AAAAAAAACVY/QbaY9BgaQb4/clip_image002[3].png?imgmax=800" style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; DISPLAY: inline; BORDER-TOP: 0px; BORDER-RIGHT: 0px" title="clip_image002" height="36" width="36" alt="clip_image002" border="0"/&gt;&lt;/a&gt; &lt;a href="http://www.youtube.com/FlairSystemsTube"&gt;&lt;img src="http://lh6.ggpht.com/_QmFQtLsMh_E/S_d3Tz9_NbI/AAAAAAAACVc/xR4dauZLwQA/clip_image004[3].png?imgmax=800" style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; DISPLAY: inline; BORDER-TOP: 0px; BORDER-RIGHT: 0px" title="clip_image004" height="36" width="36" alt="clip_image004" border="0"/&gt;&lt;/a&gt; &lt;a href="http://twitter.com/Flair_systems"&gt;&lt;img src="http://lh5.ggpht.com/_QmFQtLsMh_E/S_d3URlk1yI/AAAAAAAACVg/o0sTqaqTsXo/clip_image006[3].png?imgmax=800" style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; DISPLAY: inline; BORDER-TOP: 0px; BORDER-RIGHT: 0px" title="clip_image006" height="36" width="36" alt="clip_image006" border="0"/&gt;&lt;/a&gt; &lt;a href="mailto:info@flair-systems.com"&gt;&lt;img src="http://lh3.ggpht.com/_QmFQtLsMh_E/S_d3U7zMsCI/AAAAAAAACVk/A7O-PzKBzd8/clip_image008[3].png?imgmax=800" style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; DISPLAY: inline; BORDER-TOP: 0px; BORDER-RIGHT: 0px" title="clip_image008" height="36" width="36" alt="clip_image008" border="0"/&gt;&lt;/a&gt; &lt;a href="http://blog.waleedmohamed.net/"&gt;&lt;img src="http://lh5.ggpht.com/_QmFQtLsMh_E/S_d3VZmc7HI/AAAAAAAACVo/ctxExhF1KoM/clip_image010[3].png?imgmax=800" style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; DISPLAY: inline; BORDER-TOP: 0px; BORDER-RIGHT: 0px" title="clip_image010" height="36" width="36" alt="clip_image010" border="0"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="FONT-SIZE: 0.9em"&gt;&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-2135226444604081226?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/MS6UbaPw5PEGix_PO4VPkhWXm7s/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/MS6UbaPw5PEGix_PO4VPkhWXm7s/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/MS6UbaPw5PEGix_PO4VPkhWXm7s/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/MS6UbaPw5PEGix_PO4VPkhWXm7s/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/bwiSv6Hn-dk" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/bwiSv6Hn-dk/5-top-jquery-plugins-to-improve-your.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh3.ggpht.com/_QmFQtLsMh_E/S_d3MOS3rlI/AAAAAAAACU0/p9UU9IJl2FI/s72-c/image_thumb[6].png?imgmax=800" height="72" width="72" /><thr:total>2</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/05/5-top-jquery-plugins-to-improve-your.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-3263843243108657458</guid><pubDate>Sun, 09 May 2010 18:59:00 +0000</pubDate><atom:updated>2010-05-10T00:12:19.561+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">ASP.net</category><category domain="http://www.blogger.com/atom/ns#">HTML5</category><category domain="http://www.blogger.com/atom/ns#">Web Techniques</category><category domain="http://www.blogger.com/atom/ns#">Devloper Tools</category><title>HTML 5 new Tags</title><description>&lt;p&gt;Here I will try to pass quickly in a series of posts to explain the new html5 tags , Let's attract the eye of reading with two important tags :&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;font size="3"&gt;1- HTML 5 &amp;lt;audio&amp;gt; Tag&lt;/font&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#0000ff"&gt;&lt;strong&gt;&lt;u&gt;Ex:&lt;/u&gt; &lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#0000ff"&gt;&lt;strong&gt;&amp;lt;audio src=&amp;quot;test.wav&amp;quot; controls=&amp;quot;controls&amp;quot;&amp;gt;        &lt;br /&gt;Your browser does not support the audio element.         &lt;br /&gt;&amp;lt;/audio&amp;gt;         &lt;br /&gt;&lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#0000ff"&gt;&lt;font color="#393e37"&gt;&lt;/font&gt;      &lt;br /&gt;&lt;strong&gt;&lt;u&gt;attributes:&lt;/u&gt;&lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#400000"&gt;&lt;strong&gt;autoplay        &lt;br /&gt;&lt;/strong&gt;If present, the audio will start playing as soon as it is ready.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#400000"&gt;&lt;strong&gt;controls&lt;/strong&gt;       &lt;br /&gt;If present, controls will be displayed, such as a play button.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#400000"&gt;&lt;strong&gt;preload&lt;/strong&gt;       &lt;br /&gt;If present, the audio will be loaded at page load, and ready to run. Ignored if autoplay is present.       &lt;br /&gt;&lt;i&gt;&lt;strong&gt;url&lt;/strong&gt;&lt;/i&gt;       &lt;br /&gt;Defines the URL of the audio to play&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;-----------------------------------------------------------------------------------------------------------------------&lt;/p&gt;  &lt;p&gt;&lt;font size="3"&gt;&lt;strong&gt;2- HTML 5 &amp;lt;video&amp;gt; Tag&lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#0000ff"&gt;&lt;strong&gt;&lt;u&gt;Ex:&lt;/u&gt; &lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#0000ff"&gt;&lt;strong&gt;&amp;lt;video src=&amp;quot;test.avi&amp;quot; controls=&amp;quot;controls&amp;quot;&amp;gt;        &lt;br /&gt;your browser does not support the video tag         &lt;br /&gt;&amp;lt;/video&amp;gt;&lt;/strong&gt;&lt;/font&gt;&lt;/p&gt; &lt;/video&gt;  &lt;p&gt;&lt;strong&gt;&lt;font color="#0000ff"&gt;&lt;u&gt;attributes:&lt;/u&gt;&lt;/font&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#400000"&gt;&lt;strong&gt;autoplay&lt;/strong&gt;       &lt;br /&gt;If present, then the video will start playing as soon as it is ready       &lt;br /&gt;controls       &lt;br /&gt;If present, controls will be displayed, such as a play button.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#400000"&gt;&lt;i&gt;&lt;strong&gt;pixels&lt;/strong&gt;&lt;/i&gt;       &lt;br /&gt;Sets the height of the video player&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#400000"&gt;&lt;strong&gt;loop&lt;/strong&gt;       &lt;br /&gt;If present, the media file will start over again, every time it is finished.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#400000"&gt;&lt;strong&gt;preload&lt;/strong&gt;       &lt;br /&gt;If present, the video will be loaded at page load, and ready to run. Ignored if &amp;quot;autoplay&amp;quot; is present.       &lt;br /&gt;&lt;i&gt;&lt;strong&gt;url&lt;/strong&gt;&lt;/i&gt;       &lt;br /&gt;The URL of the video to play&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#400000"&gt;&lt;i&gt;&lt;strong&gt;pixels&lt;/strong&gt;&lt;/i&gt;       &lt;br /&gt;Sets the width of the video player&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#400000"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#400000"&gt;more details form the main reference &lt;a title="http://www.w3schools.com/html5/html5_reference.asp" href="http://www.w3schools.com/html5/html5_reference.asp"&gt;&lt;font color="#800000"&gt;http://www.w3schools.com/html5/html5_reference.asp&lt;/font&gt;&lt;/a&gt;&amp;#160;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#400000"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://www.facebook.com/pages/Flair-Systems/354981562228"&gt;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="clip_image002" border="0" alt="clip_image002" src="http://lh6.ggpht.com/_QmFQtLsMh_E/S-cF937DEqI/AAAAAAAACUc/wiSoCksnuzo/clip_image002%5B3%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt;&lt;a href="http://www.youtube.com/FlairSystemsTube"&gt;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="clip_image004" border="0" alt="clip_image004" src="http://lh3.ggpht.com/_QmFQtLsMh_E/S-cF-3moogI/AAAAAAAACUg/ChZqrR34ZEc/clip_image004%5B3%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt;&lt;a href="http://twitter.com/Flair_systems"&gt;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="clip_image006" border="0" alt="clip_image006" src="http://lh4.ggpht.com/_QmFQtLsMh_E/S-cGAmVyeEI/AAAAAAAACUk/y1kU6xr4_eA/clip_image006%5B3%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt;&lt;a href="mailto:info@flair-systems.com"&gt;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="clip_image008" border="0" alt="clip_image008" src="http://lh3.ggpht.com/_QmFQtLsMh_E/S-cGDZXuyzI/AAAAAAAACUo/AbYPclYbtm0/clip_image008%5B3%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt;&lt;a href="http://blog.waleedmohamed.net/"&gt;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="clip_image010" border="0" alt="clip_image010" src="http://lh4.ggpht.com/_QmFQtLsMh_E/S-cGHmS2m2I/AAAAAAAACUs/N4M-JLUPXdk/clip_image010%5B3%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-3263843243108657458?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/2ziBCtq45n5iJz_Y1bl1Y3XIidk/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/2ziBCtq45n5iJz_Y1bl1Y3XIidk/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/2ziBCtq45n5iJz_Y1bl1Y3XIidk/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/2ziBCtq45n5iJz_Y1bl1Y3XIidk/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/vYdhQOtKhJo" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/vYdhQOtKhJo/html-5-new-tags-1.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh6.ggpht.com/_QmFQtLsMh_E/S-cF937DEqI/AAAAAAAACUc/wiSoCksnuzo/s72-c/clip_image002%5B3%5D.png?imgmax=800" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/05/html-5-new-tags-1.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-6240880163362604612</guid><pubDate>Sun, 09 May 2010 13:51:00 +0000</pubDate><atom:updated>2010-05-09T16:51:44.496+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Industry News</category><category domain="http://www.blogger.com/atom/ns#">SAS</category><category domain="http://www.blogger.com/atom/ns#">Web Techniques</category><category domain="http://www.blogger.com/atom/ns#">Software</category><category domain="http://www.blogger.com/atom/ns#">software as services</category><title>Day In A Life ( software as services )</title><description>&lt;p&gt;&lt;font size="3"&gt;Software as Services Video form 2 years ago form Microsoft Riyadh Conference @ KSA , www.flair-systems.com ,this video about software as services and Microsoft vision.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&amp;#160;&lt;/p&gt; &lt;object width="580" height="360"&gt;&lt;param name="movie" value="http://www.youtube.com/v/5OjWHdCwIco&amp;amp;hl=en_US&amp;amp;fs=1&amp;amp;color1=0x006699&amp;amp;color2=0x54abd6&amp;amp;border=1"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/5OjWHdCwIco&amp;amp;hl=en_US&amp;amp;fs=1&amp;amp;color1=0x006699&amp;amp;color2=0x54abd6&amp;amp;border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="580" height="360"&gt;&lt;/embed&gt;&lt;/object&gt;  &lt;p&gt;&lt;a href="http://www.facebook.com/pages/Flair-Systems/354981562228"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image002[4]" border="0" alt="clip_image002[4]" src="http://lh3.ggpht.com/_QmFQtLsMh_E/S-a9gfK79mI/AAAAAAAACUI/_geJnfTfY2s/clip_image002%5B4%5D%5B2%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt; &lt;a href="http://www.youtube.com/user/FlairSystems"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image004[4]" border="0" alt="clip_image004[4]" src="http://lh3.ggpht.com/_QmFQtLsMh_E/S-a9jUe7ufI/AAAAAAAACUM/S8YVkn3-a4c/clip_image004%5B4%5D%5B2%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt; &lt;a href="http://twitter.com/Flair_systems"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image006[4]" border="0" alt="clip_image006[4]" src="http://lh4.ggpht.com/_QmFQtLsMh_E/S-a9o0ve18I/AAAAAAAACUQ/xQYbaLcT0Yk/clip_image006%5B4%5D%5B2%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt;&lt;a href="mailto:info@flair-systems.com"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image008[4]" border="0" alt="clip_image008[4]" src="http://lh3.ggpht.com/_QmFQtLsMh_E/S-a91KA00eI/AAAAAAAACUU/nfSB06yobyU/clip_image008%5B4%5D%5B2%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt; &lt;a href="http://blog.waleedmohamed.net/"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image010[4]" border="0" alt="clip_image010[4]" src="http://lh3.ggpht.com/_QmFQtLsMh_E/S-a97XvfzpI/AAAAAAAACUY/77-vNMcHvus/clip_image010%5B4%5D%5B2%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-6240880163362604612?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/b-rNcx5Sm9JUC8FEkx3nIVi5dzE/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/b-rNcx5Sm9JUC8FEkx3nIVi5dzE/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/b-rNcx5Sm9JUC8FEkx3nIVi5dzE/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/b-rNcx5Sm9JUC8FEkx3nIVi5dzE/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/09EmmuHVwtk" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/09EmmuHVwtk/day-in-life-software-as-services.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh3.ggpht.com/_QmFQtLsMh_E/S-a9gfK79mI/AAAAAAAACUI/_geJnfTfY2s/s72-c/clip_image002%5B4%5D%5B2%5D.png?imgmax=800" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/05/day-in-life-software-as-services.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-6555651437345665001</guid><pubDate>Wed, 28 Apr 2010 17:16:00 +0000</pubDate><atom:updated>2010-04-28T19:17:22.534+02:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Ledo Programming</category><category domain="http://www.blogger.com/atom/ns#">UI Developing</category><category domain="http://www.blogger.com/atom/ns#">Errors</category><category domain="http://www.blogger.com/atom/ns#">ASP.net</category><category domain="http://www.blogger.com/atom/ns#">Web Techniques</category><category domain="http://www.blogger.com/atom/ns#">Software</category><category domain="http://www.blogger.com/atom/ns#">Devloper Tools</category><title>IE6: The Kryptonite of web developers :)</title><description>&lt;p&gt;I was Reading an excellent&amp;#160; article &lt;a title="http://www.smashingmagazine.com" href="http://www.smashingmagazine.com"&gt;@smashingmagazine&lt;/a&gt; called “&lt;a href="http://www.smashingmagazine.com/2010/04/23/educating-your-client-on-web-development-successfully/"&gt;How To Successfully Educate Your Clients On Web Development&lt;/a&gt; “ and I like paragraph speak about IE6 compatibility so i moved it here in my blog as i faced the same problem with my customers :) &lt;/p&gt;  &lt;blockquote&gt;   &lt;p&gt;&lt;strong&gt;Client&lt;/strong&gt;: We want IE6 support through the website. The website will have a lot of JavaScript, dynamic elements, PNG graphics, etc.&lt;/p&gt;    &lt;p&gt;&lt;strong&gt;You&lt;/strong&gt;: [Jotting down a reminder to send hate mail to the IE6 team at Microsoft,] IE6 is actually an outdated browser that has security flaws, a very poor rendering engine and very few users out there. I recommend we don’t accommodate it (even Mailchimp doesn’t!), and we tell those suckers to go to hell.&lt;/p&gt;    &lt;p&gt;&lt;strong&gt;Client&lt;/strong&gt;: Did I mention that we service a large restaurant industry, and a lot of the terminals in restaurants still run Windows XP with IE6?&lt;/p&gt;    &lt;p&gt;&lt;strong&gt;You&lt;/strong&gt;: [Updates reminder to hunt down IE6's creators.]&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;img alt="Slide51 in How To Successfully Educate Your Clients On Web &amp;#13;&amp;#10;Development" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/slide51.jpg" width="646" height="358" /&gt;&lt;/p&gt;  &lt;p&gt;&lt;font color="#800040" size="4"&gt;Really i need to send hate mail to the IE6 team at Microsoft&amp;#160; :(&lt;/font&gt;     &lt;br /&gt;&lt;a href="http://www.facebook.com/pages/Flair-Systems/354981562228"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image002" border="0" alt="clip_image002" src="http://lh4.ggpht.com/_QmFQtLsMh_E/S9hteoOx29I/AAAAAAAACT0/Gtuzwv1M_8I/clip_image002%5B3%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt; &lt;a href="http://www.youtube.com/user/FlairSystems"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image004" border="0" alt="clip_image004" src="http://lh3.ggpht.com/_QmFQtLsMh_E/S9htfDfiuwI/AAAAAAAACT4/AWyB7KO8r8w/clip_image004%5B3%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt; &lt;a href="http://twitter.com/Flair_systems"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image006" border="0" alt="clip_image006" src="http://lh6.ggpht.com/_QmFQtLsMh_E/S9htfzU6dbI/AAAAAAAACT8/QyCJ6FY8-0o/clip_image006%5B3%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt;&lt;a href="mailto:info@flair-systems.com"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image008" border="0" alt="clip_image008" src="http://lh4.ggpht.com/_QmFQtLsMh_E/S9htglaRP4I/AAAAAAAACUA/IX0atJTB6_U/clip_image008%5B3%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt; &lt;a href="http://blog.waleedmohamed.net/"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image010" border="0" alt="clip_image010" src="http://lh4.ggpht.com/_QmFQtLsMh_E/S9hthBCb_oI/AAAAAAAACUE/mkWlNFZcXSQ/clip_image010%5B3%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-6555651437345665001?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/2NCgBPYqrTGmBYL012sHaIDa-Rs/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/2NCgBPYqrTGmBYL012sHaIDa-Rs/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/2NCgBPYqrTGmBYL012sHaIDa-Rs/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/2NCgBPYqrTGmBYL012sHaIDa-Rs/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/bY5aqQCygTA" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/bY5aqQCygTA/ie6-kryptonite-of-web-developers.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh4.ggpht.com/_QmFQtLsMh_E/S9hteoOx29I/AAAAAAAACT0/Gtuzwv1M_8I/s72-c/clip_image002%5B3%5D.png?imgmax=800" height="72" width="72" /><thr:total>2</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/04/ie6-kryptonite-of-web-developers.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-7473455321513284172</guid><pubDate>Wed, 28 Apr 2010 12:55:00 +0000</pubDate><atom:updated>2010-04-28T14:56:37.889+02:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Dotnet</category><category domain="http://www.blogger.com/atom/ns#">DirectShow</category><category domain="http://www.blogger.com/atom/ns#">Software</category><category domain="http://www.blogger.com/atom/ns#">Devloper Tools</category><category domain="http://www.blogger.com/atom/ns#">C#</category><category domain="http://www.blogger.com/atom/ns#">Media</category><title>Convert AVI video to jpg images , capture rendered frames from a video</title><description>&lt;p&gt;&lt;font size="3"&gt;One of the most exciting tasks this week to convert and render images frame from avi video file, i start searching for the solution or for library helping me to enhance the task time , &lt;a href="http://mzaki.spaces.live.com/" target="_blank"&gt;Mohamed Zaki&lt;/a&gt; advice me to search into&amp;#160; DirectShow and sending me this &lt;a title="http://msdn.microsoft.com/en-us/library/ms785880" href="http://msdn.microsoft.com/en-us/library/ms785880"&gt;http://msdn.microsoft.com/en-us/library/ms785880&lt;/a&gt; , after a bit of sec i found &lt;a href="http://splicer.codeplex.com" target="_blank"&gt;Splicer&lt;/a&gt; its a little video and audio composition library that leverages DirectShow.&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="3"&gt;so how to use Splicer to achieve this task : &lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="3"&gt;1- Add the library ref. &lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://lh6.ggpht.com/_QmFQtLsMh_E/S9gwGmQ_xpI/AAAAAAAACTY/0BA8KQJ8F20/s1600-h/image%5B6%5D.png"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/_QmFQtLsMh_E/S9gwHiJilvI/AAAAAAAACTc/lZr8At9r-0M/image_thumb%5B8%5D.png?imgmax=800" width="240" height="92" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="3"&gt;Download it form my SkyDrive&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;iframe style="padding-bottom: 0px; background-color: transparent; padding-left: 0px; width: 106px; padding-right: 0px; height: 122px; padding-top: 0px" title="Preview" marginheight="0" src="http://cid-8ce3351d28dc151d.skydrive.live.com/embedicon.aspx/LedoBlog/ExternalDependancy.rar" frameborder="0" marginwidth="0" scrolling="no"&gt;&lt;/iframe&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="3"&gt;2- Add these lines of code to your console app. &lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;font color="#0000ff"&gt;static void Main(string[] args)        &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; { &lt;/font&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;font color="#0000ff"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; using (DefaultTimeline timeline = new DefaultTimeline())        &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; {         &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; timeline.AddVideoGroup(16, 664, 246).AddTrack(); // we want 320x240 24bpp sized images         &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; timeline.AddVideo(&amp;quot;Test.avi&amp;quot;); // 8 second video clip         &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; List&amp;lt;double&amp;gt;thresholds = new List&amp;lt;double&amp;gt;() ;         &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; for (double i = 0; i &amp;lt; 5000; i++)         &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; {         &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; thresholds.Add(i);         &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; }         &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; ImagesToDiskParticipant participant = new ImagesToDiskParticipant(16, 664, 246, Environment.CurrentDirectory, thresholds.ToArray());         &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; using (NullRenderer render = new NullRenderer(timeline, null, new ICallbackParticipant[] { participant }))         &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; {         &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; render.Render();         &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; }         &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; }         &lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; }&lt;/font&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="3"&gt;Here we add a video group (we don’t need any audio, we’re not capturing sound samples) and then create an &lt;b&gt;ImageToDiskParticipant &lt;/b&gt;(this is just an example class, you would probably want to implement your own derived from the &lt;b&gt;AbstractProgressParticipant&lt;/b&gt; class).&amp;#160; In this case the format for the video group will be what you end up with, our ImagesToDiskParticipant implements a simple queue where it picks out the nearest frame to the specified times.. so in this case transitions.wmv is an 8 second video clip, and we will take frame &amp;quot;snapshots&amp;quot; at 0,1,2,3,…….. and 4999 seconds aproximately.&amp;#160; &lt;br /&gt;To make use of our participant we use one of the overloads of &lt;b&gt;NullRenderer&lt;/b&gt;, and supply it a single-element array containing the image to disk participant.       &lt;br /&gt;The end result is 4999 jpeg images on disk (frame0.jpg -&amp;gt; frame4999.jpg)&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&amp;#160;&lt;font size="3"&gt;thx and hope this post be useful for you :)&lt;/font&gt; &lt;/p&gt;  &lt;pre style="width: 331px; height: 73px"&gt;&lt;p&gt;&lt;a href="http://www.facebook.com/pages/Flair-Systems/354981562228"&gt;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="clip_image002" border="0" alt="clip_image002" src="http://lh6.ggpht.com/_QmFQtLsMh_E/S9gwIqQjdhI/AAAAAAAACTg/hB3SMhNHFSw/clip_image002%5B3%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt; &lt;a href="http://www.youtube.com/user/FlairSystems"&gt;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="clip_image004" border="0" alt="clip_image004" src="http://lh6.ggpht.com/_QmFQtLsMh_E/S9gwJaOAuqI/AAAAAAAACTk/nHlsC0mljZ4/clip_image004%5B3%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt; &lt;a href="http://twitter.com/Flair_systems"&gt;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="clip_image006" border="0" alt="clip_image006" src="http://lh3.ggpht.com/_QmFQtLsMh_E/S9gwKG560_I/AAAAAAAACTo/gdrTaW7c1dM/clip_image006%5B3%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt;&lt;a href="mailto:info@flair-systems.com"&gt;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="clip_image008" border="0" alt="clip_image008" src="http://lh6.ggpht.com/_QmFQtLsMh_E/S9gwK2OuRcI/AAAAAAAACTs/GtG01msW7VM/clip_image008%5B3%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt; &lt;a href="http://blog.waleedmohamed.net/"&gt;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="clip_image010" border="0" alt="clip_image010" src="http://lh3.ggpht.com/_QmFQtLsMh_E/S9gwLRQ1TlI/AAAAAAAACTw/bcUD14VhPzI/clip_image010%5B3%5D.png?imgmax=800" width="36" height="36" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;/pre&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-7473455321513284172?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/LmxXUlzQT5TDODx988R2U2MneNg/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/LmxXUlzQT5TDODx988R2U2MneNg/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/LmxXUlzQT5TDODx988R2U2MneNg/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/LmxXUlzQT5TDODx988R2U2MneNg/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/xALZxNIHLiY" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/xALZxNIHLiY/convert-avi-video-to-jpg-images-capture.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh5.ggpht.com/_QmFQtLsMh_E/S9gwHiJilvI/AAAAAAAACTc/lZr8At9r-0M/s72-c/image_thumb%5B8%5D.png?imgmax=800" height="72" width="72" /><thr:total>5</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/04/convert-avi-video-to-jpg-images-capture.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-1181348315155944644</guid><pubDate>Tue, 13 Apr 2010 15:08:00 +0000</pubDate><atom:updated>2010-04-13T17:09:22.666+02:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Industry News</category><category domain="http://www.blogger.com/atom/ns#">UI Developing</category><category domain="http://www.blogger.com/atom/ns#">Web Techniques</category><title>Silverlight Customers Light Up the Web</title><description>&lt;p&gt;This highlight reel features customer solutions powered by Microsoft Silverlight.&lt;/p&gt;  &lt;p&gt; &lt;iframe src="http://www.microsoft.com:80/presspass/silverlightApps/videoplayer3/standalone.aspx?contentID=highlights_mix10_clip1&amp;amp;src=/presspass/presskits/developer/channel.xml" width="640" height="360" frameborder="0" scrolling="no"&gt;&lt;/iframe&gt;   &lt;/p&gt;  &lt;a href="http://www.microsoft.com/presspass/presskits/silverlight/videoGallery.aspx?contentID=highlights_mix10_clip1 " target="_blank"&gt;http://www.microsoft.com/presspass/presskits/silverlight/videoGallery.aspx?contentID=highlights_mix10_clip1&lt;/a&gt;  &lt;p&gt;&lt;a href="http://www.facebook.com/pages/Flair-Systems/354981562228"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image002" border="0" alt="clip_image002" src="http://lh5.ggpht.com/_QmFQtLsMh_E/S8SI8MGUo4I/AAAAAAAACRg/56WxNYvJb8w/clip_image0023.gif?imgmax=800" width="32" height="32" /&gt;&lt;/a&gt;&lt;a href="http://www.youtube.com/user/FlairSystems"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image004" border="0" alt="clip_image004" src="http://lh5.ggpht.com/_QmFQtLsMh_E/S8SI8rnCkDI/AAAAAAAACRk/65PaqnJwhDc/clip_image0043.gif?imgmax=800" width="32" height="32" /&gt;&lt;/a&gt;&lt;a href="http://twitter.com/Flair_systems"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image006" border="0" alt="clip_image006" src="http://lh5.ggpht.com/_QmFQtLsMh_E/S8SI9_ulz9I/AAAAAAAACRo/5pMTn0Sebx8/clip_image0063.gif?imgmax=800" width="32" height="32" /&gt;&lt;/a&gt;&lt;a href="mailto:info@flair-systems.com"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image008" border="0" alt="clip_image008" src="http://lh3.ggpht.com/_QmFQtLsMh_E/S8SI-TDt_TI/AAAAAAAACRs/gfnR6n70eLk/clip_image0083.gif?imgmax=800" width="32" height="32" /&gt;&lt;/a&gt;&lt;a href="http://blog.waleedmohamed.net/"&gt;&lt;img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image010" border="0" alt="clip_image010" src="http://lh5.ggpht.com/_QmFQtLsMh_E/S8SI--HJG2I/AAAAAAAACRw/xSw3utfOrLI/clip_image0103.gif?imgmax=800" width="32" height="32" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-1181348315155944644?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/9k_DqOAC2Mz33twCB-8ZlVV7y_w/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/9k_DqOAC2Mz33twCB-8ZlVV7y_w/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/9k_DqOAC2Mz33twCB-8ZlVV7y_w/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/9k_DqOAC2Mz33twCB-8ZlVV7y_w/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/nfEubfYivu4" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/nfEubfYivu4/silverlight-customers-light-up-web.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh5.ggpht.com/_QmFQtLsMh_E/S8SI8MGUo4I/AAAAAAAACRg/56WxNYvJb8w/s72-c/clip_image0023.gif?imgmax=800" height="72" width="72" /><thr:total>2</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/04/silverlight-customers-light-up-web.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2706659832987304732.post-2248515436286133195</guid><pubDate>Sun, 11 Apr 2010 13:56:00 +0000</pubDate><atom:updated>2010-04-11T15:57:13.403+02:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Industry News</category><category domain="http://www.blogger.com/atom/ns#">Devloper Tools</category><title>Visual Studio 2010, .NET 4 Release Date Set</title><description>&lt;h6&gt;&amp;#160;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/_QmFQtLsMh_E/S8HVGlqKxKI/AAAAAAAACP8/YxcjEQPmJG0/image%5B14%5D.png?imgmax=800" width="240" height="131" /&gt;     &lt;br /&gt;The release date for &lt;a href="http://www.microsoft.com/visualstudio/en-us/products/2010/default.mspx"&gt;Visual Studio 2010 and .NET Framework 4&lt;/a&gt; has been set as &lt;font size="5"&gt;&lt;strong&gt;April 12&lt;/strong&gt; &lt;/font&gt;according to a one-line post on a Developer Division’s Marketing and Communications Manager &lt;a href="http://blogs.msdn.com/robcaron/archive/2010/01/13/9948172.aspx"&gt;Rob Caron’s blog&lt;/a&gt;.&lt;/h6&gt;  &lt;p&gt;&lt;a href="http://www.eweek.com/#"&gt;Visual Studio 2010&lt;/a&gt; features built-in tools for Windows 7 and Microsoft SharePoint 2010, new drag-and-drop bindings for Silverlight and Windows Presentation Foundation (WPF), and interoperability with technologies such as the database, ASP.NET model view controller, Unified Modeling Language (UML), Microsoft Expression and multicore.&lt;/p&gt;  &lt;p&gt;You can find out more about Visual Studio 2010 and download the beta from &lt;a href="http://www.microsoft.com/visualstudio/en-us/products/2010/default.mspx"&gt;Now you can with Visual Studio 2010 Beta 2&lt;/a&gt;. &lt;/p&gt;  &lt;p&gt;&lt;/p&gt;  &lt;p&gt;&lt;/p&gt;  &lt;p&gt;&lt;/p&gt;  &lt;p&gt;from : &lt;a title="http://blogs.msdn.com/usisvde/archive/2010/01/18/visual-studio-2010-net-4-release-date-set.aspx" href="http://blogs.msdn.com/usisvde/archive/2010/01/18/visual-studio-2010-net-4-release-date-set.aspx"&gt;http://blogs.msdn.com/usisvde/archive/2010/01/18/visual-studio-2010-net-4-release-date-set.aspx&lt;/a&gt;&lt;/p&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2706659832987304732-2248515436286133195?l=blog.waleedmohamed.net' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/zN_viVnDlglH4Q56pvFN5hUlE1I/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/zN_viVnDlglH4Q56pvFN5hUlE1I/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/zN_viVnDlglH4Q56pvFN5hUlE1I/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/zN_viVnDlglH4Q56pvFN5hUlE1I/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/LedoMoonBlog/~4/SHIbTB9gqMY" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/LedoMoonBlog/~3/SHIbTB9gqMY/visual-studio-2010-net-4-release-date.html</link><author>noreply@blogger.com (Waleed Mohamed)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh6.ggpht.com/_QmFQtLsMh_E/S8HVGlqKxKI/AAAAAAAACP8/YxcjEQPmJG0/s72-c/image%5B14%5D.png?imgmax=800" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://blog.waleedmohamed.net/2010/04/visual-studio-2010-net-4-release-date.html</feedburner:origLink></item></channel></rss>

