Este ppa se lo debemos a la gente de webupd8 que se ha tomado el tiempo de crearlo y compartirlo con todos nosotros. Así que de mi parte, muchas gracias a ellos.

Son dos las principales ventajas de tener Sublime Text 2 instalado mediante un ppa: - Se actualiza automáticamente con las nuevas versiones - Nos permite tener el editor integrado al escritorio, que con la versión de descarga oficial no ocurre. - Podemos elegir que versión utilizar: dev o beta

Instalación

Recomiendo instalar la versión beta porque es más estable que la dev, pero esto queda a elección de cada uno.

sudo add-apt-repository ppa:webupd8team/sublime-text-2
sudo apt-get update

Ahora podemos elegir que versión instalar.

sudo apt-get install sublime-text-2-beta //instala la beta

sudo apt-get install sublime-text-2-dev //instala la dev

Hay que tener en cuenta que no se pueden instalar las dos versiones al mismo tiempo, instalar una desinstala la otra en caso de que esté instalada.

Fuente: http://www.webupd8.org/2012/03/sublime-text-2-ppa-separate-development.html

Sitio oficial: html5Boilerplate

Instalación en Linux

La instalación de git en ubuntu es muy sencilla, solamente es necesario correr el siguiente comando en la consola:

sudo apt-get install git

También se puede instalar clonando el código desde github, pero eso no lo veremos en este caso, con esta instalación es suficiente por ahora.

Instalación en Windows

Para instalar git en windows es necesario bajar el instalador alojado en google code. Aquí el enlace:

https://code.google.com/p/msysgit/

Configurando para el usuario de la máquina

En este paso vamos a configurar git para que establezca nuestro usuario predeterminado. Esto nos sirve para trackear cada commit en base a el usuario que le digamos. También se puede establecer esta configuración por cada proyecto.

$ git config --global user.name "Federico Silva"
$ git config --global user.email "federico@fedesilva.com"

Empezando a usar git

Una vez que hemos instalado y configurado git, ya podemos empezar a crear el primer repositorio en nuestro disco.

Para esto vamos a crear un directorio en nuestra carpeta home y luego le diremos a git que inicie un repositorio en esta carpeta. Así lo hacemos:

$ cd //nos lleva a la carpeta raiz en caso de que no estemos alli
$ mkdir gitTest
$ cd gitTest
$ git init

Esto generará un mensaje en la consola que dirá algo similar a Initialized empty Git repository in /home/user/gitTest

Ya tenemos creado el repositorio, ahora veamos qué podemos hacer con él

El primer commit

Vamos a crear nuestro primer commit. Un commit es una instancia que guardamos dentro de Git, esta instancia contendrá todos los cambios realizados dentro de nuestro código en el momento de su publicación. También contendrá las diferencias con respecto a instancias anteriores para que podamos ver claramente más adelante cuales han sido los cambios realizados. Es la parte escencial del funcionamiento de Git, la que nos da la posibilidad de mantener diferentes versiones de nuestro código sin perder información.

Por supuesto todavía no tenemos cambios en nuestro código puesto que ni siquiera tenemos archivos en el directorio. Así que vamos a crear algunos archivos para que Git los vigile:

$ touch test.html
$ touch test.css

Aquí creamos dos archivos en nuestra carpeta, vacíos por ahora. Ahora tenemos que agregarlos a Git para que los reconozca. Si probamos el comando git status, nos dirá que tenemos dos archivos nuevos que necesitan ser agregados:

$ git status

Ahora vamos a agregarlos, tenemos dos formas de hacerlo, uno por uno o todos los archivos en el directorio:

Primera forma:

$ git add test.html
$ git add test.css

Segunda forma:

$ git add .

Cual de las dos utilizaremos depende de cada uno y de las necesidades del momento. Con la segunda forma Git agrega todos los archivos contenidos en la carpeta al repositorio, lo cual es muy útil, pero también puede generar problemas si tenemos archivos que no queremos agregar. Más adelante veremos como resolver esto creando un archivo que filtre los contenidos del directorio, el archivo llamado .gitignore.

A esta altura tenemos dos archivos agregados, es hora de establecer el primer commit:

$ git commit

Este comando nos abrirá el editor de texto relacionado con nuestro shell, en mi caso es vim, pero puede ser algún otro. El motivo de que nos habra el editor es que git nos está pidiendo un nombre para el commit, a la vez que nos muestra los cambios que estamos haciendo. Podemos sin embargo evitar este paso simplemente agregando al comando el nombre que deseamos que tenga el commit. Para esto utilizamos el parámetro -m:

$ git commit -m "Primer Commit"

Listo, nuestros cambios están guardados en git. Hemos creado un primer commit que contiene dos archivos vacíos por ahora, pero esta instancia ha quedado guardada en el repositorio. Podemos ver el estado del repositrio nuevamente utilizando git status:

$ git status

Si todo salió bien veremos un mensaje similar a este: nothing to commit (working directory clean)

Felicitaciones, has creado tu primer repositorio en git y guardado los primeros cambios en él. En los próximos capítulos veremos funciones más avanzadas sobre cómo utilizar git para mantener versiones de nuestros sitios enteros, incluso para enviar los cambios mediante ftp al servidor y mantener la versión más actualizada en línea.

Puedes descargar todos los temas a continuación desde el siguiente enlace:

Link a los Temas

Putty

Este es el que uso actualmente, muy bonita combinación de colores y muy amigable a la vista.

Monokai

Uno de los clásicos temas con fondo oscuro. Recomendable.

Tubster

Freckle

Uno de los que utilizan fondo claro. Es una muy buena opción si no quieres usar fondos oscuros en el código.

Clouds Midnight

Muy bueno para PHP y CSS. También tiene una versión con fondo claro.

Una cantidad mucho más grande en el enlace a continuación. Estos son solamente algunos de los que más me han gustado personalmente.

Link a los Temas

¿Que es Git?

Git es un herramienta de control de versiones que nos permite archivar, local o remotamente, todos los cambios realizados en el código de cualquier aplicación que estemos desarrollando. Es como tomar una foto de cada etapa del desarrollo de una aplicación. Parece complejo, pero no lo es, echemos un vistazo.

¿Para que puedo utilizar Git?

Para cualquier actividad que implique la modificación de código fuente, puede ser desde la más compleja aplicación en ruby o php, hasta la más simple página en html.

¿Por qué utilizar Git?

• Libertad de hacer cambios sin perder el código original.
• Puedes tener diferentes versiones de tu aplicación utilizando branches.
• Libertad para compartir el código
• Excelente para trabajar en colaboración con otros programadores
• Facilidad y velocidad para lanzar tu aplicación en el servidor (mucho mejor que un ftp tradicional)

Un poco de historia

Git es una creación de Linus Torvalds. ¿Suena familiar el nombre? Si, Linus es el creador del núcleo utilizado por los sistemas operativos gnu-linux como Ubuntu, Fedora, OpenSuse, etc.

Fue creado justamente para facilitar el desarrollo de el código fuente de el kernel linux.

Puedes visitar la entrada en wikipedia por más información.

Comandos básicos

Para utilizar git es necesario saber usar la consola, ya sea en linux, mac o windows. Estos son algunos de los comandos principales de Git.

• git init
  • Este comando es el que se encarga de crear el repositorio inicial. Es el primer comando que debe correrse en el directorio principal que utilizaremos para nuestra aplicación.
• git status
  • Nos da el estado actual de los archivos que están en el directorio.
• git add
  • Agrega los archivos especificados al repositorio.
• git commit
  • Se utiliza luego de agregar un archivo al repositorio o luego de haber hecho cambios sobre los archivos que ya están añadidos.
• git push
  • Si estamos usando un repositorio remoto (ej. Github) este comando se encarga de subir los cambios realizados y aceptados a la nube.

Resumen

No hemos visto demasiado todavía en esta introducción, pero espero que sirva para empezar a familiarizarse con el software y entender un poco como funciona. En los artículos siguientes estaremos haciendo ejercicios prácticos para empezar a utilizar git.

Página oficial de Git: http://git-scm.com/

Tutorial de Git – Parte 2: Instalando y empezando a usar

Zen Coding

Si todavía no conoces zen coding esta es una buena oportunidad para probarlo.

jQuery

Una colección de snippets y autocompletes para ayudarnos con las funciones de jQuery.

SublimeLinter

Este plugin nos ayuda a detectar errores en el código en tiempo real.

Un video demostrativo (en inglés)

Sublime CodeIntel

CodeIntel es una adaptación del plugin code intelligence de Komodo Edit. Si han usado este editor alguna vez conocerán lo que es capaz de hacer. Usando los calltips de Komodo Edit para las funciones de WordPress

Stackoverflow Search

Es imposible de contar la cantidad de veces que stackoverflow me ha solucionado algún problema que estaba teniendo con mi código. Esta es una interesante integración dentro del propio editor para cuando necesitamos solucionar algún problema.

Git

Integración de git en el entorno de SUblime Text 2. Con este plugin tiene acceso a todos los comandos de git desde el editor mismo. Por ejemplo, puedes ejecutar un “git status” o “git commit” en el archivo en el que estás actualmente.

Muy útil para los que usamos git para controlar las versiones de nuestro código.

Estos son algunos de los plugins que me han gustado y que uso periodicamente. Si quieres investigar que otros puede haber, un buen lugar para empezar es github

Actualización – Instala los plugins que quieras mediante package control

Package control es un plugin de Sublime Text que te permite instalar y mantener actualizados todos los plugins desde el mismo editor.

En la página oficial pueden encontrar todos los detalles de su instalación.

Sitio oficial de Package Control

Debo agradecer a @hiroagustin por este dato muy relevante con respecto a este post.

Sin embargo, muchas veces nos encontramos editando texto en otros ámbitos: escribiendo mails, comentando en foros, escribiendo artículos en WordPress, etc. En este caso nos vamos a concentrar en cómo publicar y manejar un blog de WordPress desde el mismo editor. Sin ir más lejos, este mismo post lo estoy escribiendo desde vim, y será publicado sin siquiera salir del editor.

¿Como Funciona?

Empecemos viendo el plugin que nos posibilita manejar WordPress desde VIM. Su nombre es VimRepress, y puede ser descargado desde el siguiente link:

VimRepress

Si tienes conocimientos de inglés puedes leer las instrucciones desde allí mismo, de lo contrario pasaremos a explicar en simples pasos como instalar y manejar el plugin.

Instalando

El primer paso es descargar el plugin y copiar sus contenidos en las carpetas de vim correspondientes. Utilizando la consola:

cd .vim
unzip /path/to/vimpress_2.x.x.zip

Luego debemos configurar el plugin para que reconozca nuestro sitio y nos conecte con él. Abrimos .vimrc y copiamos lo siguiente (cambiando los datos según sea conveniente):

let VIMPRESS = [{'username':'usuario',
                'password':'password',
                'blog_url':'http://dirección-de-tu-blog.com/'
                }]

Usando el plugin

Una vez instalado y configurado, el plugin nos proporciona algunos comandos para interactuar con nuestro blog de WordPress. Estos son los comandos más importantes:

:BlogList – List 30 recent posts. :BlogList page – List 30 recent pages. :BlogList post 100 – List 100 recent posts.

:BlogNew post – Write an new post. :BlogNew page – Write an new page.

:BlogSave – Save (defautely published.) :BlogSave draft – Save as draft.

:BlogPreview local – Preview page/post locally in your browser. :BlogPreview publish – Same as `:BlogSave publish’ with brower opened.

:BlogOpen 679 :BlogOpen http://your-first-blog.com/archives/679 :BlogOpen http://your-second-blog.com/?p=679 :BlogOpen http://your-third-blog.com/with-your-custom-permalink

Últimas consideraciones

El plugin utiliza markdown para generar el contenido de los post. Esto resulta muy útil ya que nos permite insertar text en formato html de forma mucho más rápida que desde el editor visual de WordPress. Por más referencias sobre como utilizar este lenguaje, pueden visitar la documentación

Vim es el mejor editor de text que existe en la actualidad al menos en mi opinón. Contar con herramientas como esta para publicar contenido en WordPress es realmente una facilidad que nos permitirá ahorrar muchísimo tiempo y mejorar considerablemente nuestra productividad.

En este post quiero compartir con ustedes un video en el Paul Irish no explica las nuevas herramientas de Chrome Developer Tools, y la mejor forma de utilizarlas. Espero que lo disfruten.

Esta misma pregunta me surgió hace unos días y he encontrado la solución, al menos por ahora, utilizando estas herramientas que presento a continuación.

Css 2 Sass

Esta herramienta online nos permite copiar nuestro antiguao código css y automáticamente convertirlo al formato de SASS. Es una herramienta muy útil para empezar a acostumbrarnos a escribir en el formato scss. Aquí les dejo el link a la página: CSS 2 SASS.

Compass app

Ahora, para facilitar el compilado de los archivos sass a el formato css que será el que finalmente deberemos subir a nuestro servidor, existe otra herramienta muy poderosa llamada compass app. Es una aplicación disponible para Linux, Windows y Mac que cuesta solamente $7 dólares y nos facilita el trabajo a la hora de crear proyectos para trabajar con estas nuevas herramientas. Como el nombre lo dice, esta aplicación no solamente maneja el formato sass sino que también está basada en compass, por lo tanto también introduce todas las nuevas funciones que este framework tiene para ofrecer. Compass App