'Net Features : design toolshttps://www.websitemagazine.com:443/content/blogs/posts/archive/tags/design+tools/default.aspxTags: design toolsenCommunityServer 2008 SP2 (Build: 31104.93)6+ Extensions to Super-Charge Chrome for Internet Devshttps://www.websitemagazine.com:443/content/blogs/posts/archive/2015/01/29/6-extensions-to-super-charge-chrome-for-internet-devs.aspxThu, 29 Jan 2015 15:52:00 GMT1e469e21-c924-44fa-a132-47b5d0a8ad47:40582Pete Prestipino0https://www.websitemagazine.com:443/content/blogs/posts/rsscomments.aspx?PostID=40582https://www.websitemagazine.com:443/content/blogs/posts/archive/2015/01/29/6-extensions-to-super-charge-chrome-for-internet-devs.aspx#comments<p>Google&#39;s Chrome browser is by far the most used among the general Internet population (with an estimated 60 percent market share), but among digital developers it is almost always the browser of choice. To make the most of your time spent in Chrome, check out these six-plus extensions to super-charge the browser experience. </p>
<hr />
<h4><img height="20" width="20" src="http://www.websitemagazine.com/images/blog/subarrow.png" style="float:left;" alt="" />&nbsp;<a href="http://www.websitemagazine.com/scripts/sub/email_newsletter.aspx?utm_source=website&amp;utm_medium=content&amp;utm_campaign=WMcontent-oct14">Request Website Magazine&#39;s Free Weekly Newsletters&nbsp;</a></h4>
<hr />
<p><strong>+ <a href="https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn/related?hl=en">Clear Cache</a>:</strong> An extension to clear browser cache, cookies, data, and reload the browser; also offers control and customization of what data should be cleared. <a href="https://chrome.google.com/webstore/detail/clickclean/ghgabhipcejejjmhhchfonmamedcbeod?hl=en">Click&amp;Clean</a> is a nice alternative. </p>
<p><strong>+ <a href="https://chrome.google.com/webstore/detail/check-my-links/ojkcdipcgfaekbeaelaapakgnjflfglf">CheckMyLink</a>s:</strong> Quickly check the links on a web pages to see if they are valid; providing response codes and full URLs of broken links in the console log. A strong alternative is the <a href="https://chrome.google.com/webstore/detail/link-checker/aibjbgmpmnidnmagaefhmcjhadpffaoi">Link Checker</a> extension from synmantics.</p>
<p><strong>+ <a href="https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en">Wappalyzer</a>: </strong>What is that website running? This extension shows the content management systems, e-commerce platforms, web services, JavaScript frameworks and analytics tools being used on any website. <a href="https://chrome.google.com/webstore/detail/appspector/homgcnaoacgigpkkljjjekpignblkeae?hl=en">Appspector</a> is another excellent alternative, as is <a href="https://chrome.google.com/webstore/detail/builtwith-technology-prof/dapjbgnjinbpoindlpdmhochffioedbn">BuiltWith</a> which provides a rather useful technology profiler of the same nature. </p>
<p><img src="http://www.websitemagazine.com/images/blog/wappalyzer.jpg" width="640" height="400" alt="" /></p>
<p><strong>+ <a href="https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha">Stylebot</a>:</strong> An extension that enables designers to work with CSS styles, selecting an element and changing its color, font, margins manually within the browser. The <a href="https://chrome.google.com/webstore/detail/css3-generator/dmlgmehijaodgkkooghkknjjkddahmej">CSS3 Generator</a> extension is another in-browser CSS editor to consider. </p>
<p><strong>+ <a href="https://chrome.google.com/webstore/detail/font-playground/hdpmpnhaoddjelneingmbnhaibbmjgno?hl=en">Font Playground</a></strong>: Preview a website with Google web fonts and retrieve the CSS codes; an alternative is <a target="_blank" href="https://chrome.google.com/webstore/detail/web-fonts-enhanced-by-typ/bckhichipgcplbikhbnhegkplnncoffm?hl=en">Webfonts from TypeDNA</a>. There are hundreds of font-focused extensions in Chrome worthy of a look but do check out <a href="https://chrome.google.com/webstore/detail/font-inspector/aielfifghbdcifkekbbehkialejhfcji?hl=en"><em>Font Inspector</em></a> (one of my personal favorites) which provides a quick way to find out what font is being used on any website. </p>
<p><strong>+ <a href="https://chrome.google.com/webstore/detail/user-agent-switcher/lkmofgnohbedopheiphabfhfjgkhfcgf">User-Agent Switcher</a>: </strong>Change the user-agent to spoof other devices or browsers; very useful when conducing some preliminary testing of websites and web-based applications. Another useful extension to switch between user-agents on the fly is this <a href="https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg">UA switcher for Chrome</a>.</p><div style="clear:both;"></div><img src="https://www.websitemagazine.com:443/content/aggbug.aspx?PostID=40582" width="1" height="1">chromedesign toolswm-designdevFount: Find Fonts You Lovehttps://www.websitemagazine.com:443/content/blogs/posts/archive/2013/02/21/fount-find-fonts-you-love.aspxThu, 21 Feb 2013 13:45:00 GMT1e469e21-c924-44fa-a132-47b5d0a8ad47:23341Pete Prestipino4https://www.websitemagazine.com:443/content/blogs/posts/rsscomments.aspx?PostID=23341https://www.websitemagazine.com:443/content/blogs/posts/archive/2013/02/21/fount-find-fonts-you-love.aspx#comments<p><strong>What happens when you come across a font online you&rsquo;d like to use within your website?&nbsp;</strong><strong>Look in the source code? That&rsquo;s so&hellip; archaic. Don&#39;t worry, there&rsquo;s a better way!
</strong><br /><br />
Web designers (perhaps even those that are involved with a new site or redesign) should check out <strong><a target="_blank" href="http://fount.artequalswork.com/">Fount</a></strong>, a very handy bookmarklet that provides the ability to identify any Web font in a font stack (e.g. Google Web Fonts or Typekit) that is used on a web page. Fount provides a good amount of information, indicating the font size, weight, and style (bold, italicized, etc.), and works in Safari, Chrome, Firefox, and IE8+.&nbsp;</p>
<p>Users simply click the Fount bookmarklet in their browser toolbar menu, highlight the text using the font, and click again to see the details. Below is a sample one of the fonts we use here on <a target="_self" href="http://websitemagazine.com">WebsiteMagazine.com</a>.<br /><br /><strong><strong>Related Items at Website Magazine:</strong>&nbsp;</strong><br /><br />-&nbsp;<a href="http://wsm.co/14SUkKF%20">Typography App Eases Design Process</a><br />-&nbsp;<a href="http://wsm.co/12YRMLC">jQuery Plugins for Increasing Interaction</a>&nbsp;<br />-&nbsp;<a href="http://wsm.co/WebFriendlyFonts">Five Fantastic Web Font Services</a>&nbsp;&nbsp;<br />-&nbsp;<a href="http://wsm.co/ysHbhQ">15 Fresh &amp; Free Fonts</a></p>
<p>&nbsp;<img height="268" width="573" src="http://www.websitemagazine.com/images/blog/fount-image1.png" style="border:1px solid black;margin:5px;" alt="" /><br /><span><br /><br /><br /></span></p>
<div style="clear:both;"></div><img src="https://www.websitemagazine.com:443/content/aggbug.aspx?PostID=23341" width="1" height="1">web fontsfontsdesign toolswmfeaturewm-designdevfountTiggr in Your Web Tank - Cloud-Based Web Prototype Builderhttps://www.websitemagazine.com:443/content/blogs/posts/archive/2011/06/20/tiggr-in-your-web-tank-cloud-based-web-prototype-builder.aspxMon, 20 Jun 2011 20:00:00 GMT1e469e21-c924-44fa-a132-47b5d0a8ad47:16934Pete Prestipino0https://www.websitemagazine.com:443/content/blogs/posts/rsscomments.aspx?PostID=16934https://www.websitemagazine.com:443/content/blogs/posts/archive/2011/06/20/tiggr-in-your-web-tank-cloud-based-web-prototype-builder.aspx#comments<hr />
<p><strong><img style="float:left;margin:15px;" src="http://www.websitemagazine.com/images/blog/tiggr-mini.png" width="48" height="48" alt="" />The list of prototyping solutions for the Web is long indeed. From Protoshare to JustinMind and the hundreds of available offerings in between, prototyping is a fundamentally important element of the site or application development process.
</strong><br /><br />
Launched today after seven months in beta, <strong><a href="http://www.gotiggr.com" target="_blank">Tiggr</a></strong> (from Exadel) is a web prototype builder for creating, sharing, and previewing interactive HTML prototypes for Web and mobile applications. Features include prototyping with Web Preview (HTML/JS/CSS generation), social sharing, and the ability to upload image assets. The mobile palette even offers controls based on the jQuery Mobile framework for iPhone, iPad, Android, or any other mobile device.
<br /><br />
The development fun does not stop there as there are several other noteworthy features including automatically syncing collaboration, templates, event setting (OnClick, OnChange), annotations (also include IM support), simultaneous editing of multiple screens (by multiple users), and a mobile grid component which supports resizable cells.
<br /><br />
The Tiggr SaaS offering from Exadel is free to try or $20 per month for a professional subscription with an unlimited number of projects. Exadel is also offering a promotional price of $15 per month (forever) for those subscribing before September 30, 2011.
<br /><br />
&ldquo;Engaging stakeholders in the design and creation of the user interface for Web applications can be challenging for any design house or internal team,&rdquo; said Fima Katz, CEO of Exadel. &ldquo;Tiggr is designed to solve this problem as well as empower mobile application developers with first-of-its-kind capabilities for building mobile web and native apps for any device.&rdquo;
</p>
<div style="clear:both;"></div><img src="https://www.websitemagazine.com:443/content/aggbug.aspx?PostID=16934" width="1" height="1">prototypecloudtiggrdesign toolsweek26-2011