Upgraded to windows 8?

if you did, you need to learn this basic shortcuts to make the transition easier:

Winkey: toggles between Start Menu and last app
Winkey + D: opens Desktop
Winkey + C: opens “Charms” bar
Winkey + E: opens file explorer
Winkey + F: searches for files
Winkey + I: opens the Settings charm (to shut down your computer, for example)
Winkey + Z: opens “app bar” (the menu user interface that is normally hidden when interacting with a Windows 8 app)
Winkey + X: opens the “power user” menu (which includes programs and features, power options, event viewer, system, device manager, disk management, computer management, command prompt, task manager, control panel, file explorer, search, run)

List of all the HTML/Javascript/CSS online app

  • http://jsfiddle.net/
  • http://jsbin.com/
  • http://jsdo.it/
  • http://plunker.no.de/
  • http://dabblet.com/
  • https://thimble.webmaker.org
  • http://fiddlesalad.com/
  • http://www.webdevout.net/
  • http://codepen.io/

I think that is it.

GIT learning resources

Still using SVN? It’s time to switch to GIT. Here is a round up of resources:

Roundups
– Git Roundup by @kevinSuttle http://answers.oreilly.com/topic/801-how-to-learn-git-a-link-roundup/

Walkthroughs
– Git, the Simple Guide http://rogerdudler.github.com/git-guide/
– Gitimmersion http://gitimmersion.com/
– Github’s help documents http://help.github.com/
– Let’s suck at Github together by +Chris Coyier http://css-tricks.com/video-screencasts/101-lets-suck-at-github-together/
– Git for Designers http://hoth.entp.com/output/git_for_designers.html
– Think Like a Git http://think-like-a-git.net/ via +Ryan Anklam

eBooks
– Pro Git http://progit.org/book/
– Git from the Ground Up http://ftp.newartisans.com/pub/git.from.bottom.up.pdf
– Getting Good with Git http://rockablepress.com/books/getting-good-with-git via +Paul de Wouters

References
– Gitref http://gitref.org/
– Github’s help documents http://help.github.com/

Articles
– A Successful Git Branching Model http://nvie.com/posts/a-successful-git-branching-model/

Clients
– Git Tower http://www.git-tower.com/
– Git Box http://www.gitboxapp.com/

Training
– Online Github Training https://github.com/training/free

Originally posted here: https://plus.google.com/103751101313992876152/posts/XRT3CsuwBTo

Auto refresh browser during web development

The more I am doing web development, one thing I do more then anything else is to update my html/css/javascript code, save, switch to a browser and refresh.

This become tiring so I started looking for the best app that watches a folder for changes and updates the browser automatically.

The Best solution out there currently is CodeKit, which not only solves my basic issue but also does a lot more. It’s main purpose is to support preprocessing. Very handy when you start using more advanced features like sass, less or jade.

The only draw back to code kit is that it requires Mac Lion OS. This is a problem since my work computer has snow leopard. If you are in this situation then there is a second recommendation

Live reload does pretty much everything Code Kit does but runs on snow leopard. From reading both features, CodeKit has better performance since it utilizes the new features only found in Lion.

CodeKit will run you $20 while Live reload cost $10.

TextMate: Proficiency tips for HTML/CSS development

The best code editor for the mac is textmate. It’s old, and outdated, but still the best due to its customizable bundles.

If you are doing html/css work, the one bundle you need is here: http://minimaldesign.net/downloads/tools

After you download and install it, here are the most common used commands.

  • Command option period (this will finish your tag)
  • Option drag (make block selections)
  • Command / (this will make block comments)
  • Command T (global search in a project)
  • Control shift < (creates start and end tags)
  • Control shift W (wrap a selection in a new tag)
  • Control shift D (duplicate a line)

SVN: Set system wide ignore for os X

If you worked with svn client on macs, especially with FlashBuilder projects, you will notice all hidden project files shows up, and you have to remember not to commit them to the svn repository.

There is a simple way to set a system wide ignore setting to make your svn client always ignore certain files.

First, make sure you have “show hidden files” enabled, then go to your home folder to .subversion folder.
From there, open the “config” file. Open up that baby and scroll down to the line with # global-ignores =
You can add any file extension there for your svn client to ignore globally.

I added the following for flashbuilder specific files that I normally would not commit to svn:
.DS_Store .settings .flexLibProperties bin- debug .actionScriptProperties .project .flexProperties

It should look something like this:

HTC Incredible screen shot

Here is the screen shot of my HTC Incredible with the Sense UI 2.0, which allows 7 panels for the home screen.

HTC Incredible Screen Shot

The 3 panels on the left of the center home screen has all the most used widgets. Starting with the far left with the google calendar. Second to the left has the “dogg catcher” podcast widget, Tip calculator and “Key ring” widget. Third from the left has my quick profile widget and favorites.

Center screen has the default time and weather. Below that is the power strip widget for quick access to battery saving features. below are the apps that is sequential to the bottom four apps on the iPhone. Except the Phone icon on the left is replaced with “voice dialer” since the sense UI already had “Phone” on the bottom middle.

First screen to the right has all the apps that match the default home screen on the iPhone.

  • Messages
  • Calendar
  • Photos
  • Youtube
  • Stocks
  • Maps
  • Weather
  • Camera
  • Clock
  • Calculator
  • Notes
  • Settings
  • iTunes
  • AppStore
  • Contacts
  • Voice Memos

Notice, android does not have a pre installed “Notes” and “iTunes” app. So it was substituted with an equivalent app that I downloaded.

Second to the right, I added all the additional apps that was pre installed.

The last screen on the right has all the apps I downloaded and organized into its corresponding category.

Home server with old G4

Using an old G4 is a great way to create a file server. If you have one around it is a cheaper solution then getting a dedicated NAS drive. The old G4 have gigabit etherbit capability so it will be much cheaper then getting a NAS drive with gigabit connection.

It can also stretch the functionality to a Web server, FTP server, UPnP media server and a Webdav server. Not bad for an old obsolete computer.

The one I will be using with be my old 10 year old Mac G4 dual 450 mhz, 896mb ram, 136 gb main hard drive, and 2 western digital 1TB sata drive for files.

img_3045-medium

The only upgrade required was to install a SATA pci card to support two additional hard drives. Current system is limited to recognize 136 gb.

img_3044-medium

I used a Sonnets TEMPO serial ATA 2 port pci controller card as pictured above for $60 from amazon. There is an issue with the driver that comes with os 10.4  for this card which makes the system freeze. You will have to reflash the driver, but don’t use the one from sonnet. This is acutally a repackaged FirmTek , and their driver fixes the issue. Download their driver and it should get this card working for you.

As i mentioned above, you will want to go with os 10.4. You can get away with 10.3, but there are lots of apps that wont support it. My current setup is to enable the sharing below, and also several apps that i can go into detail in the next post.

sharing2