Descriptor

Today Andrzej Maciurzyński  @ajumac  send me link to really nice tool to check good practices of websites from your backend. Testing within browser is great but you can't easily share result within a team or make it part of build or continuous integration process. With  http://sitespeed.io/  using Phantom.js you can generate performance results of your page and publish it next to your site. This can be really useful to see if your last commit make something slower.

I stumbled upon interesting article on Webdesigner Depot on new and interesting sites and tools by Cameron Chapman: What’s new for designers, January 2013 For me the most interesting ones are: http://apiary.io/  - for easy documentation about REST API's http://www.vagrantup.com/  - for managing virtual environments  http://prose.io/about.html  - easy editing of Github Jekyll sites.  http://extensionizr.com/  - fast start with Chrome extensions. I encourage you to visit original post because it is much longer :)

Recently new version of ZenCoding named Emmet came out of beta: http://docs.emmet.io/ Emmet came out with support for many popular IDE's and editors. For me in SublimeText2 is only a matter of installing a Emmet package with PackageControl. If you know ZenCoding most of your workflow will be the same eg: ul#nav>li.item$*4>a{Item $} with Tab will create:         <ul id="nav">             <li class="item1"><a href="">Item 1</a></li>             <li class="item2"><a href="">Item 2</a></li>             <li class="item3"><a href="">Item 3</a></li>             <li class="item4"><a href="">Item 4</a></li>         </ul> New thing are abbreviations for CSS and Actions, fortunate...

Many of us know projects such as jsfiddle where you can share your code, but those are for static code, of course you can fork that, but there is no easy way to see how it was done. With  http://thecodeplayer.com/  you can easily see how code is done by looking at how someone created it from scratch. I don't know if it will be popular but if add to it voice (now users write comments in code to describe what they are doing) it would be much better than screencasts with code on video. Couple months ago I've tried to write exercises from WebGL tutorial and it was really easy to get lost. Video is not aware of code, you can't easily get code that is shown at current time in video and play with it. Of course most of the time it's all about writing it by myself but after 20minutes of searching for bug in code (WebGL dev tools are rather weak at this) you want to just move on and copy working code, generate diff and see what is wrong, and maybe this is not about code bu...

Recently I started using  Readlists  that is new service from Readability that makes easy to create books just from url. I've been using Instapaper, but as I like it, it only sends new articles to kindle and managing folders and sending them to kindle is time consuming. Readlists works as it should and if you have kindle it will send new book for you. I love it! Look at my creations: one is JavaScript GTK Tutorial:  http://readlists.com/cd49b0d2 , second UXMyths:  http://readlists.com/bdf57d0e/  (sources in description).

Interested in writing Low-level JavaScript with malloc, pointeres and all C-like features? Look at:  http://mbebenita.github.com/Mvm/  - Page is an experiment and living example of how it could look like. Mentioned on *JS page Heap.coffe with similar approach:   http://syg.github.com/heap.coffee/

Interactively learn CSS Selectors (with CSS3 selectors). http://twostepmedia.co.uk/cssselectors/

http://cssarrowplease.com/  is a simple, but useful tool for generating arrow in CSS. Easy to change properties of arrow and just copy generated CSS.

I've found new Chrome extension for lines that helps to visually align elements on website. https://chrome.google.com/webstore/detail/jmfleijdbicilompnnombcbkcgidbefb

Repl.it is application that can be used as repl for many languages, especially when you don't have one for that language installed in OS. Left panel can be used to run multiline code - this is big advantage over standard repl, in that situation usually you need to create file for it or write it in repl that can be tricky.

Kickstrap is a project that aim to be more powerful version of Twitter Bootsrap. Something like Bootstrap++ :) From start it has themes, many JS libraries, h5bp build script... http://ajkochanowicz.github.com/Kickstrap/index.html Kickstrap is not yet stable so beware until 1.0!

Today morning I read post about conference 4Developers at:  http://blog.kamilbrenk.pl/konferencja-4developers/ What makes me curious are PHP package managers.  I use npm in Node.JS and I'm happy that in PHP exists alternatives. http://packagist.org/   http://pear2.php.net/   Packagist is much more like npm and has much more packages. 

http://www.caniuse.com/ Nice compatibility tables with browsers that supports that feature. Eg.  http://www.caniuse.com/#feat=svg-html5  - SVG support.

Today Subversion 1.7 has been published! There are new features that are really interesting. Especially new Working copy format. If You know git You will be happy with only one .svn folder that new Subversion uses! There are some speed improvements, partly thanks to HTTPv2 protocol. For git fans there is even --git switch for svn diff command :) svn diff --git New Subversion should be also better with merges. For full description see release notes: http://subversion.apache.org/docs/release-notes/1.7.html New version can be downloaded from Apache Subversion site:  http://subversion.apache.org/download/#recommended-release

PlayMyCode is new site that support creating and publishing HTML5 Games. There is online Editor and of course games that You can play :) http://www.playmycode.com/ Editor:  http://www.playmycode.com/build/sandbox

From some time I use Komodo Edit, mostly because it is fast. I doesn't like default Komodo Color schemes. They all seem to be not better from no color scheme at all... I found today interesting site:  http://www.kolormodo.com/

In Web Development there is need for testing in various browsers, now there are many Firefox browsers, mostly 3.6 - 10(nightly) but installing all of them can be very time consuming. Install it one with:  http://utilu.com/UtiluMFC/

Recently I read article about Unit Tests:  http://blog.tabini.ca/2011/09/the-easiest-way-to-add-unit-test-to-your-application/ This is more about how to deal with application that already exists, and works. I totally agree with author, there is no point in sitting for three months only to add them! But adding them while working is much smarter! I agree that TDD is great, but this is good if You know what You want to build. I used to build prototype to get  idea how it can work and after that refactor it, and add features until it is good.

There is new application for Git that works on Windows and Linux (using Mono). http://code.google.com/p/gitextensions/ This application is interesting because looks stable, and have very friendly installer (msysGit is included). I saw it on Windows and this works pretty stable.

Bootstrap if toolkit from twitter that will bring to Your website good looking CSS at start point. http://twitter.github.com/bootstrap/ Bootstrap uses LessCSS  but can be used just as CSS, Less just will help you customize Bootstrap faster.