Fashion Blog

New Fashion News

Hey there! Take a look around and grab the RSS feed to stay updated. See you around!

Posts Tagged ‘my tips’

HTML5 Mobile App. Framework: Sencha Touch

Filed Under : Fashion by Bussines

Jul.16,2010

Sencha (previously known as Ext JS) has released Sencha Touch, an HTML5 Mobile App. Framework, which allows you to develop web applications that look and feel native on Apple iOS and Google Android touchscreen devices.

It makes use of HTML5 for delivering audio/video or localStorage and CSS3 for maximum styling like rounded corners, background gradients, and shadows.

The code created is resolution independent. It uses a method which allows developers to change the overall scale of their interfaces on the fly with no pixellation.

Sencha Touch has a powerful animation system that makes flexible animations between screens and views possible.

Slide, pop, and fade animations are included with the library, each with a robust set of options to change attributes like direction and masking style.

And, as they are created with CSS, building custom animations is a joy.

Also, it includes a set of common icons for using them in toolbars and tab bars.

Tags : apple, css3, ios, my tips, sencha, touchscreen, web tips

HTML5 Mobile App. Framework: Sencha Touch

Filed Under : Fashion by Bussines

It makes use of HTML5 for delivering audio/video or localStorage and CSS3 for maximum styling like rounded corners, background gradients, and shadows.

The code created is resolution independent. It uses a method which allows developers to change the overall scale of their interfaces on the fly with no pixellation.

Sencha Touch has a powerful animation system that makes flexible animations between screens and views possible.

Slide, pop, and fade animations are included with the library, each with a robust set of options to change attributes like direction and masking style.

And, as they are created with CSS, building custom animations is a joy.

Also, it includes a set of common icons for using them in toolbars and tab bars.

Tags : animation system, apple, css3, google-android, gradients, interfaces, ios, Library, like-direction, my tips, native-on-apple, sencha, sencha-touch, touch

Inline content assist for text fields and areas

Filed Under : Fashion by Bussines

Friday, June 18th, 2010

Inline content assist for text fields and areas

Category: Component, JavaScript, Library

Sergey Chikuyonok has created a really nice, easy to use, and good looking content assist library for input text fields and text areas:

It calculates precise position of characters in or<br /> <input> tag and places completion proposals popup under it. You can explicitly call popup window to assist/replace word (depends on caret position) with Ctrl+Space (buggy in Firefox and Opera) or Alt+Space (buggy in Opera). The project is based on Eclipse IDE’s content assist architecture, it has some common class names and methods. The default implementation works with fixed words vocabulary, but developers can easily modify or extend some classes to match their needs. </p> </blockquote> <p>The API is easy to use. For example:</p> <div><span>JAVASCRIPT:</span></p> <div> <div> <span>var</span> words = <span>‘after,any,also,around,another,ask,again,air,away,animal,answer,america,awesome,amazing’</span>.<span>split</span><span>(</span><span>‘,’</span><span>)</span>;<br /><span>new</span> BasicContentAssist<span>(</span>document.<span>getElementById</span><span>(</span><span>‘input’</span><span>)</span>, words, <span>{</span>visible_items: <span>5</span><span>}</span><span>)</span>;<br /> </div> </div> </div> <p><a href="http://media.chikuyonok.ru/content-assist/"><img src="http://ajaxian.com/wp-content/images/contentassist.png" alt="" title="contentassist" width="299" height="146" class="alignnone size-full wp-image-9621" /></a></p> <p> Posted by <cite>Dion Almaer</cite> at 5:12 am<span><br /> <a href="http://ajaxian.com/archives/inline-content-assist-for-text-fields-and-areas#comments" title="Comment on Inline content assist for text fields and areas">4 Comments</a></span></p> <p> <span></span> </p> <p>   </div> <div class="post-1234 post type-post hentry category-fashion tag-ajax tag-device tag-dion-almaer tag-mobile tag-mobile-web tag-my-tips tag-sam-stephenson tag-scaling tag-shown-or-hidden tag-the-mobile tag-usability tag-zoom" id="post-1234">  <div class="story"> <div class="story_title"> <div class="title_bg"> <div class="title_top"> <div class="title_bottom"> <h2><a href="http://thelupefiascoshow.com/scaling-ui-controls-appropriately-on-the-mobile-web-2.html" rel="bookmark">Scaling UI controls appropriately on the mobile Web</a></h2> <div class="story_category"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/cat_bullet.jpg" alt="" /> Filed Under : <a href="http://thelupefiascoshow.com/category/fashion" title="View all posts in Fashion" rel="category tag">Fashion</a> by Bussines</div> <div class="story_date"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/date_bullet.jpg" alt="" /> </div> <div style="clear:both;"></div> </div> </div> </div> </div> <div class="storyContent"> <p><img src="http://thelupefiascoshow.com/wp-content/uploads/2010/07/bb39a532c8chrome.png-150x122.png" /></p> <p> <div> <div readability="38"> <p>Friday, June 18th, 2010</p> <h2><a href="http://ajaxian.com/archives/mobile-web-scaling-controls" rel="bookmark" title="Permanent Link to Scaling UI controls appropriately on the mobile Web">Scaling UI controls appropriately on the mobile Web</a></h2> <p>Category: <a href="http://ajaxian.com/by/topic/javascript" title="View all posts in JavaScript" rel="category tag">JavaScript</a>, <a href="http://ajaxian.com/by/topic/mobile" title="View all posts in Mobile" rel="category tag">Mobile</a>, <a href="http://ajaxian.com/by/topic/usability" title="View all posts in Usability" rel="category tag">Usability</a></p> <p>Using the mobile Web with modern devices that give you the “full Web” and allow you to zoom in and out on the page (if zooming hasn’t been turned off of course).</p> <p><a href="http://37signals.com/svn/posts/2407-device-scale-user-interface-elements-in-ios-mobile-safari"><img src="http://s3.amazonaws.com/37assets/svn/420-device-scale-full-chrome.png" /></a></p> <p>Sam Stephenson (of Prototype and 37Signals fame) has taken on the problem of the sizing of controls. If you zoom out, normally, controls are smaller in the same proportion as the rest of the content. In reality, you want nice large controls that are tap friendly. This is where his device scale technique comes in:</p> </p> <p>He also talks about how he takes hover elements and makes them tappable to get the same item shown or hidden.</p> <p> Posted by <cite>Dion Almaer</cite> at 6:04 am<span><br /> <a href="http://ajaxian.com/archives/mobile-web-scaling-controls#comments" title="Comment on Scaling UI controls appropriately on the mobile Web">3 Comments</a></span></p> <p> <span></span> </p> <p>   </div> <div class="post-1226 post type-post hentry category-fashion tag-chart tag-make-new tag-my-tips tag-perfect-fit tag-replace-objects tag-set-includes tag-vector-formats tag-web-print" id="post-1226">  <div class="story"> <div class="story_title"> <div class="title_bg"> <div class="title_top"> <div class="title_bottom"> <h2><a href="http://thelupefiascoshow.com/huge-set-of-vector-graph-icons-the-graphs-2-2.html" rel="bookmark">Huge Set Of Vector Graph Icons: The Graphs 2</a></h2> <div class="story_category"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/cat_bullet.jpg" alt="" /> Filed Under : <a href="http://thelupefiascoshow.com/category/fashion" title="View all posts in Fashion" rel="category tag">Fashion</a> by Bussines</div> <div class="story_date"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/date_bullet.jpg" alt="" /> </div> <div style="clear:both;"></div> </div> </div> </div> </div> <div class="storyContent"> <p><img src="http://thelupefiascoshow.com/wp-content/uploads/2010/07/bb5b343840icons.jpg-150x73.jpg" /></p> <p> <div> <div readability="11"> <p><a href="http://graphs.nicer2.com/"><strong>The Graphs 2</strong></a> is a <strong>set of 36 unique graph icons</strong> with a ready-to-use 169 variations.</p> <p>It comes in <strong>vector formats (.AI and .SVG)</strong> that makes it possible to change colors, resize elements, replace objects, make adjustments, make new combinations, etc.</p> <p>The set includes many chart types like line, bar, pie or area and is a perfect fit for any type of usage (web, print..).</p> <p><a href="http://graphs.nicer2.com/"><img alt="Vector Chart Icons" height="234" src="http://www.webresourcesdepot.com/wp-content/uploads/vector-chart-icons.jpg" width="480" /></a></p> </p></div> </div> <div style='clear:both'></div> <div style="clear:both;"></div> </div> <div class="postmeta"> <div class="postmeta_top"> <div class="postmeta_bottom"> <p class="story_tags"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/tag_bullet.jpg" alt="" /> Tags : <a href="http://thelupefiascoshow.com/tag/chart" rel="tag">chart</a>, <a href="http://thelupefiascoshow.com/tag/make-new" rel="tag">make-new</a>, <a href="http://thelupefiascoshow.com/tag/my-tips" rel="tag">my tips</a>, <a href="http://thelupefiascoshow.com/tag/perfect-fit" rel="tag">perfect fit</a>, <a href="http://thelupefiascoshow.com/tag/replace-objects" rel="tag">replace-objects</a>, <a href="http://thelupefiascoshow.com/tag/set-includes" rel="tag">set-includes</a>, <a href="http://thelupefiascoshow.com/tag/vector-formats" rel="tag">vector formats</a>, <a href="http://thelupefiascoshow.com/tag/web-print" rel="tag">web print</a><br /></p> <p class="read_more"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/bullet.gif" alt="" /> <a href="http://thelupefiascoshow.com/huge-set-of-vector-graph-icons-the-graphs-2-2.html">Read more...</a></p> <div style="clear:both;"></div> </div> </div> </div> </div>  </div> <div class="post-1223 post type-post hentry category-fashion tag-browser tag-css tag-mobile-web tag-my-tips tag-page-loads tag-radius tag-refresh-the-css tag-sencha-touch tag-unpack-the-file tag-web-apps" id="post-1223">  <div class="story"> <div class="story_title"> <div class="title_bg"> <div class="title_top"> <div class="title_bottom"> <h2><a href="http://thelupefiascoshow.com/do-less-with-less-js.html" rel="bookmark">Do LESS with Less.js</a></h2> <div class="story_category"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/cat_bullet.jpg" alt="" /> Filed Under : <a href="http://thelupefiascoshow.com/category/fashion" title="View all posts in Fashion" rel="category tag">Fashion</a> by Bussines</div> <div class="story_date"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/date_bullet.jpg" alt="" /> </div> <div style="clear:both;"></div> </div> </div> </div> </div> <div class="storyContent"> <p> <div> <div readability="44"> <p>Sunday, June 20th, 2010</p> <h2><a href="http://ajaxian.com/archives/do-less-with-less-js" rel="bookmark" title="Permanent Link to Do LESS with Less.js">Do LESS with Less.js</a></h2> <p>Category: <a href="http://ajaxian.com/by/topic/css" title="View all posts in CSS" rel="category tag">CSS</a>, <a href="http://ajaxian.com/by/topic/javascript" title="View all posts in JavaScript" rel="category tag">JavaScript</a></p> <p>Dmitry Fadeyev has <a href="http://fadeyev.net/2010/06/19/lessjs-will-obsolete-css/">a great writeup of less.js</a>, the implementation of the <a href="http://lesscss.org/">LESS</a> styling language in JavaScript itself.</p> <p>Traditionally you would write a less file such as:</p> <div><span>CSS:</span></p> <div> <div readability="2"> <span>@brand-color: #3879BD;</span></p> <p>.rounded<span>(</span><span>@radius: 3px) {</span><br /> -webkit-border-radius: <span>@radius;</span><br /> -moz-border-radius: <span>@radius;</span><br /> border-radius: <span>@radius;</span><br /><span>}</span></p> <p><span>#header <span>{</span></span><br /> .rounded<span>(</span>5px<span>)</span>;<br /> a <span>{</span><br /> <span>color</span>: <span>@brand-color;</span><br /> &<span>:hover </span><span>{</span><br /> <span>color</span>: #000;<br /> <span>}</span><br /> <span>}</span><br /><span>}</span><br /> </p> </div> </div> </div> <p>and then you would precompile it to some CSS. Not anymore, now you can natively link to the less:</p> <p>Now less.js will unpack the file and do its thing… making sure that the final CSS will be fully cacheable. Less.js has been written as a CommonJS module so you can run it on the server via node, or in the browser on the fly.</p> <p>Dmitry answers the perf question (runtime HAS to be slower!), and talks of some cool features:</p> <blockquote readability="9"><p> Wouldn’t live processing lag? Not really. Two reasons for this. One: Less.js has been written from the ground up for great performance, so even browsers with poor JavaScript implementation should still run it very well (Less.js is about 40 times faster than the Ruby implementation—so suffice to say it’s a lot faster.). Two: On modern browsers that support HTML5, Less.js will cache the generated CSS on local storage, making subsequent page loads as fast as pure CSS.</p> <p>There are other cool features built into Less.js. For example, there’s a “watch” feature available in development mode. This feature will refresh the CSS on your page whenever your .less file is saved with new changes. The best thing is, it won’t refresh the whole page, just the right bits of CSS, live. </p> </blockquote> <p>Less is certainly more. Even though it is tough to make the performance trade off in production, for development, and for the ability to use less for applications that don’t have a server (e.g. I am excited to use this in webOS and mobile Web apps in general! <img src='http://thelupefiascoshow.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> is palpitating. Sencha Touch uses the step cousin, SASS.</p> <p> Posted by <cite>Dion Almaer</cite> at 7:02 am<span><br /> <a href="http://ajaxian.com/archives/do-less-with-less-js#comments" title="Comment on Do LESS with Less.js">13 Comments</a></span></p> <p> <span></span> </p> <p>   </div> <div class="post-1214 post type-post hentry category-fashion tag-changes-listed tag-cowboy-john tag-dion-almaer tag-firefox tag-interaction tag-john-wayne tag-my-tips tag-perceived tag-slightly-larger tag-studying tag-usability tag-website-loading" id="post-1214">  <div class="story"> <div class="story_title"> <div class="title_bg"> <div class="title_top"> <div class="title_bottom"> <h2><a href="http://thelupefiascoshow.com/studying-perceived-performance-of-firefox-and-chrome-2.html" rel="bookmark">Studying perceived performance of Firefox and Chrome</a></h2> <div class="story_category"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/cat_bullet.jpg" alt="" /> Filed Under : <a href="http://thelupefiascoshow.com/category/fashion" title="View all posts in Fashion" rel="category tag">Fashion</a> by Bussines</div> <div class="story_date"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/date_bullet.jpg" alt="" /> </div> <div style="clear:both;"></div> </div> </div> </div> </div> <div class="storyContent"> <p><img src="http://thelupefiascoshow.com/wp-content/uploads/2010/07/af748023f8ynemoz.png-150x104.png" /></p> <p> <div> <div readability="37"> <p>Monday, June 21st, 2010</p> <h2><a href="http://ajaxian.com/archives/studying-perceived-performance-of-firefox-and-chrome" rel="bookmark" title="Permanent Link to Studying perceived performance of Firefox and Chrome">Studying perceived performance of Firefox and Chrome</a></h2> <p>Category: <a href="http://ajaxian.com/by/topic/browsers" title="View all posts in Browsers" rel="category tag">Browsers</a>, <a href="http://ajaxian.com/by/topic/usability" title="View all posts in Usability" rel="category tag">Usability</a></p> <p><a href="http://www.johnwaynehill.com/about/"><img src="http://ajaxian.com/wp-content/images/johnwaynemoz.png" alt="" title="johnwaynemoz" width="346" height="241" class="alignnone size-full wp-image-9646" /></a></p> <p>“A man’s got to do what a man’s got to do.” said the cowboy John Wayne. Mozilla’s new intern with the same name knows that Mozilla needs to do… and it needs to do performance. It isn’t just about <a href="http://arewefastyet.com/">JavaScript performance</a> though, the battle for the hearts and minds is <a href="http://www.johnwaynehill.com/blog/2010/06/16/perceived-speed-performace/">perceived performance</a>. This is a tough game for Mozilla as the average user giving Chrome a shot is doing so on a fresh browser with no history, bookmarks, or add-ons. If you download a fresh Firefox nightly you may be surprised at how fast it is!</p> <p>John has been doing some analysis comparing the perceived performance compared to Chrome:</p> <p><img src="http://www.johnwaynehill.com/blog/wp-content/uploads/2010/06/Fresh.jpg" /></p> </p> <p>and came up with some recommended actions for the team:</p> <ul> <li>With just a few changes in the Firefox start-up process, we could greatly enhance the feeling of Firefox’s speed. The changes listed below are recommendations to help better the overall Firefox experience. </li> <li>Draw the OS spinner icon as little as possible, but one solid break isn’t bad and might be better than one really long spinner. </li> <li>Draw the browser chrome while the window is being animated (drawn) to size. So that most of the drawing happens simultaneously rather than sequentially. </li> <li>Make a new ‘website loading’ icon with less visual weight that animates faster but is slightly larger (would allow a user to ‘see’ the faster animation). </li> <li>‘Lazy’ load tabs that are being restored (already being talked about). </li> <li>Load upgrades and add-on updates upon browser close, not browser start. </li> <li>Delay loading the website’s title until the website is ready for interaction. </li> </ul> <p> Posted by <cite>Dion Almaer</cite> at 5:21 am<span><br /> <a href="http://ajaxian.com/archives/studying-perceived-performance-of-firefox-and-chrome#comments" title="Comment on Studying perceived performance of Firefox and Chrome">6 Comments</a></span></p> <p> <span></span> </p> <p>   </div> <div class="post-1210 post type-post hentry category-fashion tag-api tag-apps tag-best-of-both-worlds tag-desktop tag-freedom tag-internet tag-my-tips tag-notifications tag-permanent-link tag-permissions tag-sandbox tag-time tag-uninstall-button tag-web-apps" id="post-1210">  <div class="story"> <div class="story_title"> <div class="title_bg"> <div class="title_top"> <div class="title_bottom"> <h2><a href="http://thelupefiascoshow.com/from-zero-install-to-instant-install-2.html" rel="bookmark">From zero-install to instant-install</a></h2> <div class="story_category"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/cat_bullet.jpg" alt="" /> Filed Under : <a href="http://thelupefiascoshow.com/category/fashion" title="View all posts in Fashion" rel="category tag">Fashion</a> by Bussines</div> <div class="story_date"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/date_bullet.jpg" alt="" /> </div> <div style="clear:both;"></div> </div> </div> </div> </div> <div class="storyContent"> <p><img src="http://thelupefiascoshow.com/wp-content/uploads/2010/07/11445138b94e62a3.jpg-150x99.jpg" /></p> <p> <div> <div readability="52"> <p>Monday, June 21st, 2010</p> <h2><a href="http://ajaxian.com/archives/from-zero-install-to-instant-install" rel="bookmark" title="Permanent Link to From zero-install to instant-install">From zero-install to instant-install</a></h2> <p>Category: <a href="http://ajaxian.com/by/topic/editorial" title="View all posts in Editorial" rel="category tag">Editorial</a></p> <p><a href="http://www.flickr.com/photos/felipe_gabaldon/4300220282/"><img src="http://ajaxian.com/wp-content/images/4300220282_14d04e62a3.jpg" alt="" title="4300220282_14d04e62a3" width="500" height="333" class="alignnone size-full wp-image-9636" /></a></p> <p>Aaron has a nice editorial piece on <a href="http://www.google.com/buzz/zboogs/T3cumksXHam/Going-from-zero-install-to-instant-install-Its">going from zero-install to instant-install</a> in which he discusses the notion of web apps:</p> <blockquote readability="7"><p> Bringing back a lightweight notion of installation offers an interesting way out of Web constraints. If an author uses APIs like window.open() and desktop notifications in an annoying way, his app will be uninstalled. The UA can make it easy for the user to discover the uninstall button, so there’s a strong incentive for authors to not be assholes. Since there are a manageable number of apps installed at any one time (by definition, since they were manually installed), UAs can offer permanent storage to apps. If the apps abuse the privilege, the user can easily scan a list, see which one is doing it and uninstall it. </p> </blockquote> <p>He discusses the revolution of the “zero install” Web. We pass people URLs. We link to things. We don’t think of this as “running apps”. He then brings up the issues of this freedom. Since my mum doesn’t think of this as running apps, we shouldn’t grant access to these URLs, and we end up with a strong sandbox, which limits functionality.</p> <p>With “installable web apps” we get some of the best of both worlds, but it doesn’t quite feel like we have matched a perfect equilibrium yet. As a power user, I am excited about taking a strong sandboxed model and opening it up with APIs that all go through the sandbox. This means that I can monitor everything that is going on. Add to this social monitoring (so if something bad happens it quickly moves through the social network to be fixed and blocked) and I look forward to a blended world of permissions. We have long had the ability to break through the sandbox in browsers. Unfortunately, these methods are browser specific, and result in annoying prompts that drive you nuts. As we scale out the permissions, this becomes more annoying. To get around this, some platforms are asking the user to accept permission at install time. You have the advantage that: a) the user has to agree before anything is even downloaded; b) one click, at the time of install, and you are off to the races. </p> <p>However, there are huge problems: When prompted at this time, there is a strong likelihood that the user is trying to do something and will thus say YES YES YES no matter what. Some may question an 8-ball app that asks for deep permissions, but even then…. we run into the same prompty neglect that we get on the desktop. Have you ever downloaded a Mac app, ran it, and then when the “this app came from the Internet” dialog showed up…. said “you know what. Naaaah”? And what about nuance? Weather apps ask for access to the GPS. What if you want to use the app (and search for an area) but don’t want to give location information? Some systems won’t let you download the app (this is where the Web Geolocation API is great!)</p> <p>Installable == special powers. Uninstalled == less powers. I still have hope that after these first steps we get the right metaphors that offer simplicity for users, but nice fine grained control and awareness.</p> <p> Posted by <cite>Dion Almaer</cite> at 5:44 am<span><br /> <a href="http://ajaxian.com/archives/from-zero-install-to-instant-install#respond" title="Comment on From zero-install to instant-install">Comment here</a></span></p> <p> <span></span> </p> <p>   </div> <div class="post-1209 post type-post hentry category-fashion tag-ajax tag-apps tag-best-of-both-worlds tag-editorial-piece tag-freedom tag-internet tag-my-tips tag-permanent-link tag-time tag-uninstall-button tag-user tag-web-apps" id="post-1209">  <div class="story"> <div class="story_title"> <div class="title_bg"> <div class="title_top"> <div class="title_bottom"> <h2><a href="http://thelupefiascoshow.com/from-zero-install-to-instant-install.html" rel="bookmark">From zero-install to instant-install</a></h2> <div class="story_category"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/cat_bullet.jpg" alt="" /> Filed Under : <a href="http://thelupefiascoshow.com/category/fashion" title="View all posts in Fashion" rel="category tag">Fashion</a> by Bussines</div> <div class="story_date"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/date_bullet.jpg" alt="" /> </div> <div style="clear:both;"></div> </div> </div> </div> </div> <div class="storyContent"> <p><img src="http://thelupefiascoshow.com/wp-content/uploads/2010/07/11445138b94e62a31.jpg1-150x99.jpg" /></p> <p> <div> <div readability="52"> <p>Monday, June 21st, 2010</p> <h2><a href="http://ajaxian.com/archives/from-zero-install-to-instant-install" rel="bookmark" title="Permanent Link to From zero-install to instant-install">From zero-install to instant-install</a></h2> <p>Category: <a href="http://ajaxian.com/by/topic/editorial" title="View all posts in Editorial" rel="category tag">Editorial</a></p> <p><a href="http://www.flickr.com/photos/felipe_gabaldon/4300220282/"><img src="http://ajaxian.com/wp-content/images/4300220282_14d04e62a3.jpg" alt="" title="4300220282_14d04e62a3" width="500" height="333" class="alignnone size-full wp-image-9636" /></a></p> <p>Aaron has a nice editorial piece on <a href="http://www.google.com/buzz/zboogs/T3cumksXHam/Going-from-zero-install-to-instant-install-Its">going from zero-install to instant-install</a> in which he discusses the notion of web apps:</p> <blockquote readability="7"><p> Bringing back a lightweight notion of installation offers an interesting way out of Web constraints. If an author uses APIs like window.open() and desktop notifications in an annoying way, his app will be uninstalled. The UA can make it easy for the user to discover the uninstall button, so there’s a strong incentive for authors to not be assholes. Since there are a manageable number of apps installed at any one time (by definition, since they were manually installed), UAs can offer permanent storage to apps. If the apps abuse the privilege, the user can easily scan a list, see which one is doing it and uninstall it. </p> </blockquote> <p>He discusses the revolution of the “zero install” Web. We pass people URLs. We link to things. We don’t think of this as “running apps”. He then brings up the issues of this freedom. Since my mum doesn’t think of this as running apps, we shouldn’t grant access to these URLs, and we end up with a strong sandbox, which limits functionality.</p> <p>With “installable web apps” we get some of the best of both worlds, but it doesn’t quite feel like we have matched a perfect equilibrium yet. As a power user, I am excited about taking a strong sandboxed model and opening it up with APIs that all go through the sandbox. This means that I can monitor everything that is going on. Add to this social monitoring (so if something bad happens it quickly moves through the social network to be fixed and blocked) and I look forward to a blended world of permissions. We have long had the ability to break through the sandbox in browsers. Unfortunately, these methods are browser specific, and result in annoying prompts that drive you nuts. As we scale out the permissions, this becomes more annoying. To get around this, some platforms are asking the user to accept permission at install time. You have the advantage that: a) the user has to agree before anything is even downloaded; b) one click, at the time of install, and you are off to the races. </p> <p>However, there are huge problems: When prompted at this time, there is a strong likelihood that the user is trying to do something and will thus say YES YES YES no matter what. Some may question an 8-ball app that asks for deep permissions, but even then…. we run into the same prompty neglect that we get on the desktop. Have you ever downloaded a Mac app, ran it, and then when the “this app came from the Internet” dialog showed up…. said “you know what. Naaaah”? And what about nuance? Weather apps ask for access to the GPS. What if you want to use the app (and search for an area) but don’t want to give location information? Some systems won’t let you download the app (this is where the Web Geolocation API is great!)</p> <p>Installable == special powers. Uninstalled == less powers. I still have hope that after these first steps we get the right metaphors that offer simplicity for users, but nice fine grained control and awareness.</p> <p> Posted by <cite>Dion Almaer</cite> at 5:44 am<span><br /> <a href="http://ajaxian.com/archives/from-zero-install-to-instant-install#respond" title="Comment on From zero-install to instant-install">Comment here</a></span></p> <p> <span></span> </p> <p>   </div> <div class="post-1205 post type-post hentry category-fashion tag-450-free tag-attribution tag-commercial-projects tag-completely-free tag-free-icons tag-includes-various tag-media-documents tag-my-tips tag-png-format tag-spirit-icon tag-web-applications" id="post-1205">  <div class="story"> <div class="story_title"> <div class="title_bg"> <div class="title_top"> <div class="title_bottom"> <h2><a href="http://thelupefiascoshow.com/450-free-web-application-icons-spirit20.html" rel="bookmark">450 Free Web Application Icons: spirit20</a></h2> <div class="story_category"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/cat_bullet.jpg" alt="" /> Filed Under : <a href="http://thelupefiascoshow.com/category/fashion" title="View all posts in Fashion" rel="category tag">Fashion</a> by Bussines</div> <div class="story_date"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/date_bullet.jpg" alt="" /> </div> <div style="clear:both;"></div> </div> </div> </div> </div> <div class="storyContent"> <p><img src="http://thelupefiascoshow.com/wp-content/uploads/2010/07/6189679f05on-set1.jpg1-150x62.jpg" /></p> <p> <div> <div readability="9"> <p><a href="http://19eighty7.com/icons"><strong>spirit20</strong></a> is a <strong>set of 450 free icons</strong> that are ideal to be used in web applications.</p> <p>It includes various items of actions, media, documents, mail, system and more.</p> <p>The set is in <strong>transparent PNG format</strong> and sized <strong>20*20px</strong>.</p> <p>And, it is <strong>completely free</strong> to be used in personal and commercial projects (and no attribution is required).</p> <p><a href="http://19eighty7.com/icons"><img alt="Spirit Icon Set" height="199" src="http://www.webresourcesdepot.com/wp-content/uploads/spirit-icon-set.jpg" width="481" /></a></p> </p></div> </div> <div style='clear:both'></div> <div style="clear:both;"></div> </div> <div class="postmeta"> <div class="postmeta_top"> <div class="postmeta_bottom"> <p class="story_tags"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/tag_bullet.jpg" alt="" /> Tags : <a href="http://thelupefiascoshow.com/tag/450-free" rel="tag">450-free</a>, <a href="http://thelupefiascoshow.com/tag/attribution" rel="tag">attribution</a>, <a href="http://thelupefiascoshow.com/tag/commercial-projects" rel="tag">commercial-projects</a>, <a href="http://thelupefiascoshow.com/tag/completely-free" rel="tag">completely-free</a>, <a href="http://thelupefiascoshow.com/tag/free-icons" rel="tag">free icons</a>, <a href="http://thelupefiascoshow.com/tag/includes-various" rel="tag">includes-various</a>, <a href="http://thelupefiascoshow.com/tag/media-documents" rel="tag">media documents</a>, <a href="http://thelupefiascoshow.com/tag/my-tips" rel="tag">my tips</a>, <a href="http://thelupefiascoshow.com/tag/png-format" rel="tag">png format</a>, <a href="http://thelupefiascoshow.com/tag/spirit-icon" rel="tag">spirit-icon</a>, <a href="http://thelupefiascoshow.com/tag/web-applications" rel="tag">web applications</a><br /></p> <p class="read_more"><img src="http://thelupefiascoshow.com/wp-content/themes/colorful-paint/images/bullet.gif" alt="" /> <a href="http://thelupefiascoshow.com/450-free-web-application-icons-spirit20.html">Read more...</a></p> <div style="clear:both;"></div> </div> </div> </div> </div>  </div> <div class="navigation"> <div class="alignleft"></div> <div class="alignright"></div> <div style="clear:both;"></div> </div>  </div> <div class="sidebar">  <ul> <li> <h3>Recent Posts</h3> <ul> <li><a href="http://thelupefiascoshow.com/when-is-it-time-to-change-your-web-hosting-provider.html" title="When is it time to change your web hosting provider?">When is it time to change your web hosting provider?</a></li> <li><a href="http://thelupefiascoshow.com/become-a-fashion-designer.html" title="Become a Fashion Designer">Become a Fashion Designer</a></li> <li><a href="http://thelupefiascoshow.com/business-skills-for-careers-in-the-fashion-industry-2.html" title="Business Skills For Careers In The Fashion Industry">Business Skills For Careers In The Fashion Industry</a></li> <li><a href="http://thelupefiascoshow.com/career-in-fashion-marketing-and-merchandising.html" title="Career in Fashion Marketing and Merchandising">Career in Fashion Marketing and Merchandising</a></li> <li><a href="http://thelupefiascoshow.com/fashion-preview-over-the-90s.html" title="Fashion Preview Over the 90s">Fashion Preview Over the 90s</a></li> </ul> </li><li><h3>Archives</h3> <ul> <li><a href='http://thelupefiascoshow.com/2010/09' title='September 2010'>September 2010</a> (9)</li> <li><a href='http://thelupefiascoshow.com/2010/08' title='August 2010'>August 2010</a> (39)</li> <li><a href='http://thelupefiascoshow.com/2010/07' title='July 2010'>July 2010</a> (46)</li> <li><a href='http://thelupefiascoshow.com/2010/06' title='June 2010'>June 2010</a> (64)</li> <li><a href='http://thelupefiascoshow.com/2010/05' title='May 2010'>May 2010</a> (109)</li> <li><a href='http://thelupefiascoshow.com/2010/04' title='April 2010'>April 2010</a> (30)</li> <li><a href='http://thelupefiascoshow.com/2010/03' title='March 2010'>March 2010</a> (6)</li> <li><a href='http://thelupefiascoshow.com/2010/02' title='February 2010'>February 2010</a> (6)</li> <li><a href='http://thelupefiascoshow.com/2010/01' title='January 2010'>January 2010</a> (6)</li> <li><a href='http://thelupefiascoshow.com/2009/12' title='December 2009'>December 2009</a> (6)</li> <li><a href='http://thelupefiascoshow.com/2009/11' title='November 2009'>November 2009</a> (6)</li> <li><a href='http://thelupefiascoshow.com/2009/10' title='October 2009'>October 2009</a> (3)</li> <li><a href='http://thelupefiascoshow.com/2009/09' title='September 2009'>September 2009</a> (10)</li> <li><a href='http://thelupefiascoshow.com/2009/08' title='August 2009'>August 2009</a> (12)</li> <li><a href='http://thelupefiascoshow.com/2009/07' title='July 2009'>July 2009</a> (23)</li> <li><a href='http://thelupefiascoshow.com/2009/06' title='June 2009'>June 2009</a> (50)</li> <li><a href='http://thelupefiascoshow.com/2009/05' title='May 2009'>May 2009</a> (44)</li> <li><a href='http://thelupefiascoshow.com/2009/04' title='April 2009'>April 2009</a> (18)</li> </ul> </li><li><h3>Recent Comments</h3><ul id="recentcomments"><li class="recentcomments">TarpelinGirl20 on <a href="http://thelupefiascoshow.com/become-a-fashion-designer.html/comment-page-1#comment-5104">Become a Fashion Designer</a></li><li class="recentcomments">aarellano7891 on <a href="http://thelupefiascoshow.com/become-a-fashion-designer.html/comment-page-1#comment-5103">Become a Fashion Designer</a></li><li class="recentcomments">PanicItsMallory on <a href="http://thelupefiascoshow.com/become-a-fashion-designer.html/comment-page-1#comment-5102">Become a Fashion Designer</a></li><li class="recentcomments">JellyBear7 on <a href="http://thelupefiascoshow.com/become-a-fashion-designer.html/comment-page-1#comment-5101">Become a Fashion Designer</a></li><li class="recentcomments">LauraLithium69 on <a href="http://thelupefiascoshow.com/become-a-fashion-designer.html/comment-page-1#comment-5100">Become a Fashion Designer</a></li></ul></li><li><h3>Tags</h3><div><a href='http://thelupefiascoshow.com/tag/2009' class='tag-link-307' title='10 topics' style='font-size: 9.60240963855pt;'>2009</a> <a href='http://thelupefiascoshow.com/tag/2010' class='tag-link-376' title='10 topics' style='font-size: 9.60240963855pt;'>2010</a> <a href='http://thelupefiascoshow.com/tag/about' class='tag-link-651' title='8 topics' style='font-size: 8.84337349398pt;'>About</a> <a href='http://thelupefiascoshow.com/tag/asian' class='tag-link-640' title='9 topics' style='font-size: 9.26506024096pt;'>Asian</a> <a href='http://thelupefiascoshow.com/tag/best' class='tag-link-247' title='7 topics' style='font-size: 8.42168674699pt;'>best</a> <a href='http://thelupefiascoshow.com/tag/career' class='tag-link-129' title='7 topics' style='font-size: 8.42168674699pt;'>career</a> <a href='http://thelupefiascoshow.com/tag/careers' class='tag-link-256' title='8 topics' style='font-size: 8.84337349398pt;'>careers</a> <a href='http://thelupefiascoshow.com/tag/city' class='tag-link-692' title='22 topics' style='font-size: 12.3012048193pt;'>City</a> <a href='http://thelupefiascoshow.com/tag/clothes' class='tag-link-132' title='12 topics' style='font-size: 10.1927710843pt;'>clothes</a> <a href='http://thelupefiascoshow.com/tag/clothing' class='tag-link-264' title='8 topics' style='font-size: 8.84337349398pt;'>Clothing</a> <a href='http://thelupefiascoshow.com/tag/design' class='tag-link-347' title='18 topics' style='font-size: 11.6265060241pt;'>Design</a> <a href='http://thelupefiascoshow.com/tag/designer' class='tag-link-332' title='10 topics' style='font-size: 9.60240963855pt;'>designer</a> <a href='http://thelupefiascoshow.com/tag/dress' class='tag-link-459' title='13 topics' style='font-size: 10.5301204819pt;'>Dress</a> <a href='http://thelupefiascoshow.com/tag/fashion' class='tag-link-3' title='320 topics' style='font-size: 22pt;'>Fashion</a> <a href='http://thelupefiascoshow.com/tag/happy-shopping' class='tag-link-2035' title='10 topics' style='font-size: 9.60240963855pt;'>happy-shopping</a> <a href='http://thelupefiascoshow.com/tag/haul' class='tag-link-301' title='9 topics' style='font-size: 9.26506024096pt;'>Haul</a> <a href='http://thelupefiascoshow.com/tag/house' class='tag-link-31' title='6 topics' style='font-size: 8pt;'>house</a> <a href='http://thelupefiascoshow.com/tag/image-source' class='tag-link-1321' title='9 topics' style='font-size: 9.26506024096pt;'>image-source</a> <a href='http://thelupefiascoshow.com/tag/industry' class='tag-link-237' title='13 topics' style='font-size: 10.5301204819pt;'>industry</a> <a href='http://thelupefiascoshow.com/tag/jeans' class='tag-link-508' title='7 topics' style='font-size: 8.42168674699pt;'>Jeans</a> <a href='http://thelupefiascoshow.com/tag/jewelry' class='tag-link-478' title='7 topics' style='font-size: 8.42168674699pt;'>jewelry.</a> <a href='http://thelupefiascoshow.com/tag/know' class='tag-link-512' title='7 topics' style='font-size: 8.42168674699pt;'>know</a> <a href='http://thelupefiascoshow.com/tag/london' class='tag-link-212' title='10 topics' style='font-size: 9.60240963855pt;'>london</a> <a href='http://thelupefiascoshow.com/tag/merchandising' class='tag-link-226' title='8 topics' style='font-size: 8.84337349398pt;'>merchandising</a> <a href='http://thelupefiascoshow.com/tag/my-tips' class='tag-link-2322' title='10 topics' style='font-size: 9.60240963855pt;'>my tips</a> <a href='http://thelupefiascoshow.com/tag/news' class='tag-link-101' title='18 topics' style='font-size: 11.6265060241pt;'>News</a> <a href='http://thelupefiascoshow.com/tag/paris' class='tag-link-163' title='7 topics' style='font-size: 8.42168674699pt;'>paris</a> <a href='http://thelupefiascoshow.com/tag/part' class='tag-link-328' title='14 topics' style='font-size: 10.7831325301pt;'>Part</a> <a href='http://thelupefiascoshow.com/tag/people' class='tag-link-590' title='9 topics' style='font-size: 9.26506024096pt;'>people</a> <a href='http://thelupefiascoshow.com/tag/photo' class='tag-link-1266' title='29 topics' style='font-size: 13.313253012pt;'>photo</a> <a href='http://thelupefiascoshow.com/tag/school' class='tag-link-365' title='10 topics' style='font-size: 9.60240963855pt;'>School</a> <a href='http://thelupefiascoshow.com/tag/secret' class='tag-link-326' title='9 topics' style='font-size: 9.26506024096pt;'>Secret</a> <a href='http://thelupefiascoshow.com/tag/sexy' class='tag-link-458' title='8 topics' style='font-size: 8.84337349398pt;'>Sexy</a> <a href='http://thelupefiascoshow.com/tag/show' class='tag-link-271' title='23 topics' style='font-size: 12.4698795181pt;'>show</a> <a href='http://thelupefiascoshow.com/tag/source' class='tag-link-585' title='11 topics' style='font-size: 9.93975903614pt;'>source</a> <a href='http://thelupefiascoshow.com/tag/spring' class='tag-link-8' title='11 topics' style='font-size: 9.93975903614pt;'>spring</a> <a href='http://thelupefiascoshow.com/tag/style' class='tag-link-42' title='11 topics' style='font-size: 9.93975903614pt;'>style</a> <a href='http://thelupefiascoshow.com/tag/summer' class='tag-link-88' title='9 topics' style='font-size: 9.26506024096pt;'>summer</a> <a href='http://thelupefiascoshow.com/tag/time' class='tag-link-60' title='17 topics' style='font-size: 11.4578313253pt;'>time</a> <a href='http://thelupefiascoshow.com/tag/tips' class='tag-link-303' title='11 topics' style='font-size: 9.93975903614pt;'>Tips</a> <a href='http://thelupefiascoshow.com/tag/trends' class='tag-link-67' title='11 topics' style='font-size: 9.93975903614pt;'>trends</a> <a href='http://thelupefiascoshow.com/tag/week' class='tag-link-373' title='17 topics' style='font-size: 11.4578313253pt;'>Week</a> <a href='http://thelupefiascoshow.com/tag/women' class='tag-link-372' title='9 topics' style='font-size: 9.26506024096pt;'>Women</a> <a href='http://thelupefiascoshow.com/tag/work' class='tag-link-69' title='7 topics' style='font-size: 8.42168674699pt;'>work</a> <a href='http://thelupefiascoshow.com/tag/world' class='tag-link-70' title='8 topics' style='font-size: 8.84337349398pt;'>world</a></div> </li><li><h3>Blogroll</h3> <ul class='xoxo blogroll'> <li><a href="http://www.ben10-alienforce.com/ben-10-ultimate-alien-evolution-fall-2010.html" title="Ben 10 Ultimate Alien">Ben 10 Ultimate Alien</a></li> <li><a href="http://www.fashionmagazine.com" title="Fashion Magazine">Fashion Magazine</a></li> <li><a href="http://www.ismartshare.com/negeriads-com-solusi-berpromosi-murah-lewat-internet.html" title="NegeriAds.com Solusi Berpromosi">NegeriAds.com Solusi Berpromosi</a></li> <li><a href="http://www.reliablenews.info/" title="Welcome to Indonesia Furniture Handicraft Wholesale Marketplace">Welcome to Indonesia Furniture Handicraft Wholesale Marketplace</a></li> </ul> </li> </ul>  </div> <div class="clear"></div> </div> </div> </div> </div> <div class="footer"> <div class="footer_content"> <p>Copyright 2010 Fashion Blog | Powered by <a href="http://www.wordpress.org/">WordPress</a> | Designed by <a href="http://www.promiseringsdesigns.com/">Promi Sering</a></p> <script type='text/javascript' src='http://thelupefiascoshow.com/wp-includes/js/jquery/jquery.form.js?ver=2.02m'></script> <script type='text/javascript' src='http://thelupefiascoshow.com/wp-content/plugins/contact-form-7/scripts.js?ver=2.2'></script> </div> </div> </div> </body> </html>