<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-4815394709656941420</id><updated>2024-09-04T04:14:12.256-07:00</updated><category term="CSS"/><category term="CSS 5 best techniques"/><category term="Web Design"/><category term="tips cracks"/><title type='text'>Something You Must Know</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://somethingyoumustknow.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4815394709656941420/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://somethingyoumustknow.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03947242261346124033</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>4</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-4815394709656941420.post-4875361397852409322</id><published>2010-05-01T07:42:00.000-07:00</published><updated>2010-05-01T07:42:41.998-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS 5 best techniques"/><category scheme="http://www.blogger.com/atom/ns#" term="tips cracks"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>My favourite 5 CSS techniques</title><content type='html'>&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: gainsboro; font-family: Arial, sans-serif;&quot;&gt;&lt;h2 style=&quot;font-family: Georgia, sans-serif; font-size: 28px; font-weight: bold; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 20px;&quot;&gt;CSS is probably one of the most versatile and most easy thing to be engrossed into. During the development of &lt;a href=&quot;http://orangified.com/&quot;&gt;Orangified&lt;/a&gt;, I came across thousands of such CSS hacks and properties, but the following 5 simply rocked me down...&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 20px;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 20px;&quot;&gt;Here I put them forward....&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 1.6em; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 1.6em; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&lt;span id=&quot;more-6564&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;h4 style=&quot;clear: both; font-family: Georgia, sans-serif; font-size: 20px; margin-bottom: 3px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;1.&amp;nbsp;Cross-Browser CSS Gradient&lt;/span&gt;&lt;/h4&gt;&lt;div style=&quot;line-height: 1.6em; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;a href=&quot;http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/&quot; style=&quot;text-decoration: none;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&lt;img src=&quot;http://designreviver.com/wp-content/uploads/2010/04/dr_css_01.jpg&quot; style=&quot;border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial;&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 1.6em; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;The CSS gradient feature was introduced by Webkit for about two years but was rarely used due to incompatibility with most browsers. But now with the Firefox 3.6+, which supports gradient, we can style create gradient without having to create an image.&lt;br /&gt;
This post will show you how to code for the CSS gradient to be supported by the major browsers: IE, Firefox 3.6+, Safari, and Chrome.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 1.6em; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;a href=&quot;http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/&quot; style=&quot;text-decoration: none;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&lt;b&gt;Cross-Browser CSS Gradient&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;h4 style=&quot;clear: both; font-size: 20px; margin-bottom: 3px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Georgia, &#39;Times New Roman&#39;, serif;&quot;&gt;2. Sexy CSS Buttons&lt;/span&gt;&lt;/span&gt;&lt;/h4&gt;&lt;div style=&quot;line-height: 1.6em; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;a href=&quot;http://blog.brandoncash.net/post/525423850/sexy-css-buttons&quot; style=&quot;text-decoration: none;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&lt;img src=&quot;http://designreviver.com/wp-content/uploads/2010/04/dr_css_05.jpg&quot; style=&quot;border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial;&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 1.6em; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;These buttons employ gradients, for which we use -webkit-gradient and -moz-linear-gradient. Secondly, we use border-radius and -moz-border-radius to make the button round.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 1.6em; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;For a bit of added depth and eye candy, this one has a subtle drop black drop shadow above the text using text-shadow and around the whole button using -webkit-box-shadow, -moz-box-shadow, and box-shadow.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 1.6em; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&lt;a href=&quot;http://blog.brandoncash.net/post/525423850/sexy-css-buttons&quot; style=&quot;text-decoration: none;&quot;&gt;Sexy CSS Buttons&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 1.6em; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;b&gt;&lt;br /&gt;
&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 1.6em; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #4a586c; font-family: &#39;Helvetica Neue&#39;, Helvetica, Arial, sans-serif; font-size: 14px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&lt;h4 class=&quot;title&quot; style=&quot;clear: both; letter-spacing: 0px; line-height: 1.3em; margin-bottom: 14px; margin-left: 0px; margin-right: 16px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Georgia, &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;3. CSS Transparency&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h4&gt;&lt;div style=&quot;color: #4a586c; font-family: &#39;Helvetica Neue&#39;, Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.72em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 13px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 5px;&quot;&gt;One of the trickiest things to control, in a CSS-driven design, is the transparency of the interaction between foreground and background content.Below is a list of the best examples of the differing transparency approaches possible with CSS.&lt;/div&gt;&lt;ul style=&quot;list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;li style=&quot;line-height: 1.6em; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.7em; margin-left: 3em; margin-right: 0.5em; margin-top: 0.7em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;a href=&quot;http://www.cssplay.co.uk/opacity/png.html&quot; style=&quot;color: #f05681; text-decoration: none;&quot;&gt;Partial Opacity&lt;/a&gt;- Placing text over an image can sometimes make it difficult to read, but with Stu Nicholls’s methods the background for the text is made ‘opaque’ using various methods of opacity (including css3) and the black text is then quite readable.&lt;div style=&quot;color: #4a586c; font-family: &#39;Helvetica Neue&#39;, Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.72em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 13px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 5px;&quot;&gt;&lt;a href=&quot;http://www.alistapart.com/articles/cssdropshadows/&quot; style=&quot;color: #f05681; text-decoration: none;&quot;&gt;&lt;img alt=&quot;Css17 in 101 CSS Techniques Of All Time- Part 1&quot; src=&quot;http://media.smashingmagazine.com/cdn_noupe/img/css17.gif&quot; style=&quot;border-bottom-color: rgb(181, 202, 208); border-bottom-style: solid; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(181, 202, 208); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(181, 202, 208); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(181, 202, 208); border-top-style: solid; border-top-width: 2px; display: block; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;hr class=&quot;dotted&quot; /&gt;&lt;/li&gt;
&lt;li style=&quot;line-height: 1.6em; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.7em; margin-left: 3em; margin-right: 0.5em; margin-top: 0.7em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;a href=&quot;http://www.alistapart.com/articles/pngopacity/&quot; style=&quot;color: #f05681; text-decoration: none;&quot;&gt;Cross-Browser Variable Opacity with PNG&lt;/a&gt;- How to overcome flaky browser support for PNG so you can take advantage of this graphic format’s lossless compression, alpha transparency, and variable opacity.&lt;/li&gt;
&lt;li style=&quot;line-height: 1.6em; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.7em; margin-left: 3em; margin-right: 0.5em; margin-top: 0.7em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;a href=&quot;http://weblensblogs.blogspot.com/2006/04/two-techniques-for-css-transparency.html&quot; style=&quot;color: #f05681; text-decoration: none;&quot;&gt;Two Techniques for CSS Transparency&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;line-height: 1.6em; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #64635f; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; line-height: normal;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&lt;h2 style=&quot;font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-transform: uppercase;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Georgia, &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;4. CSS BAR GRAPHS&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;h2 style=&quot;color: #90c32c; font-family: &#39;Trebuchet MS&#39;, verdana, sans-serif; font-size: 1.3em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-transform: uppercase;&quot;&gt;BASIC CSS BAR GRAPH&lt;/h2&gt;&lt;div style=&quot;color: #64635f; line-height: 1.7em; margin-bottom: 1.5em; margin-left: 0em; margin-right: 0em; margin-top: 0em;&quot;&gt;This is a simple bar graph we developed for a tool we’re releasing shortly for our client. The concept is simple, utilize the percentage width abilities of CSS to accurately portray a percentage bar graph.&lt;/div&gt;&lt;div style=&quot;color: #64635f; line-height: 1.7em; margin-bottom: 1.5em; margin-left: 0em; margin-right: 0em; margin-top: 0em;&quot;&gt;&lt;img alt=&quot;&amp;quot;Image of bar graph&quot; src=&quot;http://applestooranges.com/webresources/images/posts/graph1.gif&quot; style=&quot;background-color: #f1feec; border-bottom-color: rgb(194, 215, 120); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(194, 215, 120); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(194, 215, 120); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(194, 215, 120); border-top-style: solid; border-top-width: 1px; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.5em;&quot; title=&quot;Simple CSS bar graph&quot; /&gt;&lt;/div&gt;&lt;h2 style=&quot;color: #90c32c; font-family: &#39;Trebuchet MS&#39;, verdana, sans-serif; font-size: 1.3em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-transform: uppercase;&quot;&gt;COMPLEX CSS BAR GRAPH&lt;/h2&gt;&lt;div style=&quot;color: #64635f; line-height: 1.7em; margin-bottom: 1.5em; margin-left: 0em; margin-right: 0em; margin-top: 0em;&quot;&gt;This is a more complex visualization, yet still following the same basic idea. Here the graph is a ‘bad’ to ‘good’ indicator with a marker that travels the length of the color scheme. A lighter bar shade also helps indicate the marker position as it travels from left to right.&lt;/div&gt;&lt;div style=&quot;color: #64635f; line-height: 1.7em; margin-bottom: 1.5em; margin-left: 0em; margin-right: 0em; margin-top: 0em;&quot;&gt;&lt;img alt=&quot;&amp;quot;Image of marker graph&quot; src=&quot;http://applestooranges.com/webresources/images/posts/graph2.gif&quot; style=&quot;background-color: #f1feec; border-bottom-color: rgb(194, 215, 120); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(194, 215, 120); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(194, 215, 120); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(194, 215, 120); border-top-style: solid; border-top-width: 1px; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.5em;&quot; title=&quot;Comples CSS bar graph&quot; /&gt;&lt;/div&gt;&lt;h2 style=&quot;color: #90c32c; font-family: &#39;Trebuchet MS&#39;, verdana, sans-serif; font-size: 1.3em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-transform: uppercase;&quot;&gt;VERTICAL CSS BAR GRAPH&lt;/h2&gt;&lt;div style=&quot;color: #64635f; line-height: 1.7em; margin-bottom: 1.5em; margin-left: 0em; margin-right: 0em; margin-top: 0em;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;color: #64635f; line-height: 1.7em; margin-bottom: 1.5em; margin-left: 0em; margin-right: 0em; margin-top: 0em;&quot;&gt;&lt;img alt=&quot;&amp;quot;Image of vertical bar graph&quot; src=&quot;http://applestooranges.com/webresources/images/posts/graph3.gif&quot; style=&quot;background-color: #f1feec; border-bottom-color: rgb(194, 215, 120); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(194, 215, 120); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(194, 215, 120); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(194, 215, 120); border-top-style: solid; border-top-width: 1px; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.5em;&quot; title=&quot;Vertical CSS bar graph&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;color: #64635f; line-height: 1.7em; margin-bottom: 1.5em; margin-left: 0em; margin-right: 0em; margin-top: 0em;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;color: #64635f; line-height: 1.7em; margin-bottom: 1.5em; margin-left: 0em; margin-right: 0em; margin-top: 0em;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Georgia, &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: medium;&quot;&gt;&lt;a href=&quot;http://applestooranges.com/blog/post/css-for-bar-graphs/?id=55&quot;&gt;CSS graphs&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;color: #64635f; line-height: 1.7em; margin-bottom: 1.5em; margin-left: 0em; margin-right: 0em; margin-top: 0em;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Georgia, &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 1.7em; margin-bottom: 1.5em; margin-left: 0em; margin-right: 0em; margin-top: 0em;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Georgia, &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;5.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;line-height: 25px;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Georgia, &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;&lt;a href=&quot;http://www.nuff-respec.com/technology/rounded-corners-for-fixed-width-css-only&quot;&gt;Rounded Corners - with fixed widths&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Lucida Sans Unicode&#39;, &#39;Trebuchet MS&#39;, Helvetica, sans-serif; font-size: medium; line-height: 25px;&quot;&gt;&lt;blockquote class=&quot;ex1&quot; style=&quot;background-color: #cf852c; color: #453322; font-size: 14px; margin-bottom: 2em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 335px;&quot;&gt;&lt;div class=&quot;first-ele&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://www.nuff-respec.com/external/rounded-corners/i/q-ex1-t.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 20px;&quot;&gt;There are so many ways to make rounded corners. Most eiter use extra markup, JavaScript to produce extra markup, or not wideley new CSS properties.&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 20px;&quot;&gt;If you are using fixed widths, then you really don&#39;t need all that JUNK!&lt;/div&gt;&lt;div class=&quot;last-ele&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://www.nuff-respec.com/external/rounded-corners/i/q-ex1-b.gif); background-origin: initial; background-position: 0% 100%; background-repeat: no-repeat no-repeat; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 70px; padding-right: 0px; padding-top: 20px;&quot;&gt;&lt;i&gt;&lt;br /&gt;
&lt;/i&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div class=&quot;ex2&quot; style=&quot;background-color: #453322; color: white; font-size: 14px; margin-bottom: 2em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 335px;&quot;&gt;&lt;div class=&quot;first-ele&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://www.nuff-respec.com/external/rounded-corners/i/q-ex2-t.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 20px;&quot;&gt;There are so many ways to make rounded corners. Most eiter use extra markup, JavaScript to produce extra markup, or not wideley new CSS properties.&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 20px;&quot;&gt;If you are using fixed widths, then you really don&#39;t need all that JUNK!&lt;/div&gt;&lt;div class=&quot;last-ele&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://www.nuff-respec.com/external/rounded-corners/i/q-ex2-b.gif); background-origin: initial; background-position: 0% 100%; background-repeat: no-repeat no-repeat; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 20px; padding-left: 20px; padding-right: 0px; padding-top: 10px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cf852c; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 11px;&quot;&gt;&lt;i&gt;&lt;br /&gt;
&lt;/i&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&lt;/span&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://somethingyoumustknow.blogspot.com/feeds/4875361397852409322/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://somethingyoumustknow.blogspot.com/2010/05/my-favourite-5-css-techniques.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4815394709656941420/posts/default/4875361397852409322'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4815394709656941420/posts/default/4875361397852409322'/><link rel='alternate' type='text/html' href='http://somethingyoumustknow.blogspot.com/2010/05/my-favourite-5-css-techniques.html' title='My favourite 5 CSS techniques'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03947242261346124033</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4815394709656941420.post-7534282981491349912</id><published>2010-04-24T20:50:00.000-07:00</published><updated>2010-04-25T04:04:03.350-07:00</updated><title type='text'>Making of supernovae explained</title><content type='html'>&lt;blockquote&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: blue;&quot;&gt;This is an article from the Astronomy.com&lt;/span&gt;&lt;/span&gt;&lt;/blockquote&gt;&lt;object height=&quot;385&quot; style=&quot;clear: right; float: right;&quot; width=&quot;480&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/iIdgzoCNDzY&amp;hl=en_US&amp;fs=1&amp;&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;http://www.youtube.com/v/iIdgzoCNDzY&amp;hl=en_US&amp;fs=1&amp;&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;480&quot; height=&quot;385&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: 16px; line-height: 26px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, sans-serif; line-height: normal;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: 16px; line-height: 26px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, sans-serif; line-height: normal;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: 16px; line-height: 26px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, sans-serif; line-height: normal;&quot;&gt;&lt;div id=&quot;ctl00_ContentPlaceHolder_ctl00_divByline&quot; style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;A professor from UCSC has discovered the steps to make the brightest supernova ever: explode, collapse, repeat.&lt;/div&gt;&lt;div id=&quot;ctl00_ContentPlaceHolder_ctl00_divAuthor&quot; style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;em style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Provided by UCSC&lt;/em&gt;&lt;/div&gt;&lt;div id=&quot;ctl00_ContentPlaceHolder_ctl00_divArticleSection&quot; style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 20px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 20px;&quot;&gt;&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;tbody style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
&lt;tr style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; valign=&quot;top&quot;&gt;&lt;td style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;div class=&quot;imgRight&quot; style=&quot;float: right; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 5px; padding-top: 0px; width: 250px;&quot;&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 10px;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class=&quot;dropcap&quot; style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;A&lt;/span&gt;&amp;nbsp;supernova observed in 2006 was so bright--about 100 times as luminous as a typical supernova--that it challenged the theoretical understanding of what causes supernovae. But Stan Woosley, professor of astronomy and astrophysics at the University of California, Santa Cruz, had an idea that he thought could account for it-an extremely massive star that undergoes repeated explosions. When Woosley and two colleagues worked out the detailed calculations for their model, the results matched the observations of the supernova known as SN 2006gy, the brightest ever recorded.&lt;br /&gt;
&lt;br /&gt;
&quot;This was a stupendously bright supernova, and we think we have the leading model to explain it. It&#39;s a new mechanism for making a supernova, and for doing it again and again in the same star,&quot; Woosley said. &quot;We usually think of a supernova as the death of a star, but in this case the same star can blow up half a dozen times.&quot;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://www.astronomy.com/asy/default.aspx?c=a&amp;amp;id=6279&quot; style=&quot;clear: left; color: #005496; float: left; margin-bottom: 1em; margin-right: 1em; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;img alt=&quot;Supernova 1994D&quot; class=&quot;imgBorder&quot; height=&quot;320&quot; src=&quot;http://www.astronomy.com/asy/image.ashx?img=asy-20010803-01416-orig-lg.jpg&amp;amp;w=250&quot; style=&quot;border-bottom-style: solid; border-color: initial; border-left-color: rgb(0, 84, 150); border-left-style: solid; border-right-color: rgb(0, 84, 150); border-right-style: solid; border-top-color: rgb(0, 84, 150); border-top-style: solid; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;The first explosion throws off the star&#39;s outer shell and produces a not-very-bright supernova-like display. The second explosion puts another supernova&#39;s worth of energy into a second shell, which expands at high velocity until it collides with the first shell, producing an extraordinarily brilliant display.&lt;br /&gt;
&lt;br /&gt;
&quot;The two shells collide out at a distance such that the full kinetic energy is converted into light, so it is up to 100 times more luminous than an ordinary supernova,&quot; Woosley said. &quot;Usually a supernova only converts 1 percent of its kinetic energy into light, because it has to expand so much before the light can escape.&quot;&lt;br /&gt;
&lt;br /&gt;
This mechanism requires an extremely massive star, 90 to 130 times the mass of the Sun, he said. As a star this big nears the end of its life, the temperature in the core gets so hot that some of the energy from gamma-ray radiation converts into pairs of electrons and their anti-matter counterparts, positrons. The result is a phenomenon called &quot;pair instability,&quot; in which conversion of radiation into electron-positron pairs causes the radiation pressure to drop, and the star begins to contract rapidly.&lt;br /&gt;
&lt;br /&gt;
&quot;As the core contracts, it goes deeper into instability until it collapses and begins to burn fuel explosively. The star then expands violently, but not enough to disrupt the whole star,&quot; Woosley said. &quot;For stars between 90 and 130 solar masses, you get pulses. It hits this instability, violently expands, then radiates and contracts until it gets hotter and hits the instability again. It keeps going until it loses enough mass to be stable again.&quot;&lt;br /&gt;
&lt;br /&gt;
Stars in this size range are very rare, especially in our own galaxy. But they may have been more common in the early universe. &quot;Until recently, we would have said such stars don&#39;t exist. But any mechanism that could explain this event requires a very large mass,&quot; Woosley said.&lt;br /&gt;
&lt;br /&gt;
Other researchers had suggested pair instability as a possible mechanism for some supernovae, but the idea of repeated explosions-called &quot;pulsational pair instability&quot;--is new. According to Woosley, the new mechanism can yield a wide variety of explosions.&lt;br /&gt;
&lt;br /&gt;
&quot;You could have anywhere from two to six explosions, and they could be weak or strong,&quot; he said. &quot;A lot of variety is possible, and it gets even more complicated because what&#39;s left behind at the end is still about 40 solar masses, and it continues to evolve and eventually makes an iron core and collapses, so you can end up with a gamma-ray burst. The possibilities are very exciting.&quot;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: 16px; line-height: 26px;&quot;&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://somethingyoumustknow.blogspot.com/feeds/7534282981491349912/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://somethingyoumustknow.blogspot.com/2010/04/making-of-supernovae-explained.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4815394709656941420/posts/default/7534282981491349912'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4815394709656941420/posts/default/7534282981491349912'/><link rel='alternate' type='text/html' href='http://somethingyoumustknow.blogspot.com/2010/04/making-of-supernovae-explained.html' title='Making of supernovae explained'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03947242261346124033</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4815394709656941420.post-613792945212245455</id><published>2009-01-17T08:41:00.000-08:00</published><updated>2009-01-18T05:35:25.961-08:00</updated><title type='text'>Books of the Decade!!(2000-2002)</title><content type='html'>&lt;span class=&quot;Apple-style-span&quot;  style=&quot; ;font-family:&#39;Times New Roman&#39;;&quot;&gt;&lt;div style=&quot;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; width: auto; font: normal normal normal 100%/normal Georgia, serif; text-align: left; &quot;&gt;Well, first and the foremost, these are those books, which demanded a reading from you guys. But if you all failed, I can surely, provide some insight into some of the best books this decade. Lets see, if you get interested and start grabbing some.!!!&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;1.  &lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: bold; &quot;&gt;The Blind Assassin&lt;/span&gt; ( &lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic; &quot;&gt;Margaret Atwood - 2000&lt;/span&gt; ) : This book by the Canadian writer Margaret Atwood basically focusses on a novel written in this novel, by the narrator Chase&#39;s sister Laura who committed suicide after WWII. Based on obsession, this book Hailed as 1st great novel of the new millenium, Atwood&#39;s clever and complex work won her many awards, including&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic; &quot;&gt; 2000 BOOKER PRIZE&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic; &quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;2. &lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: bold; &quot;&gt;True History of Kelly Gang &lt;/span&gt;(&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic; &quot;&gt; Peter Carey - 2000 ) &lt;/span&gt;: The NewYork based Australian&#39;s piece of creation, which got him the &lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic; &quot;&gt;2001 BOOKER PRIZE&lt;/span&gt;, is based on Australia&#39;s most popular outlaw Ned Kelly, who was executed as a murderer and a horse thief in 1880. Keeping the aura of the legendary Kelly alive, this book is narrated in form of letters which Kelly writed for his baby daughter whom he never sees. Born ot very poor Irish immigrants, a conspiracy of circumstances makes him an outlaw, who is a murderer in British eyes and a national hero to Australians. A lovely book, I must say!&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic; &quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic; &quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;3. &lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: bold; &quot;&gt;Atonement &lt;/span&gt;( &lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic; &quot;&gt;Ian McEwan - 2001 &lt;/span&gt;) : Based on the fortunes of Briony Tallis, a 13 year old writer whose false evidence regarding a crime convicts an innocent man Robbes. The rest of her life is an atonement for her guilt. The book found a place in the &lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic; &quot;&gt;Time Magazine&#39;s &#39;All Time 100 Greatest Novels&#39; &lt;/span&gt;.The British writer Ian presents the book in the best way, anyone could have ever done.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;4. &lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: bold; &quot;&gt;Life of Pi&lt;/span&gt; ( &lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic; &quot;&gt;Yann Martel - 2001&lt;/span&gt; ): Based on the story of Pi Patel, a 16 year old sea adventurist who voyages 227 days across the Pacific waters from Toronto to Pondicherry through Mexico. His sole companion being a 450 pound Royal Bengal Tiger, Richard Parker. Through his admirable presence of mind and great strength of character, the guy manages to tear apart threats from nature and creatures alike. 2&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic; &quot;&gt;002 BOOKER PRIZE&lt;/span&gt; was won by Martel for this book.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;5. &lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: bold; &quot;&gt;My name is Red &lt;/span&gt;( &lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic; &quot;&gt;Orhan Pamuk - 2001 &lt;/span&gt;): Set in 16th century Istanbul, this novel is about miniaturists and art. The story starts with murder of Elegant, a miniaturist and revolves around 20 first person voices including those of murderers and the victims. This complex, slow paced novel won Pamuk the &lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic; &quot;&gt;2006 Nobel Prize for Literature.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic; &quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;6. &lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: bold;&quot;&gt;Family Matters&lt;/span&gt; ( &lt;span class=&quot;Apple-style-span&quot; style=&quot;font-style: italic;&quot;&gt;Rohinton Mistry - 2002&lt;/span&gt; ):  With Mumbai as the background, this book on family relations depics vividly that Family Does Matter. Its about a domestic crisis affecting adversely a happy Middle Class Family. 79 year old Nariman Vakeel suffers from Parkinson&#39;s disease and his step children can suffer him no more. He goes on to live with Roxana, his daughter. The disintergration of the family, caring for old and disabled, infilial ingratitude and betrayal are just something which come under the narrative spotlight.&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://somethingyoumustknow.blogspot.com/feeds/613792945212245455/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://somethingyoumustknow.blogspot.com/2009/01/books-of-decade.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4815394709656941420/posts/default/613792945212245455'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4815394709656941420/posts/default/613792945212245455'/><link rel='alternate' type='text/html' href='http://somethingyoumustknow.blogspot.com/2009/01/books-of-decade.html' title='Books of the Decade!!(2000-2002)'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03947242261346124033</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4815394709656941420.post-4764188032161737409</id><published>2009-01-17T08:38:00.000-08:00</published><updated>2010-04-24T20:11:04.619-07:00</updated><title type='text'>The Origin</title><content type='html'>To start with, I really had no knowledge, what I am upto, or what shape, this new blog of mine is going to acquire. You know, sometimes we come across strange facts.. which are actually so simple.. so much happening around us. So most probably, I would rather focus on informations which must be known to you.&lt;br /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;I haven&#39;t seen anything of that kind ever. So, lets see what this shapes up to.... Best of luck to me, and to you all who are reading this.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://somethingyoumustknow.blogspot.com/feeds/4764188032161737409/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://somethingyoumustknow.blogspot.com/2009/01/origin.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4815394709656941420/posts/default/4764188032161737409'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4815394709656941420/posts/default/4764188032161737409'/><link rel='alternate' type='text/html' href='http://somethingyoumustknow.blogspot.com/2009/01/origin.html' title='The Origin'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03947242261346124033</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>