Archive for the ‘Web y/o Internet’ category

A Facebook también le gustan los círculos

September 12th, 2011

[ad#contenidouno]


Pues aquí nada mas una imagen, donde al parecer facebook da “señales” de gustarle los circulos

 

 

 

 

 

 


Aqui los “originales” de google

 

 

 

Node.js para windows

September 12th, 2011

[ad#contenidouno]

Que tal, pues no puedo dormir y fui a parar a la pagina de node.js donde me entero que ya hay un instalador para windows de Node.js (o al menos eso parece).

Esto lo acabo de ver en la pagina de node.js -> http://nodejs.org/#download

Anteriormente habia que bajar los fuentes desde github o algun mirror y compilarlo usando cygwin o como en mi caso, perecer… ok rendirse en el intento a menos de instalar/virtualizar un linux y hacer un procedimiento similar.

Ahora que es node.js?

Como diriamos por acá, es lo de hoy, un lenguaje del lado del server (php,asp,jsp) pero basado enteramente en JavaScript permitiendo llamadas asincronas (la siguiente linea se puede ejecutar sin que la actual termine de ejectuarse).

Su sintaxis es muy parecida  javascript  y utilza “modulos” para expandir las funcionalidades. Una de las principales carectiristicas que destacan sus defensores es que puede soportar una gran cantidad de requests/peticiones.

En el post anterior les hable sobre el ciclo de conferencias de http://mejorando.la hubo una muy buena de @neojp donde hablaba de herramientas para agilizar el trabajo con CSS y HTML (stylus y jade),las cuales se suelen usar con node.js

http://en.wikipedia.org/wiki/Nodejs

http://nodejs.org/

Este post nos describe también y mucho mejor que yo lo que es node.js lo y lo que se puede hacer:

http://www.rmunoz.net/introduccion-a-node-js.html

Mejorando.la Parte 2

September 10th, 2011

[ad#contenidouno]

Come, vive y duerme mejor con Rails con @yaraher

Nos platica los inicios de RoR (Ruby on Rails) allá por los años del 2005

Siguio platicando ahora sobre la estructura que maneja Rails y su flexibilidad en las aplicaciones.

Una charla mucho mas técnica que las 2 anteriores menos emotiva pero muy buena tambiean, @yaraher realiza un ejemplo en vivo con rails mostrando los comandos basicos para iniciar un proyecto en RoR, utilizando los generadores que RoR tiene por default muy interesante el scaffolding que maneja.

http://railsinstaller.org

Aqui el codigo de la aplicación que desarrollo en vivo:
https://github.com/xenda/Tweetchive

 

[ad#contenidouno]

 

Arturo Jamaica @ajamaica

Empleando en la conferencia el framework de django. Inicia dando una breve y rapida introduccion a la sintaxis de python y como crear funciones con él y las bondades de django como Herencia de vistas, despachador de URL’s,

Siguio con la explicacion de la estructura basica del proyecto que desarrolla en vivo al igual que se hizo con RoR.

http://python.org

PIP (Las gemas de python) para instalar django y twython
http://pypi.python.org/pypi

[ad#contenidouno]

Se cierra mejorando.la conferencia con:
@freddier

Dejamos de nuevo lo tecnico y regresamos a una conferencia del tipo mas bien emotiva.

Platicando de tecnologias web basadas en javascript (webGL,acceso a hardware), poniendo a Deus Ex como ejemplo, internet y su influencia en el cerebro (dopamina), neurotransmisores etc.

Charla de pura pasion, algo de visión y asi termina mejorando.la conferencia.

 

HTML5 y otras cosas en mejorando.la parte 1

September 10th, 2011

[ad#contenidouno]

Mirando la conferencia de http://mejorando.la/

El ciclo de conferencias que preparo http://mejorando.la (una especie de union entre http://maestroldelweb.com  y http://cristalab.com) esta enfocado a mostrar un pequeño intro a nuevas (o no tan nuevas) tecnologias y herramientas que facilitan el desarrollo web y que estan enfocadas a evitar que el desarrollar aplicaciones para internet se convierta en una pesadilla, liberando tiempo, recursos, dando mas flexibilidad a los proyectos, logrando mostrar resultados o prototipos en muy corto tiempo.

La primera charla via @cvander muy emotiva sobretodo exhortando a los developers,diseñadores,ingenieros de software y todo elm undo que este mayor o menormente relacionado con la web e empezar a probar nuevas tecnologias, nos dio algunos de los principales sitios para subirte a la hola de HTML 5:

http://whatwg.org y http://developers.whatwg.org

http://html5boilerplate.org
http://html5doctor.org
http://html5drocks.com

http://caniuser.com
Muy intersante para ver la compatibilidad de los tags entre browsers
http://demos.mozilla.org
De los creadores de Firefox

http://chromeexperiments.org
De google

[ad#vertical6posts]

Simplificando el frontend de Joan Piedra

Ahora viene @neojp se describe a si mismo como un “samurai del frontend” nodeJS, coffescript entre otras tecnologias.

Su charla un poco mas tecnica nos habla sobre 3 frameworks/engines para simplicar sintexis en 3 tecnologias web que conviven, como lo son CSS,HTML y JavaScrtipt, punto y aparte merece la parte de Node.JS
Stylus:
Sintaxis CSS simplificada,Variables para almacenar valores de atributos en CSS, aritmetica, conversion de colores (hex,rgb,hsl)

Jade:

“Como stylus, pero para HTML”

CoffeScript:

“Como jade y stylus, pero para javascript”

Links de interes:

http://nodejs.org

http://learnboost.github.com/stylus

http://github.com/visionmedia/jade

 

Aqui el video que presento:

[ad#contenido4texto]

 

Hola mundo con JSON y Jquery

December 23rd, 2009

Saludos.

Hace chingos no pasaba por aqui, disculpas.

Desde el dia de ayer, me estuve rompiendo la cabeza para cargar y leer los datos de un XML, utilizaba la funcion de jquery $.ajax y hasta el dia de hoy di con el error, se trataba de el dataType, pues yo le asignaba el valor “xml”, y vagando por diferentes blogs, di con la solucion. Cuando cargas, lees o como sea, un archivo XML , si lo haces desde tu servidor local, lo que obtienes es texto plano, aun asi el archivo sea XML, porque pasa?…no lo se…pero lo solucione al cambiar el dataType a “text” .

Junto a mi epica busqueda de la razon por la cual no podia leer los datos del XML, pense en JSON, ya habia oido sobre el, mas nunca lo habia usado, asi que me puse a investigar y poco a poco me fui enamorando de la sintaxis y forma de estructurar los datos. Asi pues, acabo de hacer mi primer “Hola Mundo” en JSON; y no fue nada dificil.

Empecemos con el tutorial.

  1. Primero, necesitamos saber como se estructuran los datos en JSON.

Los datos en JSON tienen la siguiente forma:

{

"campo" : "valor",

"campo" : "valor"

}

Y tambien puede haber combinaciones como esta:

{

"campo" : "valor",

"campo" : [{

"campo" : "valor",

"campo" : "valor"

}]

}

2. Ahora que ya sabemos como se estructuran los datos en JSON, debemos crear el codigo en php que nos devuelva una cadena con los datos formateados en JSON. Para esto he creado el archivo llamado getJson.php, y contiene el siguiente codigo:

<?php
$json="{'items':[{'mensaje':'hola'},{'mensaje':'mundo'}]}";
echo $json;
?>

3.  Ahora crearemos el siguiente archivo, el cual llamaremos json.html, que contiene el siguiente codigo:

<html>
<head>
 <script src="http://code.jquery.com/jquery-latest.js" ></script>
 <script>
    $(document).ready(function(){
           $.getJSON("getJson.php", function(data){
                     $.each(data.mensaje, function(i,item){
                     alert(item.cosa);
                     });
             });
    });
 </script>
 </head>
<body>
hola mundo de JSON
</body>
</html>

Cuando entremos y veamos el resultado, obtendremos dos alert’s, mostrano el hola mundo; decidi partir la oracion en dos partes, para mostar la forma de acceder a los datos.

Como pueden ver Jquery tiene una funcion especial para obtener datos del tipo JSON remotamente, $getJSON, recibe como parametros la url del script que nos arrojara los datos, y opcionalmente datos que deseemos enviarle al servidor, y un callback, para ejecutar algo de codigo cuando recibamos los datos.

Practicamente lo que hacemos es decirle a jquery que busque el dato “items” y por cada elemento encontrado dentro de el acceda al campo “mensaje” y lo muestre en un alert. ña variable “i” es el contador de numero de elementos que se van encontrando.

Espero que este mini tutorial sea de ayuda para aquellos que deseen empezar a trabajar con JSON

Favicons

October 10th, 2009

Les dejo 2 paginas muy útiles para hacer favicons al vapor y en caliente

Aqui das una imagen y te genera el favicon, además de un gif animado, preview en PNG:
http://herramientas.recuweb.com/favicon/

Aqui puedes crear y descargar tu favicon con un editor muy sencillo y practico, además hay posiblidad de compartir tu favicon bajo alguna licencia:
http://www.favicon.cc/

En fin un par de herramientas para quienes no somos aptos en las artes “fotoshopescas” ó sino tenemos un editor de escritorio a la mano, además de ser muy prácticas para fines de pruebas.

Jamendo y mi recomendación de la semana

August 10th, 2009

Saludos;

Estaba en la oficina intentando escuchar algo de música, ya que la mía ya la chotié demasiado, recordé que Jamendo.com tiene horas y horas de música para escuchar para todos los gustos, eso sí, con Creative Commons , se puede cambiar el idioma a español y buscar música de todos los géneros, muchos artistas son realmente buenos. Les recomiendo la siguiente banda que me encontré en el lugar:

Nomás denle Play y disfruten del disco.