Posts Tagged: "Editor de Código"

15 tutoriales jQuery

Alfonso Lozano - October 11, 2011 - Como Hacer, Diseño en General, Informática e Internet

Hay muchos que piensan que las animaciones flash están sucumbiendo ante otras formas y efectos de añadir detalles espectaculares en la interactividad de la web. En mi opinión, creo que es un diagnóstico demasiado precipitado ya que el dinamismo y espectacularidad que nos ofrecen muchos trabajos en flash, está muy por encima de lo que se puede lograr con java o con jQuery.

Sin embargo, no cabe duda de que para ciertas cosas más sencillas, como creación de slides, galerías con efectos y resaltados de imagen, puede resultar más cómodo utilizar ciertos parches en el código que insertar flash en html.

Para esto último están los famosos efectos jQuery que tan de moda están últimamente, con los que podemos dotar a nuestras webs de efectos más sencillos y que hasta la fecha los realizábamos en flash.

Os muestro 15 estupendos tutoriales jQuery, para que experimentéis en vuestros proyectos su comportamiento e intentéis adaptarlos a la estructura de vuestro site y así daros cuenta de lo que realmente se puede conseguir con ellos.

Webexpedition18 / 15 efectos jQuery.

Clip de película / Fuente de referencia.

Generador de barras de color

Alfonso Lozano - November 29, 2010 - Como Hacer, Editores Digitales, Herramientas de Diseño, Tonos y Color

Son muchas veces las que necesitamos inspiración para crear una buena composición de color y aunque tenemos a mano varias herramientas como gamas de colores y Pantones, a veces nos vemos colapsados y no encontramos esa combinación sorprendente que estamos buscando.

Como encontrar esa combinación idónea es de lo que se trata, quizás jugando un poco con una gama extensa de colores, sea más fácil encontrar lo más apropiado. Precisamente un juego es de lo que vamos a tratar a continuación.

Se trata de Color Barcode Generator, una estupenda utilidad online con la que podemos crear al azar infinidad de combinaciones de colores con tan sólo introducir ciertos parámetros. Esta aplicación busca al azar combinaciones cromáticas dependiendo del número de líneas y desplazamiento entre las mismas que le hayamos introducido. De este modo, nos mostrará una bella gama correspondiente a los parámetros introducidos en forma de códigos de barras de color. Una vez la utilidad haya generado el código de barras, podrás guardar la imagen en tu ordenador.

Pero creo que lo interesante es que lo probéis vosotros mismos y disfrutéis de los resultados. Así que entrar en Code name cuttlefish y jugar un rato creando atractivas barras de color.

Colour lovers / Fuente de referencia.

Rendera, editor de CSS3 y HTML5 en línea

Marbella Romero - April 2, 2010 - Diseño en General, Editores Digitales, Herramientas de Diseño

Desde el “boom” que tuvo la “blogósfera” debemos admitir que la programación web ha estado creciendo a pasos agigantados y con la llegada de la tan afamada “Web 2.0” pareciera que cada día crece más.

Hace un tiempo que CSS2 ha estado tomando mayor fuerza y se ha apoderado de la web, pero cuando apenas nos estábamos adecuando a el, nos informan que ya esta listo CSS3, un nuevo recurso en la programación web.

CSS3 es un gran paso evolutivo para la programación web ya que en esta nueva versión se corregirán algunas funcionalidades y conceptos que han causado un poco de problemas a diseñadores y programadores web.

Una de las cosas que nos llama la atención es que CSS3 viene de la mano de HTML5, quienes para muchos sera gradualmente el asesino de la programación en Flash.

En Portafolio Blog, sabemos que como diseñadores o programadores web siempre hay que estar actualizados, es por eso que hoy les vamos a recomendar un editor de código en linea de CSS3 y HTML5 llamado Rendera.

Rendera no es un simple editor, sino que también es una ayuda para quienes aun no conocemos por completo estos dos lenguajes de programación.

Con tan solo poner el código en Html, Rendera podrá transformarlo a CSS3, mostrándonos el código y lo mejor de todo, es que si nos encontramos algo perdidos en el tema, en el mismo editor ofrecen algunos ejemplos para aprender un poco mas.

Si te interesa puedes empezar a aprender en la pagina de Rendera.

Transformar código en música

Alfonso Lozano - February 22, 2010 - Como Hacer, Cosas Graciosas, Editores Digitales, Informática e Internet

Particularmente soy de los que escucho música casi a todas horas, desde que me levanto hasta que me acuesto, siempre que tengo ocasión. Creo que la música es algo vital y la verdad no me puedo imaginar como sería el mundo si no existiese. Pero la música también es un código o conjunto de notas y signos enlazados entre si para ofrecernos con armonía la pieza final.

Parece que este concepto es lo que le ha llevado a los realizadores de Codeorgan a crear esta interesante aplicación online. Se trata de un sitio web que convierte el código de las páginas web en música, utilizando una especie de alogaritmo. Tan sólo hay que introducir la url del sitio que queremos convertir y en unos segundos esta utilidad online la convertirá en música para sorpresa de todos. Al escuchar la música veremos como las teclas de un órgano van tocando la melodía hasta que se agota el tiempo. Además esta aplicación nos ofrece la posibilidad de enviar y compartir en las redes sociales más conocidas, la música resultante sin salir del sitio.

Alguien dijo en alguna ocasión: “esos signos son música para mis oídos”, pero lo que no podíamos imaginar era que los códigos html tuvieran su propio ritmo.

Codeorgan / Aplicación que convierte código web en música.

Noquedanblogs / Fuente de referencia.

14 editores de código CSS para la Web

Alejandra Cárdenas Briseño - October 26, 2009 - Como Hacer, Editores Digitales, Informática e Internet, software

Como siempre, te presentamos cosas útiles para tus desarrollos Web y para los proyectos en los que te embarcas, el día de hoy encontramos 14 editores de código CSS para la Web, ya no tendrás que utilizar el básico bloc de notas para programar, y dejarte de complicar la vida, gracias a los editores de código CSS.

La importancia de estos, es que para las personas que están acostumbradas a crear y editar códigosÂ CSS, y saben que a veces es bastante complejo corregirlos cuando se lleva un tramo bastante avanzado, algo que nuestro fiel bloc de notas no podrá solucionar por nosotros, y es entonces cuando entra la utilidad de los editores especializados en códigos CSS que pueden facilitarnos el trabajo en gran medida.

A continuación, te presentamos 14 opciones que te pueden servir para editar códigos CSS:

1. Free CSS Toolbox
2. Simple CSS
3. JustStyle CSS Editor
4. A GTK-2 CSS Editor
5. Dialog-based insertion of CSS complex values
6. Astyle
7. Eledicss
8. Notepad++
9. Online CSS Template Generator
10. An open-source css editor for windows
11. Oxygen CSS Editor
12. Freedomeditor, Customizable browser based (text/web(WYSIWYG)) file editors
13. MacRabbit CSSEdit
14. StyleMaster CSS editor

Así que ya sabes, si te interesa encontrar un buen editor para códigos del tipo CSS, es seguro que cualquiera de estos te servirá. Sólo debes de probar y escoger un favorito. Puedes obtener un poco más información sobre los editores CSS en Designmag. Donde además podrás encontrar algunas de las utilidades que estos editores de código ofrecen.

Coderun: IDE para programadores, gratuito

Alberto Aldaco - June 28, 2009 - Editores Digitales, Informática e Internet

Coderun es una aplicación online que te permite programar un sitio web desde cualquier navegador de manera gratuita, Coderun esta compuesto como un entorno de programación y desarrollo de sitios web mejor conocido como IDE que puedes utilizar de forma gratuita.

El manejo de Coderun es muy sencillo ya que te permite tener todo perfectamente bien organizado además de contar con un repositorio SVN donde puedesÂ monitorear todos los proyectos que tengas en puerta.

Para poder utilizar esta herramienta online para programadores es necesario registrarse, después de eso tendrás acceso a todas las funciones que Coderun ofrece para el usuario. Además esta aplicación online soporta varios lenguajes de programación como PHP, ajax, ASP.net inclusive códigos para iPhone y aplicaciones para Facebook.

Coderun ha resultado ser una muy buena herramienta para los programadores puesto que cuenta con varias extensiones que te facilitarán el trabajo ya que la interfaz de Coderun es muy parecida otro de los IDE más solicitados actualmente según leí en whatsnew.

Esta podría ser otra opción para los programadores que buscan simpre probarÂ aplicaciones nuevas que ofrezcan resultados precisos cuidando siempre del entorno en que se desarrolla su trabajo, no olviden visitar antiguos post sobre programación web y herramientas para la programación que les servirán para proyectos futuros.

Editor de código personalizable para descargar gratis: WBlite

Alberto Aldaco - June 26, 2009 - Descargas, software

Les presentamos este nuevo y novedoso editor de texto totalmente personalisable. WBlite es un editor de código que puedes descargar gratis y que puedes adecuar a tu gustoÂ para manejarlo con todo su potencial.

WBlite tiene integradas varias funciones muy novedosas tales como la posibilidad de encontrar mas fácil ciertos códigos gracias a la utilización de colores resaltados (para distinguir el código), también puedes hacer uso de su capturador de pantalla para no perder detalle de los avances que tengas.

Descarga gratis WBlite para que puedasÂ probar los beneficios de este editor de código que te ayudará al momento de desarrollar una página web, ya que también cuenta con una gran soporte para varios lenguajes de programación y la maravillosa opción de autocompletado de código.

El editor gratuito WBlite es totalmente personalisable ya que puedes agregar y quitar funciones y extensiones que te sean no de utilidad, comprueba la accesibilidad de este nuevo editor de código gratuito el cual soportar los siguientes formatos, TXT, NFO, DIZ, 1ST, CPP, H, C, HPP, CXX, INL, RC, CS, PAS, INC, JAVA, JAV, BAS, ASM, HTM, HTML, XML, PL, PY, RTF.

Este editor es ideal para la programación dejando de lado a las otras viejas aplicaciones, lentas y poco accesibles.

Descarga Gratuita PersonalWebkit 3.31

Alberto Aldaco - June 3, 2009 - Descargas, Diseño en General, Editores Digitales, software

PersonalWebkit , es la nueva herramienta gratuita en el mercado con la cual te puedes olvidar de los molestos programadores y el tedioso código html para programar una página web, con PersonalWebkit tu puedes crear, personalizar y modificar tus propias paginas web y subirlas a un servidor.

A la manera como avanza el mercado día a día aparecen nuevos recursos que nos permiten innovar nuestras paginas web de manera rápida, este es el caso de PersonalWebkit , otro software gratuito cómodo y accesible , donde ni siquiera tienes que ver la linea de código.

Descarga esta herramienta gratuita en Personal Webkit, ideal para personalizar tus webs hasta donde tu imaginación te lo permita, apoyado de herramientas para dar formato al texto donde también nos brinda la oportunidad de agregar contenido multimedia, exportar desde word y añadir una que otra tabla.

Entre las innovaciones del PersonalWebkit, esta una que te permite ver todos los enlaces desde una ventana diseñada con esta función, y aunque este software trata de evitar el uso del código html los usuarios con más experiencia pueden agregarlo en la ventana de creación web.

Aportando tambien las posibiliddades de optimizar el uso de las imágenes personalizandolas paras los diseños de las páginas web, o insertar paneles de controlÂ usando plantillas pre diseñadas.

PHPanywhere editor de código en línea gratuito

Alberto Aldaco - May 16, 2009 - Editores Digitales

Phpanywhere , es un editor de php en linea diseñado para aquellos que no cuentan con un editor online ,Â esta aplicación gratuita te da acceso vía ftp a cualquier servidor en cualquier momento para poder editar los recursos en php que allí se encuentren.

De esta manera tu puedes hacer diversos cambios a tus páginas dinámicas, desde cambiar el color de los textos o hacer y deshacerÂ cambios hasta compartirÂ tus códigosÂ con otros usuarios , esta aplicación gratuitaÂ te permite hacer revisiones rápidas y sencillas

Ademas tienes la comodidad de hacer tu trabajo en donde quiera que estés (hotel ,trabajo,café Internet), permitiéndote desarrollar tus aplicaciones php y guardarlas o compartirlas.

El phpanywhereÂ puedes verificarlo y utilizarlo de manera gratuita en phpanywhere.net y añadirlo a tus herramientas para que puedas comprobar su accesibilidad tu mismo y además para que puedas trabajar de manera mas fácil y rápida.

Este Editor Digital gratuito es ideal para esos viajes rápidos de negocios donde no estás cerca de tu escritorio personal puesto que ademas tienes la comodidad de hacer tu trabajo en donde quiera que estés.

Según wathsnew nos dice que phpanywhere es la herramienta ideal para todos aquellos que deseen un editor online de manera gratuita, o que no cuenten con un editor y que deseen algo más actualizado y, estamos totalmente de acuerdos con ellos.

Ecoder: Editor de código en línea y gratuito

Miguel L. Romero - March 24, 2009 - Editores Digitales

De entrada hay que decir que Ecoder es un editor de código online bastante limitado, pero que ofrece posibilidades útiles como la posibilidad de editar el código entre varios usuarios o programadores al mismo tiempo. Carece esencialmente de opciones amplias y concretas que los editores de código profesionales suelen tener, pero para trabajos colaborativos pequeños o que no requieran de mucha estructura y meticulosidad es genial, sobre todo si se trabaja el código y la programación en equipo.

Y bueno, entre los editores que podemos encontrar en la Web (en realidad no conozco muchos) podemos tenerlo como referencia para trabajos que requieran alguna de las utilidades que presenta (aunque supongo los creadores seguirán sumando alternativas). Es un editor de código bastante limitado (como señalan en Wwwhatsnew) y se extrañan algunas características y opciones, pero contar con estas alternativas de edición es una base para el desarrollo humano, la ampliación de los Editores Online existentes y la distribución de herramientas por Internet.