45 Must-Have Chrome Extensions For Web Designers & Developers Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster. Another amazing and wonderful collection for the web designers and web developers is presented here. In this collection we are showcasing 45+ Google Chrome Extension for the web designers and developers. As we all know that Google Chrome is not only an old browser but it is also a very popular and famous browser. Google Chrome is an open source browser that’s why you can easily modify it when where you want. So, here is the complete list of Google Chrome extensions for your use. Palette for Chrome Creates a color palette from any image. ColorPicker 0.9 Web developer color picker / eye dropper. Diigo Bookmark, Archive, Screenshot & Markup – All-In-One Web Collector, must-have research tool. Pendule Extended web developer tools for Chrome. Firebug Lite for Google Chrome™ Firebug Lite is not a substitute for Firebug, or Chrome Developer Tools. CSSViewer BuiltWith Technology Profiler Tape
Algorithm Writes People's Life Histories Using Twitter Twitter allows anyone to describe their life in unprecedented detail. Many accounts provide an ongoing commentary of an individual’s interests, activities and opinions. So it’s not hard to imagine that it’s possible to reconstruct a person’s life history by analysing their Twitter stream. But doing this automatically is trickier than it sounds. Today, Jiwei Li at Carnegie Mellon University in Pittsburgh and Claire Cardie at Cornell University in Ithaca say they’ve developed an algorithm that does this. The key behind this work is a technique for separating the wheat from the chaff in any twitter stream. A tweet about starting a new job would be a good example. Equally, tweets about other non-personal events fall into a similar two categories–time specific and time general. The problem that Li and Cardie have solved is to find a way of automaticallydistinguishing tweets in the first category from the others. At least, that’s the theory. But it is by no means perfect.
The Matrix Revolutions (CSS 3D – 2) | eleqtriq This is the second part of a mini-series covering css 3d-transformations. If you missed the first part, you can read it here. Suddenly they were here: with the increasing adoption of CSS3 in modern web-browsers a strange instument showed up in our toolbox, but nobody knew exactly how to use it: transformation-matrices. How could this mathematical object, obviously invented by some crazy geek with a bias for 90ies science-fiction movies happen to get lost in a CSS-proposal? The good news first: even though "transformation-matrix" may be difficult to spell, it's less difficult to grasp the concept. Unfortunately there is not too much documentation on the web regarding transformation-matrices for mathematical illiterate folks like us designers. What are Matrices? Matrices are like the warp engine in star-trek: space-time-continuum is changed from the outside, but the people in the star-craft don't notice anything. Matrices do have some more advantages: How does it look? The W-row is tricky.
Essential tools for every web designer Every web designer requires the right tools to do their job. To create well crafted original designs you certainly need to be inspired to do so. Getting to that point is sometimes the hardest challenge in the field of web design. Luckily enough for us and our fellow design community there are tools available to assist in completing the job quicker and more efficiently. Below, I have outlined a list of tools I recommend for any web designer. Color Adobe Kuler (free) A great tool offered by Adobe which allows members to upload, create, and edit color schemes of their choice. Pictaculous (free) From the creators of Mailchimp comes a color palette generator different to any other. Colorzilla (free) ColorZilla for Google Chrome is an extension that assists web developers and graphic designers with color related tasks – both basic and advanced.ColorZilla includes a Color Picker, Eye Dropper, Gradient Generator and many additional advanced color tools. Dribbble.com (free) Hues ($2.99) Typography
If Hemingway wrote JavaScript The following article was written by my good friend and colleague, [Angus Croll](//twitter.com/angustweets). Angus works on the web core team at twitter, talks at conferences around the world, and runs an amazing [blog](//javascriptweblog.wordpress.com) on javascript. Beyond this, he’s also a huge book nerd, so I thought it would be fun to get him to write about code from that perspective. Check it out! And let us know what you think on [twitter](//twitter.com/angustweets)! The New Book “If Hemingway wrote JavaScript” is out in September 2014. I loved literature long before I ever wrote a line of code. What is it about JavaScript that attracts so many literature devotees? The Mother of all Code Reviews Recently I had a dream in which I asked Hemingway and four other literary luminaries to write some JavaScript for me; specifically a function that returned a fibonacci series of a given length. Ernest Hemingway No surprises here. William Shakespeare Andre Breton Roberto Bolano Charles Dickens
letter-spacing The letter-spacing property controls the amount of space between each letter in a given element or block of text. Values supported by letter-spacing include font-relative values (em, rem), parent-relative values (percentage), absolute values (px) and the normal property, which resets to the font's default. Using font-relative values is recommended, so that the letter-spacing increases or decreases appropriately when the font-size is changed, either by design or by user behavior. The most important point to note when using letter-spacing is that the value specified does not change the default, it is added to the default spacing the browser applies (based on the font metrics). letter-spacing also supports negative values, which will tighten the appearance of text, rather than loosening it. Points of Interest Subpixel values: in most browsers, specifying a value that computes to less than 1px will result in no letter-spacing being applied. Other Resources Browser Support
DevTools Extensions For Web App Developers The past year has seen many leaps made to improve developer productivity through better tooling. We're paying increasing attention to our workflow and many of us have spent time optimising our usage of tools like Grunt, Bower, Yeoman and the terminal. Another important area worth spending time on is your debugging workflow – if you're like me, this starts with the Chrome DevTools. When building an application with a specific framework or language abstraction, there's actually some additional tooling available to you in the form of recent DevTools extensions. In this post, I'll share a quick summary of the latest developments in this area, ranging from the recent Ember extension Yehuda Katz presented at EmberCamp through to less well known extensions for Backbone and KnockoutJS developers. Note: Canary DevTools disables icons in the toolbar by default, but I've re-enabled them via the Settings cog to aid with visualisation. Ember Inspector Backbone DevTools Angular Batarang Thorax Inspector
css - Why does enabling hardware-acceleration in CSS3 slow down performance Web Design Toolbox: 130+ New Tools to Make You a Better and Faster Designer Last year we did a post on 50+ tools for Web design. A lot has changed in the past year, and there are tons of new tools available to designers. Whether you're just starting out and need a drag-and-drop builder or you've been coding for years and need tools to help you be more efficient, there's something on this list for you. Here are over 130 tools to make you a better and faster designer. Feel free to add more in the comments. Beginner Resources YAML Builder - Easy to use YAML (Yet Another Multicolumn Layout) XHTML/CSS site layout builder. Sky CSS Tool - JavaScript CSS authoring app. The Box Office - CSS formatting tool for wrapping text around images. CSSTXT - Online CSS text style generator. izzyMenu.com - Free CSS menu builder. pForm - HTML form builder. Roxer - Drag and drop website creator. Wirenode - Create your own mobile websites. dotemplate - Template site that allows you to customize templates before downloading them. templatr - Online tool for creating website templates. SeeYouThen!