Replit ✰ Intérprete Online para Python, Ruby y +16 lenguajes

En Internet existen muchos editores para practicar y escribir código de una manera sencilla tal como lo hemos destacado en este artículo: http://www.editoresdecodigo.com/2014/06/5-mejores-editores-codigo-online.html. La gran mayoría de ellos son útiles para trabajar en el desarrollo web con HTML, CSS, PHP y JavaScript.

Sin embargo no es muy común encontrar compiladores o intérpretes para aquellos lenguajes que están siendo tendencia en los últimos años, nos referimos a lenguajes como Python, Ruby o el poco conocido lenguaje funcional 'Lua'.

Repli.t un intérprete de código abierto para Python


REPL.it es un intérprete para Python desarrollado de manera abierta y disponible en Github. Es un compilador online que emula un terminal en el cual se ejecuta todo el código escrito. Además de los lenguajes ya citados ofrece soporte para escribir en otros 16 lenguajes [variados] incluido Javascript y Coffee Script.

Algunas características

  • Desarrollado en js y python: Replit ofrece una interfaz minimalista.
  • Se puede acceder desde cualquier dispositivo.
  • Codificación directa y libre de distracción.
  • Provee de ejemplos necesarios para cada lenguaje.
  • Permite Guardar y compartir nuestro código. Este es un ejemplo hecho en Ruby: http://repl.it/7lR/1


Si piensas iniciarte en algunos de estos lenguajes sin recurrir a instalaciones e ir directo a lo práctico, Repl es el editor en línea que deberías utilizar. Como intérprete de javascript es genial, muy útil para realizar ejercicios básicos e imprimirlos rápidamente en la pantalla vía consola.
Útil para codear rápidamente con Javascript :)

¿Qué otros compiladores conoces?

He visto pocos artículos en español haciendo mención de este intérprete / compilador, así que sí conoces algún otro, puedes nombrarlo(s) en la sección de comentarios. Esperamos que sea de ayuda esta información que de por sí pinta muy bien para los que gustan "codear rápidamente".
En Internet existen muchos editores para practicar y escribir código de una manera sencilla tal como lo hemos destacado en este artículo: http://www.editoresdecodigo.com/2014/06/5-mejores-editores-codigo-online.html. La gran mayoría de ellos son útiles para trabajar en el desarrollo web con HTML, CSS, PHP y JavaScript.

Sin embargo no es muy común encontrar compiladores o intérpretes para aquellos lenguajes que están siendo tendencia en los últimos años, nos referimos a lenguajes como Python, Ruby o el poco conocido lenguaje funcional 'Lua'.

Repli.t un intérprete de código abierto para Python


REPL.it es un intérprete para Python desarrollado de manera abierta y disponible en Github. Es un compilador online que emula un terminal en el cual se ejecuta todo el código escrito. Además de los lenguajes ya citados ofrece soporte para escribir en otros 16 lenguajes [variados] incluido Javascript y Coffee Script.

Algunas características

  • Desarrollado en js y python: Replit ofrece una interfaz minimalista.
  • Se puede acceder desde cualquier dispositivo.
  • Codificación directa y libre de distracción.
  • Provee de ejemplos necesarios para cada lenguaje.
  • Permite Guardar y compartir nuestro código. Este es un ejemplo hecho en Ruby: http://repl.it/7lR/1


Si piensas iniciarte en algunos de estos lenguajes sin recurrir a instalaciones e ir directo a lo práctico, Repl es el editor en línea que deberías utilizar. Como intérprete de javascript es genial, muy útil para realizar ejercicios básicos e imprimirlos rápidamente en la pantalla vía consola.
Útil para codear rápidamente con Javascript :)

¿Qué otros compiladores conoces?

He visto pocos artículos en español haciendo mención de este intérprete / compilador, así que sí conoces algún otro, puedes nombrarlo(s) en la sección de comentarios. Esperamos que sea de ayuda esta información que de por sí pinta muy bien para los que gustan "codear rápidamente".

Brackets 1.0 por fin disponible. Conoce las novedades

Brackets 1.0 versión oficial
El popular editor de código creado por Adobe: Brackets, dejó de ser beta con el lanzamiento de la versión 1.0. Brackets fue lanzado hace 3 años y habían pasado por 44 pequeños cambios antes del gran lanzamiento a: "Brackets 1.0" la primera semana de noviembre. Al nombrar esta versión como "1.o", Adobe está diciendo al mundo que Brackets está oficialmente listo.

Brackets fue creado para los desarrolladores de aplicaciones para usuario (front-end), con un enfoque en HTML , CSS y JavaScript
brackets 1.0 incluye extract (preview)
"Extract" también está disponible para su descarga con la nueva versión, aunque Brackets también puede ser descargada sin ésta. De acuerdo con el blog de ​​Brackets, "Extract for Brackets (Preview)" acelera el proceso de extraer la información de diseño como los colores, las fuentes, etc de un PSD y pasarlo a un archivo HTML / CSS minimizado y optimizado.

"Photoshop Creative Cloud" es necesario para que "Extract" trabaje correctamente, ya que éste es, también, un servicio de Creative Cloud (CC). Esta nueva característica está diseñada para ayudar a mejorar el proceso de traslado desde el diseño hasta el desarrollo.

¿Qué de nuevo en 1.0?

La versión 1.0 de Brackets incluye soporte para temas, múltiples cursores, vista dividida, y muchas otras mejoras. Ahora es capaz de cambiar las combinaciones de teclas de acceso directo a su gusto. Además incluye "Collapsing Quick Edit" por lo que puede ocultar aquellos archivos que posiblemente no desees editar, al igual que los archivos CSS generados cuando se trabaja con un preprocesador CSS.

Esta versión incluye soporte para atajos de teclado personalizados para que puedas cambiar las combinaciones de teclas de acceso directo que utiliza Brackets, por defecto. Esta página wiki describe cómo personalizarlos e incluye ejemplos de combinaciones de teclas para que los atajos de teclado de Bracket puedan ser utilizados como en los de Sublime Text.

Después de este lanzamiento, el equipo central Adobe decidirá cambiar 'ligeramente' algunas características. Los desarrolladores de Adobe ahora darán más énfasis a las características que apoyen las tareas de codificación de diseño. Los desarrolladores se enfocarán en el objetivo para hacer de Brackets "el mejor editor de código orientado y diseñado para la codificación con CSS, HTML y JS."
Brackets 1.0 versión oficial
El popular editor de código creado por Adobe: Brackets, dejó de ser beta con el lanzamiento de la versión 1.0. Brackets fue lanzado hace 3 años y habían pasado por 44 pequeños cambios antes del gran lanzamiento a: "Brackets 1.0" la primera semana de noviembre. Al nombrar esta versión como "1.o", Adobe está diciendo al mundo que Brackets está oficialmente listo.

Brackets fue creado para los desarrolladores de aplicaciones para usuario (front-end), con un enfoque en HTML , CSS y JavaScript
brackets 1.0 incluye extract (preview)
"Extract" también está disponible para su descarga con la nueva versión, aunque Brackets también puede ser descargada sin ésta. De acuerdo con el blog de ​​Brackets, "Extract for Brackets (Preview)" acelera el proceso de extraer la información de diseño como los colores, las fuentes, etc de un PSD y pasarlo a un archivo HTML / CSS minimizado y optimizado.

"Photoshop Creative Cloud" es necesario para que "Extract" trabaje correctamente, ya que éste es, también, un servicio de Creative Cloud (CC). Esta nueva característica está diseñada para ayudar a mejorar el proceso de traslado desde el diseño hasta el desarrollo.

¿Qué de nuevo en 1.0?

La versión 1.0 de Brackets incluye soporte para temas, múltiples cursores, vista dividida, y muchas otras mejoras. Ahora es capaz de cambiar las combinaciones de teclas de acceso directo a su gusto. Además incluye "Collapsing Quick Edit" por lo que puede ocultar aquellos archivos que posiblemente no desees editar, al igual que los archivos CSS generados cuando se trabaja con un preprocesador CSS.

Esta versión incluye soporte para atajos de teclado personalizados para que puedas cambiar las combinaciones de teclas de acceso directo que utiliza Brackets, por defecto. Esta página wiki describe cómo personalizarlos e incluye ejemplos de combinaciones de teclas para que los atajos de teclado de Bracket puedan ser utilizados como en los de Sublime Text.

Después de este lanzamiento, el equipo central Adobe decidirá cambiar 'ligeramente' algunas características. Los desarrolladores de Adobe ahora darán más énfasis a las características que apoyen las tareas de codificación de diseño. Los desarrolladores se enfocarán en el objetivo para hacer de Brackets "el mejor editor de código orientado y diseñado para la codificación con CSS, HTML y JS."

Tips y Trucos para Sublime Text

Tal vez muy pocos ya conozcan esta web que se dedica a hablar sobre editores de texto, código, en fin. Hoy queremos presentar algunos trucos o atajos de teclados para Sublime text, sabemos que: "estos y muchos otros trucos" los podrás encontrar en cantidad por la web, en foros, vídeos, etc...
La intención es precisar lo necesario, de manera ordenada y ejemplificada gráficamente.
Para "algunos" Sublime text les puede parecer un editor de código muy simple, pero posee un montón de características ocultas. Después de explorarlo por un tiempo, puede que te sorprenda que este editor haga un buen número de cosas interesantes.

¿Atajos de Teclado para Sublime Text?

Vamos a adentrarnos un pelín más y dejaremos por aquí sólo algunos de los consejos, trucos, tips (llámalos como te parezca mejor) o atajos de teclado para Sublime Text que creemos que te puedan ayudar a la hora de "codear" o diseñar en tu lenguaje favorito. Empezaremos por los más básicos así que puedes saltarte ;)

Selección

Como desarrolladores web, muy a menudo tenemos que editar-modificar código. A continuación se presentan algunos atajos de teclado útiles que permiten hacer diferentes tipos de selecciones en SublimeText.
Ctrl + D
Seleccionar palabra(s)
Ctrl + L
Seleccionar línea(s)
Ctrl + A
Seleccionar todo el contenido dentro del documento
Ctrl + Shift + M
Seleccione todo dentro de las llaves ({ } cuando se trabaja con CSS o JavaScript)
Ctrl
Mantener la tecla Ctrl y hacer clic en la(s) línea(s) a seleccionar.
Estos atajos básicos de Sublime Text nos permite seleccionar varias líneas a la vez, lo que puede aumentar significativamente nuestra productividad. Bien, veamos cómo funciona la selección múltiple (de palabras) a continuación:


Ordenar CSS

Por lo general, no nos importa cómo se ordenan las propiedades CSS, ya que CSS nos dará la salida deseada en el navegador sin importar su posición. Sin embargo ponerlos en un orden particular hará nuestros códigos más organizados. En Sublime Text, puedes seleccionar las propiedades CSS y pulsar F9 para ordenarlas por orden alfabético.


Paleta de Comandos

Se puede hacer muchas cosas con la paleta de comandos tales como convertir a mayúsculas un fragmento de texto, establecer la sintaxis de archivo, la inserción de fragmentos (snippet).
Para mostrar la paleta de comandos en SublimeText, presiona Ctrl + Shift + P. He aquí algunos ejemplos.

Establecer sintaxis de archivo a HTML


Insertar fragmento de Código

Cambio entre pestañas

Ctrl + Shift
Presionar sólo una vez para volver a la pestaña anterior de trabajo.
Ctrl + Shift
Presionar varias veces para pasar por cada una de las pestañas abiertas.
Ctrl + P
Buscar un archivo y abrirlo en una pestaña nueva.

Editar partes de múltiples archivos

Esta función también será muy útil cuando estamos trabajando con varios archivos. Por ejemplo, tenemos varios bloques de código que son muy similares y se extendió a través de diferentes archivos en el proyecto. Para cambiar estos códigos de forma eficiente, se puede:
  • Presionar Ctrol+ Shift + F. Colocar las palabras, frase, o línea de código que se desea cambiar en el campo "Find".
  • Indicar los nombres de los archivos en el campo "Where" o escribir <open files> de modo que sólo afectará a los archivos que están actualmente abiertos.
  • Pon la palabra o código nuevo en el campo "Replace" y pulsa en el botón Replace.

Búsqueda rápida de selectores

Esta características es sencillamente fabulosa cuando estás editando CSS. Con Comando + R aparecerá un diálogo con una lista de selectores CSS en el documento, como se apreciará en la siguiente imagen.
Puedes buscar y seleccionar los selectores a los que quieres llegar rápidamente.

Esto es mucho mejor que hacerlo con un simple Ctrl + F (la habitual forma de búsqueda) cuando se trata de código CSS.
Recomendación básica:
Seguido del arroba, colocar "." ó "#" para identificar de inmediato los selectores que hemos creado.

Clickable URL

ClickableURL es un pequeño plugin de Sublime Text que resulta útil cuando en nuestro código hay gran variedad de direcciones url (rutas de imágenes externas, webs de referencia, etc). Básicamente hará que se pueda hacer click en las url.

¿Conocías estos truquillos o qué otros podrías añadir?

Si quieres ir más allá y facilitar tu trabajo como desarrollador, de NINGUNA manera debes dejar de leer el siguiente artículo:
Mejores Plugins para Sublime Text
⬆ Estos plugins te ahorrarán considerables horas de trabajo.
Tal vez muy pocos ya conozcan esta web que se dedica a hablar sobre editores de texto, código, en fin. Hoy queremos presentar algunos trucos o atajos de teclados para Sublime text, sabemos que: "estos y muchos otros trucos" los podrás encontrar en cantidad por la web, en foros, vídeos, etc...
La intención es precisar lo necesario, de manera ordenada y ejemplificada gráficamente.
Para "algunos" Sublime text les puede parecer un editor de código muy simple, pero posee un montón de características ocultas. Después de explorarlo por un tiempo, puede que te sorprenda que este editor haga un buen número de cosas interesantes.

¿Atajos de Teclado para Sublime Text?

Vamos a adentrarnos un pelín más y dejaremos por aquí sólo algunos de los consejos, trucos, tips (llámalos como te parezca mejor) o atajos de teclado para Sublime Text que creemos que te puedan ayudar a la hora de "codear" o diseñar en tu lenguaje favorito. Empezaremos por los más básicos así que puedes saltarte ;)

Selección

Como desarrolladores web, muy a menudo tenemos que editar-modificar código. A continuación se presentan algunos atajos de teclado útiles que permiten hacer diferentes tipos de selecciones en SublimeText.
Ctrl + D
Seleccionar palabra(s)
Ctrl + L
Seleccionar línea(s)
Ctrl + A
Seleccionar todo el contenido dentro del documento
Ctrl + Shift + M
Seleccione todo dentro de las llaves ({ } cuando se trabaja con CSS o JavaScript)
Ctrl
Mantener la tecla Ctrl y hacer clic en la(s) línea(s) a seleccionar.
Estos atajos básicos de Sublime Text nos permite seleccionar varias líneas a la vez, lo que puede aumentar significativamente nuestra productividad. Bien, veamos cómo funciona la selección múltiple (de palabras) a continuación:


Ordenar CSS

Por lo general, no nos importa cómo se ordenan las propiedades CSS, ya que CSS nos dará la salida deseada en el navegador sin importar su posición. Sin embargo ponerlos en un orden particular hará nuestros códigos más organizados. En Sublime Text, puedes seleccionar las propiedades CSS y pulsar F9 para ordenarlas por orden alfabético.


Paleta de Comandos

Se puede hacer muchas cosas con la paleta de comandos tales como convertir a mayúsculas un fragmento de texto, establecer la sintaxis de archivo, la inserción de fragmentos (snippet).
Para mostrar la paleta de comandos en SublimeText, presiona Ctrl + Shift + P. He aquí algunos ejemplos.

Establecer sintaxis de archivo a HTML


Insertar fragmento de Código

Cambio entre pestañas

Ctrl + Shift
Presionar sólo una vez para volver a la pestaña anterior de trabajo.
Ctrl + Shift
Presionar varias veces para pasar por cada una de las pestañas abiertas.
Ctrl + P
Buscar un archivo y abrirlo en una pestaña nueva.

Editar partes de múltiples archivos

Esta función también será muy útil cuando estamos trabajando con varios archivos. Por ejemplo, tenemos varios bloques de código que son muy similares y se extendió a través de diferentes archivos en el proyecto. Para cambiar estos códigos de forma eficiente, se puede:
  • Presionar Ctrol+ Shift + F. Colocar las palabras, frase, o línea de código que se desea cambiar en el campo "Find".
  • Indicar los nombres de los archivos en el campo "Where" o escribir <open files> de modo que sólo afectará a los archivos que están actualmente abiertos.
  • Pon la palabra o código nuevo en el campo "Replace" y pulsa en el botón Replace.

Búsqueda rápida de selectores

Esta características es sencillamente fabulosa cuando estás editando CSS. Con Comando + R aparecerá un diálogo con una lista de selectores CSS en el documento, como se apreciará en la siguiente imagen.
Puedes buscar y seleccionar los selectores a los que quieres llegar rápidamente.

Esto es mucho mejor que hacerlo con un simple Ctrl + F (la habitual forma de búsqueda) cuando se trata de código CSS.
Recomendación básica:
Seguido del arroba, colocar "." ó "#" para identificar de inmediato los selectores que hemos creado.

Clickable URL

ClickableURL es un pequeño plugin de Sublime Text que resulta útil cuando en nuestro código hay gran variedad de direcciones url (rutas de imágenes externas, webs de referencia, etc). Básicamente hará que se pueda hacer click en las url.

¿Conocías estos truquillos o qué otros podrías añadir?

Si quieres ir más allá y facilitar tu trabajo como desarrollador, de NINGUNA manera debes dejar de leer el siguiente artículo:
Mejores Plugins para Sublime Text
⬆ Estos plugins te ahorrarán considerables horas de trabajo.

10 Plugin Wordpress para Sublime Text 2

En este breve post se destacan algunos plugins WordPress para Sublime Text que ayudarán mucho a la hora de desarrollar código en este CMS de desarrollo web.

plugin wordpress para sublime 3

Cuando se trata de codificar con algún editor de texto, en los últimos años Sublime Text se ha convertido en el editor más popular y querido. Es ligero, super fácil de usar, soporta una gran variedad de lenguajes de programación, pantallas de edición divididas, etc... no importa qué función necesites, Sublime Text 2 ó 3 lo tienen "casi" todo.

Una de las características más útiles de Sublime Text 2 es su soporte para extensiones / plugins (o paquetes adicionales, como Sublime Text 2 los llama), que te ayudarán a sacar aún más partido del editor. Así que sin perder más tiempo, vamos a seguir adelante y echar un vistazo a las extensiones para este CMS:
Si ya tienes el Control de Paquetes (Package Control) instalado, puedes instalar algunos de los plugins directamente desde dentro de Sublime Text 2 (Preferencias > Control de Paquete > Install Package> buscar plug in ..).

Extensiones de WordPress para Sublime Text 2

Sublime Text 2 WordPress

Este plugin es es imprescindible para trabajar en este editor de código. Sublime Text 2 Wordpress es una colección de fragmentos de Wordpress y autocompletado. Se puede instalar desde 'Package Control' o en el directorio de paquetes desde github (enlace anterior).

Aquí adjuntamos un vídeo para comprobar su instalación y funcionamiento.


Ver en Youtube: http://youtu.be/u4jygFTL6uw

Search Wordpress Codex

search wordpress codex español
Como su nombre indica "Buscar en Codex" - o como quieras traducirlo- tee permite buscar el Codex de WP desde el editor. Además, puedes hacer clic derecho sobre cualquier función dentro del código, y se puede tomar la página de referencia de la función en el Codex.

Génesis

Si estás trabajando en el desarrollo de temas de WP utilizando el framework Génesis, esta extensión para Sublime Text podría ser útil para ti, ya que contiene un montón de fragmentos útiles que puedes utilizar para el desarrollo temas hijos en Génesis (child themes) de manera más fácil.

Sublime Text Snippets

Es otra extensión que proporciona varios fragmentos relacionados con WordPress. Algunos de los fragmentos más notables que se incluyen aquí son: personalización del logo tipo del inicio de sesión, páginas de administración, texto de pie de página personalizado entre otros.

WordPress New Project Config

Traducido como Nueva configuración de Proyecto Wordpress, puede ahorrar mucho tiempo cada vez que se inicia un nuevo proyecto WP. Como tal, este script puede hacer algunas de las siguientes tareas:

  • Crear una nueva carpeta con el nombre del proyecto.
  • Instalar la última versión de WP automáticamente.
  • Descargar e instalar un tema de arranque elegido.
  • Eliminar temas WP por defecto y el plugin Hello Dolly.
  • Crear la base de datos y sus tablas y...
  • Finalmente, poner en marcha nuestro proyecto en Sublime Text 2.

Snippet o librería de código para Wordpress

El plugin WordPress-Dev contiene varios fragmentos de código de Wordpress que se pueden utilizar en sublime text. Por lo tanto, esta extensión te asegura de que puedas concentrarte en las tareas principales en cuestión, y dejar las tareas menores y más simples a este plugin.

WP TextMate Bundle
Este plug-in puede ahorrar mucho tiempo de trabajo. Cuenta con "auto-completado de plugins Wordpress", fragmentos y otros trozos de uso general de código.

WordPress Readme to Markdown
WordPress Readme to Markdown permite convertir archivos "readme.txt" de un plugin de WordPress a Markdown. Teniendo en cuenta el hecho de que Markdown es un requisito esencial a la hora de publicar en el repositorio oficial, esta extensión puede ser realmente útil para desarrolladores.


Los siguientes tres complementos no son directamente plugins de wordpress para sublime pero son muy útiles a la hora de trabajar en los archivos que involucran un proyecto.

PHP Tidy Sublime Text
Sublime PHPtidy permitirá formatear correctamente el código PHP. Básicamente, esta pequeña extensión garantiza que el código cumple con los Estándares de Codificación de Wordpress.

Sublime HTMLtidy
Viniendo del mismo linaje que Sublime PHPtidy, HTMLtidy para Sublime puede ayudar a limpiar y poner en orden el código HTML. Una vez más, al igual que el anterior , esta extensión también puede asegurarte de que tu trabajo no está mal codificado.

CssFormat
El complemento cssFormat te ayudará a formatear los archivos CSS de acuerdo a su propio conjunto de normas.


¿Qué otros plugins conoces o recomendarías para editoresdecodigo.com? Esperamos publicar un nuevo artículo a la brevedad posible. Gracias por llegar hasta aquí.
En este breve post se destacan algunos plugins WordPress para Sublime Text que ayudarán mucho a la hora de desarrollar código en este CMS de desarrollo web.

plugin wordpress para sublime 3

Cuando se trata de codificar con algún editor de texto, en los últimos años Sublime Text se ha convertido en el editor más popular y querido. Es ligero, super fácil de usar, soporta una gran variedad de lenguajes de programación, pantallas de edición divididas, etc... no importa qué función necesites, Sublime Text 2 ó 3 lo tienen "casi" todo.

Una de las características más útiles de Sublime Text 2 es su soporte para extensiones / plugins (o paquetes adicionales, como Sublime Text 2 los llama), que te ayudarán a sacar aún más partido del editor. Así que sin perder más tiempo, vamos a seguir adelante y echar un vistazo a las extensiones para este CMS:
Si ya tienes el Control de Paquetes (Package Control) instalado, puedes instalar algunos de los plugins directamente desde dentro de Sublime Text 2 (Preferencias > Control de Paquete > Install Package> buscar plug in ..).

Extensiones de WordPress para Sublime Text 2

Sublime Text 2 WordPress

Este plugin es es imprescindible para trabajar en este editor de código. Sublime Text 2 Wordpress es una colección de fragmentos de Wordpress y autocompletado. Se puede instalar desde 'Package Control' o en el directorio de paquetes desde github (enlace anterior).

Aquí adjuntamos un vídeo para comprobar su instalación y funcionamiento.


Ver en Youtube: http://youtu.be/u4jygFTL6uw

Search Wordpress Codex

search wordpress codex español
Como su nombre indica "Buscar en Codex" - o como quieras traducirlo- tee permite buscar el Codex de WP desde el editor. Además, puedes hacer clic derecho sobre cualquier función dentro del código, y se puede tomar la página de referencia de la función en el Codex.

Génesis

Si estás trabajando en el desarrollo de temas de WP utilizando el framework Génesis, esta extensión para Sublime Text podría ser útil para ti, ya que contiene un montón de fragmentos útiles que puedes utilizar para el desarrollo temas hijos en Génesis (child themes) de manera más fácil.

Sublime Text Snippets

Es otra extensión que proporciona varios fragmentos relacionados con WordPress. Algunos de los fragmentos más notables que se incluyen aquí son: personalización del logo tipo del inicio de sesión, páginas de administración, texto de pie de página personalizado entre otros.

WordPress New Project Config

Traducido como Nueva configuración de Proyecto Wordpress, puede ahorrar mucho tiempo cada vez que se inicia un nuevo proyecto WP. Como tal, este script puede hacer algunas de las siguientes tareas:

  • Crear una nueva carpeta con el nombre del proyecto.
  • Instalar la última versión de WP automáticamente.
  • Descargar e instalar un tema de arranque elegido.
  • Eliminar temas WP por defecto y el plugin Hello Dolly.
  • Crear la base de datos y sus tablas y...
  • Finalmente, poner en marcha nuestro proyecto en Sublime Text 2.

Snippet o librería de código para Wordpress

El plugin WordPress-Dev contiene varios fragmentos de código de Wordpress que se pueden utilizar en sublime text. Por lo tanto, esta extensión te asegura de que puedas concentrarte en las tareas principales en cuestión, y dejar las tareas menores y más simples a este plugin.

WP TextMate Bundle
Este plug-in puede ahorrar mucho tiempo de trabajo. Cuenta con "auto-completado de plugins Wordpress", fragmentos y otros trozos de uso general de código.

WordPress Readme to Markdown
WordPress Readme to Markdown permite convertir archivos "readme.txt" de un plugin de WordPress a Markdown. Teniendo en cuenta el hecho de que Markdown es un requisito esencial a la hora de publicar en el repositorio oficial, esta extensión puede ser realmente útil para desarrolladores.


Los siguientes tres complementos no son directamente plugins de wordpress para sublime pero son muy útiles a la hora de trabajar en los archivos que involucran un proyecto.

PHP Tidy Sublime Text
Sublime PHPtidy permitirá formatear correctamente el código PHP. Básicamente, esta pequeña extensión garantiza que el código cumple con los Estándares de Codificación de Wordpress.

Sublime HTMLtidy
Viniendo del mismo linaje que Sublime PHPtidy, HTMLtidy para Sublime puede ayudar a limpiar y poner en orden el código HTML. Una vez más, al igual que el anterior , esta extensión también puede asegurarte de que tu trabajo no está mal codificado.

CssFormat
El complemento cssFormat te ayudará a formatear los archivos CSS de acuerdo a su propio conjunto de normas.


¿Qué otros plugins conoces o recomendarías para editoresdecodigo.com? Esperamos publicar un nuevo artículo a la brevedad posible. Gracias por llegar hasta aquí.

8 Plugins para Sublime Text 2 y 3

plugins y extensiones para sublime text

Sublime Text es el nombre del editor de código que ya reconoces si llevas ya algún tiempo en el mundo del desarrollo web. Sublime Text Editor es muy completo, pero más allá de esto existen plugins o extensiones que ayudan a incrementar su funcionalidad y facilitan determinados procesos para los desarrolladores. A continuación los listamos en el blog:

Emmet

plugin emmet

Esta extensión de sublime text mejorará el flujo de trabajo cuando programas -diseñas (suena mejor :) en HTML y CSS. Con Emmet tu código CSS puede ser analizado de manera dinámica. Emmet ha sido desarrollado y optimizado para lenguajes web como HTML, CSS y XML pero, también, soporta otros tipos de lenguajes.


Live Reload

live reload en sublime

Evita que tengas que actualizar o refrescar la página cada vez que realizas algún cambios en tu archivo de Sublime Text. Esto es algo similar a la función vista previa en vivo de Brackets.


Package Control

package control

Package control te permite gestionar paquetes para tu editor Sublime Text. Puedes instalar más de 2 000 paquetes y puedes añadir librerías desde BitBucket o GitHub. Una vez instalados los paquetes se actualizan automáticamente.


Sidebar Enhancements para Sublime Text

sidebar enhancements para sublime text

Este plugin de sublime text posee muchas funciones para mejorar las operaciones para archivos y carpetas. Algunas de las opciones que mejora son “nuevo archivo/folder, editar, abrir, buscar en proyecto seleccionado”, entre muchas otras tan sólo con el click derecho del ratón.


SublimeLinter

instalar sublimelinter

Un plugin que analiza tu código para evitar errores de sintaxis.


DocBlockr

docblockr

Este plugin facilita el proceso de redacción de documentación y comentarios en PHP, Javascript, Actionscript, CoffeeScript, C & C ++


Can I Use

Ca I Use extension de sublime

Este plugin si que es muy útil, ya que podrás revisar las especificaciones de soporte de CSS y HTML en los navegadores.


Sublime Alignment

sublimealignment

Te permite dar formato o alinear tus líneas de código Javascript, PHP y CSS, de ese manera ayuda a la organización y la legilibilidad del código.


Package Resource Viewer

package resource viewer extension

Este plugin te permite ver y editar paquetes de Sublime Text de manera sencilla. Puedes extraer paquetes que se copian al folder de usuario por lo que puedes editarlos sin afectar el archivo original.


Mientras terminas de leer este artículo, si ya estás acostumbrado al uso de plugins, tal vez te soprendas que falten añadir "algunos más conocidos", este post no es el típico artículo sobre: "extensiones indispensables para sublime text", por el contrario se da lugar a algunos plugins poco conocidos por muchos usuarios, pero que son muy útiles a la hora de trabajar con este fabuloso editor.

¿Cuáles agregarías tú o cuáles son los que utilizas más?

Pronto más novedades en www.editoresdecodigo.com
plugins y extensiones para sublime text

Sublime Text es el nombre del editor de código que ya reconoces si llevas ya algún tiempo en el mundo del desarrollo web. Sublime Text Editor es muy completo, pero más allá de esto existen plugins o extensiones que ayudan a incrementar su funcionalidad y facilitan determinados procesos para los desarrolladores. A continuación los listamos en el blog:

Emmet

plugin emmet

Esta extensión de sublime text mejorará el flujo de trabajo cuando programas -diseñas (suena mejor :) en HTML y CSS. Con Emmet tu código CSS puede ser analizado de manera dinámica. Emmet ha sido desarrollado y optimizado para lenguajes web como HTML, CSS y XML pero, también, soporta otros tipos de lenguajes.


Live Reload

live reload en sublime

Evita que tengas que actualizar o refrescar la página cada vez que realizas algún cambios en tu archivo de Sublime Text. Esto es algo similar a la función vista previa en vivo de Brackets.


Package Control

package control

Package control te permite gestionar paquetes para tu editor Sublime Text. Puedes instalar más de 2 000 paquetes y puedes añadir librerías desde BitBucket o GitHub. Una vez instalados los paquetes se actualizan automáticamente.


Sidebar Enhancements para Sublime Text

sidebar enhancements para sublime text

Este plugin de sublime text posee muchas funciones para mejorar las operaciones para archivos y carpetas. Algunas de las opciones que mejora son “nuevo archivo/folder, editar, abrir, buscar en proyecto seleccionado”, entre muchas otras tan sólo con el click derecho del ratón.


SublimeLinter

instalar sublimelinter

Un plugin que analiza tu código para evitar errores de sintaxis.


DocBlockr

docblockr

Este plugin facilita el proceso de redacción de documentación y comentarios en PHP, Javascript, Actionscript, CoffeeScript, C & C ++


Can I Use

Ca I Use extension de sublime

Este plugin si que es muy útil, ya que podrás revisar las especificaciones de soporte de CSS y HTML en los navegadores.


Sublime Alignment

sublimealignment

Te permite dar formato o alinear tus líneas de código Javascript, PHP y CSS, de ese manera ayuda a la organización y la legilibilidad del código.


Package Resource Viewer

package resource viewer extension

Este plugin te permite ver y editar paquetes de Sublime Text de manera sencilla. Puedes extraer paquetes que se copian al folder de usuario por lo que puedes editarlos sin afectar el archivo original.


Mientras terminas de leer este artículo, si ya estás acostumbrado al uso de plugins, tal vez te soprendas que falten añadir "algunos más conocidos", este post no es el típico artículo sobre: "extensiones indispensables para sublime text", por el contrario se da lugar a algunos plugins poco conocidos por muchos usuarios, pero que son muy útiles a la hora de trabajar con este fabuloso editor.

¿Cuáles agregarías tú o cuáles son los que utilizas más?

Pronto más novedades en www.editoresdecodigo.com

LiveWeave: Completo editor online de HTML5 , CSS3 y JS en Tiempo Real

Liveweave, editor online HTML5 para...

Liveweave una plataforma online para trabajar con HTML5, CSS3 y JavaScript, un editor en tiempo real para los diseñadores y desarrolladores web.
Es una gran herramienta para probar, practicar y compartir tus creaciones.

Cuenta con paneles de tamaño variable, de modo que puedes escribir tu código (o "codear", como muchos le llamamos) de la manera deseada. Liveweave también ha incorporado en sus etiquetas de código la opción de autocompletar rápidamente código para HTML5 y CSS3 / atributos sensibles, que hace mucho más fácil su uso a diferencia de otros editores online.

Lo tiene todo: Autocompletado Selectores, etiquetas y atributos html5
Liveweave permite escribir HTML5, CSS3 y JavaScript, y probarlos en tiempo real, la función de sugerencias de código te guía a que escribas HTML5 y CSS3 en su sintaxis adecuada. Ofrece paneles distribuidos para ayudarle a ajustar su código HTML5, CSS3 y JavaScript. Tamaños de ventana, de acuerdo a su necesidades y muchos más.

Y ni qué decir de las librerías que incluyen
Aquí una captura de las librerías de programación web con las que trabaja de momento.

Sin duda de los mejores editores en línea que existen hoy en día. Aquí pueden ver un ejemplo compartido en esta plataforma: ¡Ver Ejemplo!
Anímense a testearlo / probarlo y verán lo genial y fácil de trabajar en él.
Liveweave, editor online HTML5 para...

Liveweave una plataforma online para trabajar con HTML5, CSS3 y JavaScript, un editor en tiempo real para los diseñadores y desarrolladores web.
Es una gran herramienta para probar, practicar y compartir tus creaciones.

Cuenta con paneles de tamaño variable, de modo que puedes escribir tu código (o "codear", como muchos le llamamos) de la manera deseada. Liveweave también ha incorporado en sus etiquetas de código la opción de autocompletar rápidamente código para HTML5 y CSS3 / atributos sensibles, que hace mucho más fácil su uso a diferencia de otros editores online.

Lo tiene todo: Autocompletado Selectores, etiquetas y atributos html5
Liveweave permite escribir HTML5, CSS3 y JavaScript, y probarlos en tiempo real, la función de sugerencias de código te guía a que escribas HTML5 y CSS3 en su sintaxis adecuada. Ofrece paneles distribuidos para ayudarle a ajustar su código HTML5, CSS3 y JavaScript. Tamaños de ventana, de acuerdo a su necesidades y muchos más.

Y ni qué decir de las librerías que incluyen
Aquí una captura de las librerías de programación web con las que trabaja de momento.

Sin duda de los mejores editores en línea que existen hoy en día. Aquí pueden ver un ejemplo compartido en esta plataforma: ¡Ver Ejemplo!
Anímense a testearlo / probarlo y verán lo genial y fácil de trabajar en él.