Posts

Showing posts with the label tool

New blog domain: kula.blog

It's still work in progress but new posts will be published on  https://kula.blog/ Thanks to 11ty base blog RSS is working from the start so it should be easy to add to your reader if you still use any :) If now then I hope you can sign up to the newsletter where I'll be publishing new posts and interesting articles to it from time to time. Please use  kula.blog  from now on.

Mac Window Manager

Image
Recently I started working on Mac at work and I missed good window manager. Hopefully I found one:  http://spectacleapp.com/ It's customizable and have good defaults from start. Code is on github:  https://github.com/eczarny/spectacle Image at the top if from spectacle website, hopefully it's ok that I used it :)

Emmet - Meet better ZenCoding

Image
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...

Code Player - walkthrough tutorials

Image
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...

CSS Arrow Please!

Image
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.

Best Tools for JavaScript Development

http://www.misfitgeek.com/2011/09/best-tools-for-professional-javascript-development/ List groups: Testing BDD Mocking Editors (there should be VIM, IDE's are slow! But I will try them.) Code Protection (this point should be compressors, this "protection" can be confusing, you really not protecting anything.)