Sublime Text 2

Hi. These are the most common keyboard shortcuts that i use in Sublime Text 2 (WIN):

Ctrl + Shift + P – Commands list

Ctrl+P – Go to anything. I just hit Ctrl+P and type parts of files I want to open – huge time saver.

Ctrl + Space – Auto completion.

Alt + 1, 2, 3, 4, … – Switch between open files’ tabs. Not to waste your time grabbing a mouse, and clicking on a tab.

Ctrl + PgUp/PgDn – Cicles throught the open files

Ctrl + click somewhere in your code – multiplies your caret, so you can simultaneously enter, delete, overwrite your code. Hitting Esc will exit this function.

Alt + Shift + W – Wrap selection with a tag. Select text, hit shortcut, enter tag’s name, done.

Ctrl + Shift + T – Open last closed file

Alt + Shift + 1,2,3,4,5… – Splits the screen into multiple views for multiple files

Ctrl K ,  Ctrl B – Opens/Closes the file explorer

Ctrl + G – Goto line

Ctrl + H – Replace

Ctrl + F – Find

Shift + Ctrl + D – Duplicates the current line, or the selection, if something is selected.

Ctrl + D – If no thing is selected, (can be previous selected)  the current word closest to the caret is selected. Keep hitting this shortcut will select near by strings that are a match, and can be used for multiple editing.

Hope helps someone ~:o)

Alexander Calder

Today Google decided to make a tribute to Alexander Calder (an American artist best known for inventing the mobile), by creating a interactive doodle entirely using HTML5 canvas, so you need to use a modern browser to interact with it. It runs a physics simulation on the mobile’s geometry, and then does realtime 3D rendering with vector graphics. Only recently have browsers advanced to the point where this is possible.

Pretty cool

PhpStorm

Hi, good news to the world, PhpStorm & WebStorm 2.1.2 RC (build 107.403) is now available for download.

Click here to go to download page.

Hi. I’ve been for a while trying to learn Flex. I think is a wonderfull platform.

There are alot of tutorials/videos/books out there that i’ve been reading, but some of them are old and the code referes to previous versions. A way to make me learn and to test myself with Actionscript/MXML, i’ve been choosing tutorials that use previous versions of Flex and try to convert to Flex 4.5.

I’ve started with this tutorial from Switch on the Code : http://www.switchonthecode.com/tutorials/basic-flex-list-row-item-styling

I’ll be posting here all the code that i’ve converted.

Code for the main Application file:

<!--?xml version="1.0" encoding="utf-8"?-->

		@namespace s "library://ns.adobe.com/flex/spark";
		@namespace mx "library://ns.adobe.com/flex/mx";

		s|List
		{
			font-size: 22;
		}

		<![CDATA[ 			import mx.collections.ArrayCollection; 			 			[Bindable] 			private var movies:ArrayCollection; 			 			private function init():void 			{ 				movies = new ArrayCollection(); 				movies.addItem({name:"Pan's Labyrinth", style:"BlackMovie"}); 				movies.addItem({name:"Stargate", style:"BlackMovie"}); 				movies.addItem({name:"Ghostbusters", style:"RedMovie"}); 				movies.addItem({name:"Fargo", style:"GreenMovie"}); 				movies.addItem({name:"Predator", style:"BlackMovie"}); 			} 		]]>

The code for the file StyleClassRenderer.mxml:

<!--?xml version="1.0" encoding="utf-8"?-->

		@namespace s "library://ns.adobe.com/flex/spark";
		@namespace mx "library://ns.adobe.com/flex/mx";

		.BackMovie
		{
			color: #000000;
		}

		.RedMovie
		{
			color: #8e2800;
		}

		.GreenMovie
		{
			color: #5caa2f;
		}

NOTE: All the credits go to the original creators of each tutorial. I’m just trying to make updates.

Where can i learn Node.js?

Well that easy, here are some links:

Introduction to Node.js with Ryan Dahl

SenchaCon 2010: Server-side JavaScript with Node, Connect & Express

Learning Server-Side JavaScript with Node.js

Node.js: Asynchronous Purity Leads to Faster Development

Parallel Programming with Node.js

Node.js guide

Up and Running with Node.js

Ryan Dahl’s Node blog

Nodejitsu blog

Metaduck.com

NodeTuts

PhpStorm

YEAH!

Acording to the jetbrains blog, PhpStorm 2.1 is now available with new features available:

• Phing support added
• Initial Twig support
• New Diff tools for comparing directories, images and DB’s
• ‘Extract Function/Method’ refactoring for PHP
• “Change Signature” refactoring for JavaScript
• JavaScript debugger in Google Chrome
• htaccess support
• New code inspections: “Inconsistent return points”, “Silly assignment” and more
• PHPDoc @var annotations now support Netbeans/Zend style
• Auto-completion improved for classes from other namespaces and Shiftless Completion enabled
• HTML tag tree highlighting
• Reworked UI for Search/Replace
• Misc. improvements for all supported VCS and noticeable improvements in performance

The WebGL Globe is an open platform for geographic data visualization. We encourage you to copy the code, add your own data, and create your own.

http://www.chromeexperiments.com/globe

Hands-on Node.js ebook

“Chyrp is a blogging engine designed to be very lightweight while retaining functionality. It is powered by PHP and has very powerful theme and extension engines, so you can personalize it however you want. The code is well-documented, and it has a very strong structure that’s loosely based on the MVC design pattern.”

PhpStorm

I’ve always been a critic of code IDE, because I think they are light years back of what web developers really need. I’ve tried and tested almost every single IDE in existence, and I hate them all… they just look like clones of each other.

A few years ago I even start developing my own IDE in C#. But… lack of time… i STOPPED.

but…

One month ago, i found out about PHPStorm 2.0 from jetBrains. Like so many times, i look at it in desperation, but soon to find that I was looking at something completely different. I’ve used the trial version, and tried everything that I could in my work, and I have to tell you that on every keystroke it amazes me, it’s AMAZING… not perfect… BUT AMAZING.

“PhpStorm is a lightweight and smart PHP IDE focused on developer productivity that deeply understands your code, provides smart code completion, quick navigation and on-the-fly error checking. It is always ready to help you shape your code, run unit-tests or provide visual debugging.”, in http://www.jetbrains.com/phpstorm/.

I don’t like to advertise on non-free software, but I have to make an exception on this one. JUST TRY THE TRIAL VERSION and see the difference.

I’ll be writing some more about PHPStorm soon. THANKS

Firefox 4 is OUT!!! Go, download and enjoy

Sencha labs just released a new open source framework for WebGL development called PhiloGL. Read it about here.

JsFiddle is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc. Using this approach, JavaScript developers can very easily isolate bugs. We aim to support all actively developed frameworks – it helps with testing compatibility.

Firefox

For a couple of days i’ve been having some problems with fonts in firefox.

The font’s always show in bold.

After searching for a while, i found out that is a problem with the windows fonts.

And i needed to reinstall microsoft core fonts… from here. Nice

Um bom 2011 pra todos, com tudo de bom \m/

A Good 2011 for everybody, with all the good stuff \m/

Testing from BlogDesk

Pidgin

I usually use Windows Live Messenger (on Windows), but since this last update things are not so great, I’m really starting to hate WLM.

Since I also use Fedora with Pidgin, I’ve downloaded the Pidgin version for windows, and I has really happy with it. But then the problems with omega.contacts.msn.com started.

Finally I follow some websites, but they we’re a kind of confusing, but i finally deal with the error.

First you need to download these files: PEM1 and PEM2, and renaming them to “Microsoft_Secure_Server_Authority_2010.pem” and “Microsoft_Internet_Authority_2010.pem”, and put them in “c:\Program Files\Pidgin\ca-certs\”. These are the certificates from Microsoft.

Then you need to download one more file, the omega.contacts.msn.com from here, rename it to omega.contacts.msn.com and put it into this folder: “C:\Users\<USERNAME>\AppData\Roaming\.purple\certificates\x509\tls_peers”.

Then start Pidgin, and everything will be ok , i think LOL. Try it.

http://www.pvmgarage.com/2010/11/top-ten-photoshop-website-design-tutorials/

Testing 1 2 3, sound check, 1 2 3