Etiqueta: javascript

elRTE – Editor WYSIWYG de código abierto para web

Publicado el

por Javier Muñiz

elRTE es un editor WYSIWYG de código abierto, creado con Javascript y JQuery, que podremos descargar e instalar en nuestro sitio web o gestor de contenidos (CMS) para editar visualmente todo lo que hagamos.

El objetivo principal del editor es simplificar al máximo el trabajo con el texto y la maquetación (HTML) en sitios web, blogs, foros y otros servicios online

De este modo una vez subido e instalado en nuestro servidor, podremos modificar cómodamente el texto, HTML y CSS de nuestra página web o blog sin tener que tocar nada de código. Aquí­ podéis ver una demo online de su aspecto final. A ver qué os parece.

Ví­a | KillerStartups

ethercodes – Programa y comparte el código en tiempo real

Publicado el

por Juan Diego Polo

ethercodes es un proyecto de programación colaborativa que nos permite, sin necesidad de registro, escribir código en varios lenguajes de programación y compartirlo en tiempo real con cualquier persona.

No es necesario instalar nada, sólo tenemos que acceder a su panel de trabajo para poder elegir entre C/C++, Java, Javascript, PHP, HTML, Python, Ruby y hasta Mysql, con posibilidad de acceder a una linea de tiempo que mostrará, en forma de ví­deo, las alteraciones realizadas por quienes están programando.

Una buena idea que puede ayudarnos cuando no tenemos ningún editor profesional a mano.

Cached Commons – Librerí­as optimizadas en Javascript

Publicado el

por Juan Diego Polo

En cachedcommons.org tenemos na excelente colección de librerí­as clasificadas en Javascript que pueden ayudar a los programadores a crear efectos interesantes en sus páginas web.

Casi cada código tiene una página de demostración, por lo que podéis invertir un buen tiempo en ir navegando entre ellas en busca del efecto ideal para el proyecto.

3D, HTML5, Flex, jquery.. una base de datos imperdible para los programadores.

Spritely.net – Crea impresionantes animaciones con Javascript

Publicado el

por Javier Muñiz

Spritely.net es un plugin que nos permitirá añadir animaciones de calidad a nuestros proyectos web, para conseguir desde animaciones de personajes hasta complejos scrolls con varios planos, todo ello sólo a base de javascript.

Estas librerí­as son realmente sencillas de usar, ya que proporcionan únicamente dos funciones para estas tareas «sprite()» y «pan()», que básicamente se encargan de modificar el atributo background-image de cualquier imagen que tengamos en nuestro CSS, para conseguir la animación.

De esta manera, podremos utilizar imágenes PNG o GIF (con o sin transparencia) para crear estos espectaculares efectos visuales, que además son compatibles con la mayorí­a de navegadores web, iPad y teléfonos móviles.

Una herramienta excelente y gratuita para desarrolladores web, que sólo nos exige compartir bajo su misma licencia.

IxEdit – Crea código javascript para tu web sin programar

Publicado el

por Javier Muñiz

IxEdit es una impresionante herramienta para desarrollo web que ha captado poderosamente mi atención, ya que permite crear «al vuelo» código javascript para añadir comportamientos relativamente complejos a nuestra página, sin necesidad de teclear una sola lí­nea de código.

La aplicación no tiene coste alguno, ya que se comparte bajo licencia GNU, sólo tendremos que descargarla, añadir las librerí­as a nuestro proyecto e instalar Google Gears en nuestro navegador para poder trabajar con el editor.

Cuando esté todo listo, deberemos añadir a nuestra web unas pocas lí­neas de código, que nos facilitan y cuando recarguemos la página veremos un popup con todas las acciones que podemos añadir a nuestros controles: calendarios desplegables, animaciones, objetos «arrastrables» (drag and drop) y otros muchos efectos.

Lo mejor de todo es que la herramienta funciona de forma visual, por lo que sólo habrá que seleccionar un control pulsando sobre él y seleccionar la acción y parámetros en el editor para que todo comience a funcionar.

Sin duda alguna, una herramienta estupenda para añadir más interactividad a nuestras webs.

HTML5Games.com – Directorio de juegos desarrollados con HTML5

Publicado el

por Javier Muñiz

Hasta hace poco el flash habí­a sido la única alternativa viable para crear aplicaciones realmente interactivas en la red, aunque parece que esto está punto de cambiar con la llegada del HTML5, ya que están comenzando a aparecer bastantes juegos desarrollados al margen de flash, como los que recopila la web HTML5Games.com.

Este directorio se dedica a agrupar y clasificar, por temática, todos aquellos videojuegos para web que utilizan este tipo de tecnologí­a que muchos esperan sea el nuevo estándar en internet.

Después de probar algunos tí­tulos como el Pac-Man, tengo que decir que, si no todos, la mayorí­a tienen muy poco que envidiar a los creados usando la tecnologí­a de Adobe.

En resumen, HTML5Games.com es, a mi parecer, una web, muy recomendable si queréis encontrar juegos para usar con vuestro iPad o sencillamente para probar que se siente al jugar sin tener instalado el plugin de flash.

Support Details ”“ Toda la información sobre tu ordenador

Publicado el

por Javier Muñiz

Support Details es un pequeño servicio que nos permite obtener toda la información relevante acerca de nuestro ordenador.

Su utilización es sumamente sencilla, entramos a su web y pasados algunos segundos el servicio empezara a recolectar dicha información de nuestra máquina.

Básicamente nos mostrará datos sobre: el Sistema operativo, resolución de pantalla, navegador web, dirección IP, si esta activado o no el Javascript, la versión Flash, el estado de las cookies y la profundidad de color de nuestro monitor.

En definitiva, un gran servicio web con una interfaz vistosa e intuitiva.

Devcheatsheet – Recopilación de chuletas de lenguajes de programación

Publicado el

por Sergio Seijas Freixenet

Devcheatsheet es un servicio web que nos permite informarnos sobre una gran variedad de lenguajes de programación y scripts.

Según los responsables del servicio web, actualmente recopilan lenguajes de programación como:

Ada, AJAX, C, C#, C++, CFScript, Clojure, COBOL, ColdFusion, Common Lisp, Delphi, Erlang, F#, Fortran, Haskell, Java, JavaFX Script, JavaScript, Lisp, Lua, MATLAB, Objective-C, Pascal, Perl, PHP, Prolog, Python, R, Ruby, Scala, Scheme, Server Side Includes ,Tcl, VB.NET, VBScript, Visual Basic.

Además de códigos de programación tradicionales, ahora también comienza a recopilar lenguajes de marcado como CSS, HTML5, entre otros.

A la hora de buscar una chuleta de un lenguaje podremos encontrarlos en formato de imagen, HTML o PDF.

Un servicio web imprescindible para todo aquél que es aficionado a la programación.

Enlace | www.devcheatsheet.com

jsdo.it – Comparte Javascript, HTML 5 y CSS

Publicado el

por Juan Diego Polo

jsdo.it es una web en la que podemos escribir código y compartilo con otras personas.

Podemos navegar entre los scripts creados por los usuarios y modificarlos para realizar mejoras o solucionar problemas, todo ello viendo el resultado en tiempo real en la misma página.

Ideal para experimentar nuevas funciones, aprender nuevas técnicas y formar parte de una comunidad dispuesta a crecer en conjunto.

projekktor – Un reproductor de ví­deo HTML5 con código abierto

Publicado el

por Juan Diego Polo

Projekktor nos permite reproducir ví­deo usando HTML5. Sólo con Javascript es capaz de reproducir cualquier ví­deo que soporte H.264, en caso contrario usará Flash.

Permite gestionar listas y ver ví­deos en pantalla completa. El reproductor aparece encima del ví­deo al pasar el ratón sobre la imagen y puede ser facilmente modificado usando CSS.

Aún en estado alfa es ideal para los que estáis programando alguna página que reproduzca ví­deo y queréis empezar a probar nuevas técnicas.

Ví­a webresourcesdepot.com