<?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: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-3320713108225636786</id><updated>2011-10-10T16:21:18.579+02:00</updated><category term='resize'/><category term='MacRabbit'/><category term='css'/><category term='web2.0'/><category term='internet explorer'/><category term='html'/><category term='joke'/><category term='IE'/><category term='textarea'/><category term='xhtml'/><category term='CSSEdit'/><category term='form'/><category term='safari'/><category term='humor'/><title type='text'>web42morrow</title><subtitle type='html'>Random thoughts about a developing web</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://web42morrow.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3320713108225636786/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://web42morrow.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>emil</name><uri>http://www.blogger.com/profile/15705114209138188575</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>2</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-3320713108225636786.post-7673788788539761932</id><published>2007-11-13T13:32:00.001+01:00</published><updated>2007-11-13T13:46:00.284+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='internet explorer'/><category scheme='http://www.blogger.com/atom/ns#' term='CSSEdit'/><category scheme='http://www.blogger.com/atom/ns#' term='IE'/><category scheme='http://www.blogger.com/atom/ns#' term='MacRabbit'/><category scheme='http://www.blogger.com/atom/ns#' term='joke'/><category scheme='http://www.blogger.com/atom/ns#' term='humor'/><title type='text'>A sense for humor (?)</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nySMmftW1RY/Rzmai7B-d4I/AAAAAAAAAAY/74BqrYEgfk0/s1600-h/CSSEdit.png"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://1.bp.blogspot.com/_nySMmftW1RY/Rzmai7B-d4I/AAAAAAAAAAY/74BqrYEgfk0/s400/CSSEdit.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5132303175117600642" /&gt;&lt;/a&gt;&lt;a href="http://www.macrabbit.com"&gt;MacRabbit&lt;/a&gt; has been quickly transforming their icon for &lt;a href="http://macrabbit.com/cssedit/"&gt;CSSEdit 2.6&lt;/a&gt; to Leopard's high resolution icon format, thus revealing their opinion of a major &lt;a href="http://www.microsoft.com/windows/products/winfamily/ie/default.mspx"&gt;web browser&lt;/a&gt;.&lt;br /&gt;(hint: look in the lower left corner)&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3320713108225636786-7673788788539761932?l=web42morrow.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://web42morrow.blogspot.com/feeds/7673788788539761932/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3320713108225636786&amp;postID=7673788788539761932' title='317 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3320713108225636786/posts/default/7673788788539761932'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3320713108225636786/posts/default/7673788788539761932'/><link rel='alternate' type='text/html' href='http://web42morrow.blogspot.com/2007/11/sense-for-humor.html' title='A sense for humor (?)'/><author><name>emil</name><uri>http://www.blogger.com/profile/15705114209138188575</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_nySMmftW1RY/Rzmai7B-d4I/AAAAAAAAAAY/74BqrYEgfk0/s72-c/CSSEdit.png' height='72' width='72'/><thr:total>317</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3320713108225636786.post-1303759120357244712</id><published>2007-10-14T00:08:00.001+02:00</published><updated>2007-10-14T01:34:07.048+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='xhtml'/><category scheme='http://www.blogger.com/atom/ns#' term='web2.0'/><category scheme='http://www.blogger.com/atom/ns#' term='safari'/><category scheme='http://www.blogger.com/atom/ns#' term='form'/><category scheme='http://www.blogger.com/atom/ns#' term='textarea'/><category scheme='http://www.blogger.com/atom/ns#' term='resize'/><category scheme='http://www.blogger.com/atom/ns#' term='html'/><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>Smarter resizeable textareas in Safari</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp3.blogger.com/_nySMmftW1RY/RxFD93-VQxI/AAAAAAAAAAM/KVN8B1JZDQY/s1600-h/resize.png"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp3.blogger.com/_nySMmftW1RY/RxFD93-VQxI/AAAAAAAAAAM/KVN8B1JZDQY/s400/resize.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5120948981573436178" /&gt;&lt;/a&gt;Did you notice the resize handle textareas have in Safari? They come  very often as many pages underestimate then size you need for those boxes.&lt;div&gt;However, resizing a text area mostly break the design of the page, but I stumbled upon a very easy way to fix it for your page to make it look perfect every time.&lt;/div&gt;&lt;div&gt;Remember the min-width, max-width properties in CSS? Good, because Safari uses them to deside how big the textarea is allowed to be.&lt;/div&gt;&lt;div&gt;For example, if you don't want the user to change the width of the textarea, and you don't want the the height to be smaller than a certain number, just put this into your CSS&lt;/div&gt;&lt;br /&gt;&lt;span class="Apple-style-span"   style=" ;font-family:Courier;font-size:13px;"&gt;&lt;span class="Apple-style-span" style="font-weight: bold;"&gt;textarea&lt;/span&gt; {&lt;/span&gt;&lt;div&gt;&lt;span class="Apple-style-span"   style=" ;font-family:Courier;font-size:13px;"&gt;&lt;span class="Apple-tab-span" style="white-space:pre"&gt; &lt;/span&gt;&lt;span class="Apple-style-span" style="font-style: italic;"&gt;width&lt;/span&gt;: 300&lt;span class="Apple-style-span" style="font-weight: bold;"&gt;px&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span"   style=" ;font-family:Courier;font-size:13px;"&gt;&lt;span class="Apple-style-span"   style="  ;font-family:Georgia;font-size:16px;"&gt;&lt;div&gt;&lt;span class="Apple-style-span"   style="  ;font-family:Courier;font-size:13px;"&gt;&lt;span class="Apple-tab-span" style="white-space:pre"&gt; &lt;/span&gt;&lt;span class="Apple-style-span" style="font-style: italic; "&gt;min-width&lt;/span&gt;: 300&lt;span class="Apple-style-span" style="font-weight: bold;"&gt;px&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span"   style="  ;font-family:Courier;font-size:13px;"&gt;&lt;span class="Apple-tab-span" style="white-space:pre"&gt; &lt;/span&gt;&lt;span class="Apple-style-span" style="font-style: italic; "&gt;max-width&lt;/span&gt;: 300&lt;span class="Apple-style-span" style="font-weight: bold;"&gt;px&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span"   style=" ;font-family:Courier;font-size:13px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span"   style=" ;font-family:Courier;font-size:13px;"&gt;&lt;span class="Apple-tab-span" style="white-space:pre"&gt; &lt;/span&gt;&lt;span class="Apple-style-span" style="font-style: italic;"&gt;height&lt;/span&gt;: 200&lt;span class="Apple-style-span" style="font-weight: bold;"&gt;px&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span"   style=" ;font-family:Courier;font-size:13px;"&gt;&lt;span class="Apple-tab-span" style="white-space:pre"&gt; &lt;/span&gt;&lt;span class="Apple-style-span" style="font-style: italic;"&gt;min-heigh&lt;/span&gt;t: 100&lt;span class="Apple-style-span" style="font-weight: bold;"&gt;px&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span"   style=" ;font-family:Courier;font-size:13px;"&gt;}&lt;br /&gt;&lt;/span&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;now, Safari forces the width to be 300px, and it can't get a height less than 100px. It's a great way to take avantage of the Safari's cleaver function.&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt; &lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3320713108225636786-1303759120357244712?l=web42morrow.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://web42morrow.blogspot.com/feeds/1303759120357244712/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3320713108225636786&amp;postID=1303759120357244712' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3320713108225636786/posts/default/1303759120357244712'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3320713108225636786/posts/default/1303759120357244712'/><link rel='alternate' type='text/html' href='http://web42morrow.blogspot.com/2007/10/smarter-resizeable-textareas-i-safari.html' title='Smarter resizeable textareas in Safari'/><author><name>emil</name><uri>http://www.blogger.com/profile/15705114209138188575</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp3.blogger.com/_nySMmftW1RY/RxFD93-VQxI/AAAAAAAAAAM/KVN8B1JZDQY/s72-c/resize.png' height='72' width='72'/><thr:total>2</thr:total></entry></feed>
