javascript | RFS Digital - Tecnologia, Aplicaciones web gratuitas e Internet

Mostrando entradas con la etiqueta javascript. Mostrar todas las entradas

viernes, enero 31, 2014

jQuery: Ver la versión utilizada en tu proyecto

En este corto post explicamos qué versión de jQuery están utilizando actualmente.

jQuery es la biblioteca en JavaScript más utilizada para crear animaciones en páginas web y, en concreto, para manipular el árbol dom de un documento web en html.

En algunos casos como en la depuración de código, cuando se trabaja en un entorno de trabajo web con jQuery instalado por defecto en este, cuando un plugin determinado requiere una versión específica de jQuery o cuando se trabajar con diferentes versiones de la biblioteca (práctica no recomendada) se requiere saber la versión que se utiliza o la que se está cargando en el browser o navegador.

Para poder ver la versión utilizada, se puede utilizar la consola web del navegador para ejecutar una línea en JavaScript o instalar en Chrome o Firefox un plugin de desarrollo web como Firebug. Se puede escribir cualquiera de las dos líneas:

 // Retorna la versión de jQuery con el siguiente formato: "1.10.2"
jQuery.fn.jquery;

// $ reemplaza a jQuery
$.fn.jquery;

Cómo activar la consola web en los navegadores:

Firefox: Ctrl. + Mayúsc. + K
Chrome: Ctrl. + Mayúsc. + I
Internet Explorer 11: F12
Opera: Se hacer clic derecho en cualquier zona de la página web y se escoge la opción 'Inspeccionar Elemento'

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

jueves, mayo 16, 2013

Dabblet: Prueba código en CSS online

En el siguiente post les hablaremos de Dabblet, una aplicación que permite probar código en CSS directamente desde el navegador, sin necesidad de instalar software como el Adobe Dreamweaver o algún otro editor de páginas web.

Permite realizar pruebas en tiempo real de código en JavaScript, HTML, CSS y ver los resultados a medida que se escribe algo de código.

Es algo parecido al Mozilla Thimble del cual hablamos anteriormente.

Link: Dabblet

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

martes, marzo 19, 2013

Juego de Ajedrez en un 1kb de JavaScript

En el siguiente post les mostraré el desarrollo de un juego de ajedrez en un archivo de JavaScript de 1 kb (kilobyte). Este juego fue desarrollado por Óscar Toledo como parte de las presentaciones para el js1k, un concurso en el que se envían pequeños programas hecho en JavaScript que no hayan superado el kilobyte de tamaño.

Este pequeño juego ha sido escrito en 1023 caracteres con lo cual cumple con el requisito. Este concurso ha resultado estar basado en una idea bastante curiosa pero creativa, tal y como dicen los creadores de js1k en su página principal: fue una idea que empezó como una broma y que se convirtió en una serie de envíos de trabajos de calidad.

¿Qué les pareció?.¿Conocen un juego similar basado en la misma idea?

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

miércoles, agosto 29, 2012

Pineapple.io: Directorio de recursos para webmasters

Si te gusta diseñar, editar fotografías, crear o eres un webmaster que te gusta transformar los themes (temas, modelos, formatos) de tus blogs, etc; el directorio Pineapple.io sera de tu agrado ya que encontraras muchos recursos útiles para diseñadores y desarrolladores web en un solo lugar.

En Pineapple, podemos encontrar de todo sobre: javascript, css, ruby, python, css3, scripts, web development, jquery, vim, html, linux, Emacs, Photoshop; herramientas, tutoriales, assets, etc. También podremos marcarlos como favoritos, para localizarlos más tarde en nuestro perfil (tendremos que registrarnos para esto) y desglosarlo por temática.

Usar la pagina es superfácil, ya que debajo de su buscador principal encontraremos todos los temas descritos, divididos en tres categorías principales como: Tutoriales, Herramientas y Assets o recursos como códigos (scripts, marcos) o archivos como imágenes (texturas, fondos, fuentes, iconos), etc.

Todas estas herramientas del directorio son gratuitos (en su gran mayoría). Y siempre encontraremos nuevos recursos ya que es una web donde los diseñadores y desarrolladores comparten estos trabajos con sus colegas. Tu también puedes compartir tus webs o recursos favoritos en el directorio. :D

Enlace a: pineapple.io

Ver la página web en español: pineapple.io

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

sábado, agosto 25, 2012

Clay.IO: juegos multiplataforma en HTML5

Los juegos en HTML5 se están poniendo de moda a la vez que se va perfeccionando el nuevo lenguaje de hipertexto, es por eso que sitios web como Clay.IO tienen la firme intención de reunir: juegos en HTML5, jugadores y desarrolladores en su web para que puedan disfrutar de estos juegos en la PC vía web o por teléfono móvil (Cross-Platform Games).

Estos juegos son simples pero muy entretenidos, podemos tener acceso a ellos sin necesidad de registrarnos, pero si desean obtener su score en cada uno de los juegos tienen forzosamente que logearse, pueden usar para esto sus cuentas de Facebook, Twitter o Google. De este modo las puntuaciones altas y las tablas de clasificación se mantendrán para ver nuestros progresos.

Si eres un desarrollador y ya estas registrado podras cargar los juegos que hayas creado. El sitio les proporcionara un API excelente para simplificar las cosas tales como el procesamiento de pagos y la integración a los medios de comunicación social.

Características principales de la web, Clay.IO:

- Nos proporciona juegos (multiplataforma) en HTML5.
- Para los registrados mantienen sus tablas de clasificación.
- Para los desarrolladores registrados les proporciona un API.

Enlace a: clay.io, juegos multiplataforma en HTML5

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

miércoles, agosto 22, 2012

Android, su historia [infografía]

Que serian de los Smartphones sin su sistema operativo Android, seguramente nada. Android era y es tan funcional que sus actuales dueños Google, no dudaron en adquirirlo a sus creadores los chicos de Android Inc. en julio del 2005; se dice por ahí que este sistema le reporta a Google $10 millones de dólares diarios solo en publicidad móvil, según estimaciones de Oracle.

Sea cual sea la verdad, lo bueno del asunto es que los millones de smartphones y tablets que pululan por el mundo se han beneficiado de este sistema operativo móvil basado en Linux, Android.

La siguiente infografía nos muestra la historia de este importante sistema operativo:

Vía: desdelinux.net

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

domingo, agosto 19, 2012

SnipSource: Comparte tus fragmentos de código y/o texto

SnipSource, es una práctica herramienta en línea para la gente que desea compartir snippets (del ingles: fragmento; extraído de algo o pequeños fragmentos) rápidamente con los amigos, compañeros de trabajo o entusiastas desarrolladores web en línea como nosotros. :D

SnipSource, no solo nos permite compartir fragmentos de código de los lenguajes de programación más populares como: HTML, CSS, Javascript, etc. Sino también podremos compartir texto normal, común y corriente.

Para empezar sólo le damos un "título" a nuestro fragmento de código en el recuadro de texto en la parte superior de la web SnipSource.com. Y en el segundo recuadro, debajo, escribimos el fragmento de código o texto, a compartir online. Una vez hecho esto, hacemos clic en "submit" y nos arrojara un código URL único para compartirlo con nuestros amigos interesados en nuestros códigos para que puedan descargarlos y verlos e incluso podremos protegerlos con una contraseña (el cual obviamente tendremos que proporcionarlo para que puedan ver nuestros códigos).

Características principales de SnipSource.com

- Es un servicio fácil de usar, para compartir pequeños y medianos fragmentos de códigos con otras personas.
- También podremos compartir texto plano o normal.
- Con la opción Extra Settings (parte superior derecha de la web) podremos proteger nuestros fragmentos de código con una contraseña.

Otras herramientas web parecidas:

* Postable
* SnipSave
* Codesnipp.it

Enlace: SnipSource.com

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

viernes, agosto 10, 2012

Los mejores posts de RFS Digital - Febrero de 2011

StackOverflow for Kindle: Libros de programación gratuitos: En el siguiente post mostraremos una lista de ebooks gratuitos de programación para Kindle tomados a partir de las preguntas más populares del sitio para programadores StackOverflow. Estos se pueden ver en la computadora con Kindle for PC.

Configurar el USB en VirtualBox con Ubuntu: VirtualBox, es un software de virtualización para arquitecturas x86, en particular me gusta este programa para Windows. Sin embargo, si son usuarios de Linux como host, deben de tener algunas cosas en consideración, sobretodo si quieres utilizar memorias USB.

¿Qué les parecieron las aplicaciones mostradas? ¿Conocen algún servicio similar a los presentados? Pueden dejar sus comentarios en este post.

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

jueves, agosto 02, 2012

Los mejores posts de RFS Digital Mayo de 2010

Cómo averiguar la versión de Java que tienes instalada: En el siguiente post veremos cómo averiguar la versión de Java instalada en nuestro computador y actualizarlo, en caso de ser necesario. Java es un lenguaje de programación orientada a objetos desarrollado por Sun Microsystems (ahora propiedad de Oracle) alrededor de los años 90. Y cuya popularidad se ha extendido al punto de ser uno de los lenguajes de programación más populares tal como lo demuestra este gráfico:

Buscadores de archivos en formato PDF: PDFGeni es un buscador de archivo en PDF efectivo y fácil de usar, está especializado tanto en temas de negocios como de computación, revistas e ingeniería. PDF Search Engine: Otro buscador que permite encontrar archivos en formato .ppt, .pdf y .doc.

Varios demos y ejemplos en HTML5: Html5demos es una página desarrollada por Remy Sharp con varios ejemplos interesantes en HTML 5 que pueden ser soportados en Firefox, Opera, Safari y Chrome. Asimismo podemos ver el código. Todos los trabajos están bajo licencia Creative Commons Share Alike 2.0.

Buscadores web semanticos (Parte I): En este post mostraremos una lista de buscadores web semánticos. Antes de ello daremos una pequeña definición sobre la web semántica y sobre qué trata un buscador ¿Qué es la web semántica? De acuerdo con la W3C, la web semántica es una Web extendida, dotada de mayor significado en la que cualquier usuario en Internet podrá encontrar respuestas a sus preguntas de forma más rápida y sencilla gracias a una información mejor definida.

Buscadores web semanticos (Parte II): Este post es una continuación de la primera parte sobre buscadores web semánticos.

Yougetsignal.com, nos informa cuantos dominios se alojan en un hosting: A la hora de buscar Hosting o alojamiento para nuestro/s blog/s es importante cerciorarnos de que dichas empresas cumplan con lo prometido "en sus respectivos planes de alojamiento" web. Una buena herramienta online para ver con que (tipos de) webs compartimos nuestro hosting ya alquilado es Yougetsignal que con solo poner el nombre (dominio) de nuestra página web (o el de cualquier otra página) podremos ver si dicho hosting está muy cargado de otras páginas web (lo cual puede poner lento el desempeño de nuestra pagina web) o también observar que tipo de alojamiento web (hosting) pueden estar usando ciertas webs de nuestro interés, las cuales podrian ser:

Juegos desarrollados en JQuery: En este post mostraremos una lista de juegos desarrollados on JQuery (un framework o biblioteca de JavaScript). JQuery permite hacer simple la interacción con documentos HTML, manejar eventos, interactuar con Ajax y realizar animaciones.

Los límites de los usuarios en Twitter: Este genial infografía vista en el blog de Gaby Castellanos nos muestra los límites que tenemos nosotros los usuarios en Twitter.

40 cosas que probablemente no sabías de Linux: Quien no conoce el sistema operativo GNU/Linux. Éstas son algunas de las cosas que le han ocurrido en sus ya 18 años de vida. 1. Linux Torvalds desarrolló Linux mientras estudiaba en la Universidad de Helsinki en 1991. 2. El año pasado, el 75% del código creado para Linux fue desarrollado por programadores que trabajan en empresas privadas.

Cómo utilizan las empresas las Redes Sociales: Un interesante gráfico que nos muestra el uso de las redes sociales por parte de las empresas a nivel mundial. Algunas de las cosas más interesantes: El 79% de empresas a nivel mundial tienen al menos una cuenta en Twitter, Facebook, YouTube y un blog y 20% tienen cuentas en todas. Las redes o medios más usados son Twitter (65%), Facebook (54%), YouTube (50%) y Blogs Propios (33%)

Facebook: Comprueba tu nivel de privacidad: Gracias a Profile Watch, podrás comprobar el nivel de privacidad que tiene tu cuenta dentro de Facebook. Con ello podrás ver la información que publicas y que puede ser vista por cualquier persona en la red.

¿Qué les parecieron las aplicaciones mostradas? ¿Conocen algún servicio similar a los presentados? Pueden dejar sus comentarios en este post.

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

lunes, julio 09, 2012

La Evolución de la Programación

Interesante infografía sobre la evolución de la programación con sus respectivas fechas de creación e imágenes en cada ítem que explican dónde se utilizó cada lenguaje y cómo crear un "Hola Mundo". Esta es la infografía creada por Services Angle:

Pulsar la infografía para verla más grande

A continuación se detalla la fecha de creación de cada uno de los lenguajes de programación:

Fortran (1954)
Lisp (1958)
Cobol (1959)
Simula (1962)
Basic (1964)
Pascal (1968)
C (1969)
SQL (1975)
C++ (1983)
Perl (1987)
Python (1991)
Java (1995)
JavaScript (1995)
C# (2001)
.Net (2002)
Ruby on Rails (2005)
Node.js (2009)

En la lista no están lenguajes que en la actualidad son populares como Php, Objective-C, o Visual Basic pero están listados todos los demás lenguajes populares hoy en día, algunos frameworks, y aquellos que fueron utilizados en consolas como la Nintendo NES, hasta en las redes sociales más populares como Facebook o Twitter.

¿Has escuchado o trabajado con alguno de estos lenguajes o frameworks de programación? ¿Qué te pareció?

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

jueves, junio 14, 2012

Pollmo, crea tus encuestas online en solo tres pasos

Pollmo.com - crea tus encuestas online en solo tres pasos

Hacer encuestas en línea es una forma muy atractiva de interactuar con los visitantes de nuestro sitio web, así podemos conseguir su participación. Aunque existen numerosas aplicaciones web que permiten crear encuestas en línea, a menudo molestan los pequeños/grandes detalles como: tener que registrarse en una cuenta o tener que confirmar nuestra dirección de correo electrónico. La eliminación de estos inconvenientes, y la sencilla configuración de una encuesta en línea es lo que hace muy atractiva esta web Pollmo.com.

Pollmo.com, es una aplicación de sondeo online muy fácil de configurar. Vuelvo a recalcar que no es necesario tener una cuenta o tener que registrarte. Y en solo tres sencillos pasos creamos nuestras encuestas online, ¿Cómo?: primero...

1. Escribimos la pregunta general.
2. Escribimos las opciones a elegir o marcar, una por línea. Y por ultimo...
3. Elejimos la piel o el tipo de color del borde o marco de nuestra encuesta.

En el acto se crea un código de embebido y una URL de enlace directo, ambas pueden ser utilizadas para nuestros blogs o sites favoritos.

Los votantes podrán ver los resultados de la encuesta inmediatamente después de la votación.

Ejemplos online del código de embebido y la URL de enlace directo:

View Qualtrics PollQualtrics Survey SoftwareEnterprise Feedback Management

Enlace directo o link de: ¿Cúal es el mejor servicio de Hosting?

Características principales de Pollmo:

- Es un servicio web muy fácil de usar.
- Nos permite crear todas las encuestas que queramos en línea.
- No requiere de registro.
- Podemos embeber nuestras encuestas o compartir el link directo de esta.

Crea tus propias encuentas online y pegalos en tus blogs y/o foros favoritos con: Pollmo.com

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

jueves, mayo 31, 2012

WebWait - ¿Cuánto tarda en cargar tu blog?

WebWait es un sitio web que prueba la velocidad de carga de una página web. El cronometro es exacto porque WebWait analiza todo el sitio web en el navegador, esta toma el procesamiento Ajax/Javascript en cuenta y la carga de imágenes de la cual otros instrumentos similares no lo hacen.

¿Entonces esta web nos dará información de importancia? sí, como: cuán rápido carga un sitio y/o como usuarios de Internet, qué tan rápido es nuestra conexión, y que navegador web funciona mejor.

El uso de esta web es simple: escribimos la dirección de una pagina web en WebWait y esta comenzará a darnos datos durante la primera carga y las que le siguen. La web es interesante para saber si es lenta tu pagina web o si se puede navegar velozmente en ella.

¿Funciona en todos los navegadores? Ha sido probado en todos los principales navegadores: Internet Explorer, Firefox, Opera, Safari y Chrome, con resultados óptimos.

Descubre la velocidad de carga de los principales sitios web con: WebWait.com

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

lunes, abril 16, 2012

Codecademy: Aprende a programar de forma sencilla

Codecademy es un site en el cual puede aprender a programar de forma sencilla. El propio sitio se encarga de darte lecciones cortas que puedes ir realizando en sesiones cortas dependiendo de tu uso del tiempo. A medida que vas avanzando, se van mostrando lecciones más complicadas y de esa forma podrás medir tu progreso. Al final podrás tener el conocimiento básico sobre la programación.

Probé por casi una hora la aplicación y me parece que vale la pena que personas con conocimientos básicos de programación o que desean aprender a programar desde cero puede aprovechar esta herramienta. Es posible también obtener reconocimiento a través de badges que se pueden twittear (al estilo de foursquare).

Link: Codeacademy

viernes, marzo 16, 2012

Juegos en HTML5

Mozilla Labs Gaming es un portal creado con la finalidad promover el desarrollo de juegos en HTML5. En este se encuentran una serie de diferentes juegos desarrollados en HTML5 que fueron candidatos en el Game On .

Estos juegos han sido desarrollados con el uso de tecnologías abiertas, tanto como el lado de cliente (HTML, CSS, JavaScript) como el del servidor (PHP, Python, Ruby o Java), con el uso de bibliotecas y sin utilizar plugins en el browser.

Link: Mozilla Labs Gaming

domingo, mayo 15, 2011

InstantBluePrint: Herramienta para el diseñador web

InstantBluePrint es una herramienta pensada para los diseñadores web pues evita el hecho de juntar las librerías CSS, Javascript, etc. que son necesarias una y otra vez. Puedes elegir entre una lista de estándares disponibles y cuando se tenga todo listo, poder descargarlo en segundos.

Link: InstantBluePrint

domingo, mayo 09, 2010

Juegos desarrollados en JQuery

En este post mostraremos una lista de juegos desarrolldos on JQuery (un framework o biblioteca de JavaScript). JQuery permite hacer simple la interacción con documentos HTML, manejar eventos, interactuar con Ajax y realizar animaciones.

Esta es nuestra lista de juegos:

jTypingHero

Un juego parecido al Guitar Hero pero usas el teclado.

Ajedrez: