Generador de iconos Flat

generador de iconos flat

generador de iconos flat

Últimamente esta en auge el diseño Flat que no es otra cosa que diseño simple. Aquí se aplica muy bien eso de que: menos es mas.

Haciendo un poco de historia el diseño Flat es el contrincante del diseño Esqueumorfico (Que hasta hace poco usaba Apple). Microsoft fue el primero en impulsar esta tendencia con su Windows 8. Si bien el sistema operativo no ha convencido a muchos (incluido a mi) su diseño si resultó agradable a tal punto que Google lo implantó en Android y después Apple -si, Apple- también basó el diseño de iOS 7 en el estilo Flat.

http://flaticons.net es un generador web con cientos de iconos Flat que puedes personalizar y usar en tus proyectos. Seguramente econtraras el icono que necesitas.

La realidad del desarrollo de software en Tabasco

Para los que nos leen de fuera  les comentaré que Tabasco es un estado del sureste de México.  Buena parte de su población es de ascendencia Maya como yo,  pero si hay algo que representa a Tabasco es la Cultura Olmeca ya que aquí se originó.

Algo mas que caracteriza al estado es que junto con Campeche son los mayores productores de petróleo de México, lo que en teoría debería provocar que la población del estado tuviese una calidad de vida media-alta (cosa que no es así); Pero viendo un poco mas allá también su desarrollo tecnológico debería estar por encima del promedio nacional. La realidad es que estamos por los suelos en cuanto a tecnologías de información. Hay pocas empresa de TI y la mayoría solo se dedica a vender fierros ( accesorios, router, consumibles, etc. ) y el resto solo a hacer paginitas web sin crear nada interesante ni innovador.

Hay muchos factores que influyen en esta situación:

- El poco interés de los alumnos en el desarrollo de tecnologías de información. Mi colega Eduardo ya posteó un articulo de eso.

- Lo poco capacitados que están los profesores para exponer con claridad los temas de informática ( muchos de ellos si quiera han trabajado en la Iniciativa privada ).

- La mala administración de los recursos por parte de las autoridades estatales para apoyar a quienes en verdad quieren hacer algo por el estado. En este aspecto el Citi ( Centro integral de Tecnologías de Información ) tiene mucha responsabilidad.

Esta organización creada con el fin de ayudar a obtener recursos de los gobiernos para brindárselos a  proyectos innovadores ha sido durante años la gallina de los huevos de oro para personajes nada ilustres en mi estado. Como ejemplo de ello su -hasta hace poco- director:  José Carlos Galván.

Este tipo malversaba los recursos adjudicándose a si mismo proyectos fantasmas, el caso es que al final el está siendo investigado por un  fraude al gobierno del estado al venderle un sistema informático que no sirve. Lamentablemente su sucesor en el cargo es uno de sus compadres.

Recuerdo que una vez acudí a ellos  (citi tabasco ) para presentarle un proyecto del desarrollo de exoesqueletos en el que estaba trabajando. Lino Romero(En aquel entonces presidente o director del Citi ) ni siquiera me atendió sino que me envió con uno de sus lame botas (Daniel Amieva @godany) un tipo que no tenia la mas mínima idea de lo que le estaba planteando.

Tristemente la ayuda provino de una empresa en Ciudad de México para la que ahora desarrollo un software. Me hubiera encantado poder trabajar para mi querido estado Tabasco.

Ojala existan cambios estructurales en el nuevo gobierno del estado que den impulso al ramo del desarrollo de tecnologías de información.  Que se  ayude a proyectos innovadores y no a personas de peso en la política cuya única meta es  seguir viviendo como parásitos del gobierno y convirtiendo a instituciones como el Cititabasco en un nido de roedores.

[Adv] Iniciando con Proyectos Avanzados

Bueno he de decir que apartir de ahora vamos a marcar un punto de no retorno, donde todo lo que sabemos lo vamos a aplicar con conciencia en el impacto que tendra en la vida diaria. y esque crear software no es solo hacer aplicaciones que sumen , resten, meter y sacar cosas de una BD, hacer un slide de imagenes. Sino la aplicacion que los usuarios le dan a estas.

Leer más

[Javascript] Valores de Las Flechas del Teclado

Para obtener el valor de las flechas del teclado en si , el llamado keyCode bastara usar una funcion con un parametro llamado event que sera quien lleve los datos de la tecla presionada en cuestion, esto se activara con cualquier evento normal de javascript.

En el ejemplo que nos ocupa ahora usaremos el ejemplo onkeyup que se activa cuando la tecla deja de ser presionada.

document.querySelector("#cajadetexto").onkeyup = function(event){
alert(event.keyCode);
}

Al presionar una tecla sobre la caja de texto con id=”cajadetexto” se nos lanzara una alerta con el valor del caracter de la tecla presionada.

Los valores de las 4 flechitas del teclado son :

<-       :   37
arriba :  38
->       :  39
abajo  :  40

Se pueden hacer verificaciones de las teclas presionadas sabiendo el codigo de cada tecla, con esto podriamos programar por ejemplo una accion determinada al presionar alguna tecla.

[WebGL] Desarrollando un Cubo con Three.js

En una entrada anterior hablamos de lo que era Three.js , continuaremos nuestro viaje por la senda del desarrollo 3D esta vez desarrollando un cubo, lo haremos con el poder que nos presta Three.js la libreria esta aqui lista para agregar al proyecto.

Hay muchos conceptos y detalles 3D que aun vamos a ignorar en este articulo, los guardaremos para despues ya que tengamos un poco mas de practica en el desarrollo de objetos basicos con Three.js.

Bueno lo primero que haremos sera tomar nuestro contenedor y crear nuestra escena, en el articulo anterior ya hablamos de ellos, pero esperamos en un articulo futuro hablar de esto con mucho mas detalle.

container = document.getElementById( 'container' );
scene = new THREE.Scene();

Leer más

[WebGL] Introduccion a Three.js – Javascript 3D

Quiero dar una introduccion a este articulo que lei en html5rocks.com para que empezemos a crear nuestros desarrollos de Graficos en 3D Con la ayuda de la libreria Three.js.

Usaremos Three.js para crear desarrollos en 3D en nuestro navegador de la mano de Javascript. Con esto vamos a crear camaras, objetos luces , materiales y mas , y tendremos la opcion de renderizar , lo caul significa que podremos elegir entre HTML5 Canvas , WebGL o SVG.Para crear cosas asombrosas con Three.js vamos a necesitar gastar mucho tiempo en leer ejemplos y hacerles ingenieria inversa.

Leer más

Web FrameWorks para Nuestra Felicidad

Naturalmente cuando pensamos en crear una pagina una pagina web y tenerla alojada en algun servidor o usar un servidor de paginas web siempre llega nuestra mente o en nuestras busquedas de gooogle el Apache Server o el IIS de Microsoft pero cuando uno se esta iniciando en el mundo de las paginas web Apache es suficiente.

Si hablamos de algun lenguaje de servidor con los amigos lo primero que saltara en la platica sera PHP , Acontinuacion hemos hecho una recopilacion de “Servidores” que aparte de que sirven las paginas web nos sirven como lenguaje en el lado del servidor dandonos opciones de elejir cual se apegue mas a nuestras necesidades de desarrolladores de aplicaciones y como siempre … todas libres.

Google AppEngine

El motor de aplicaciones de google es una excelente fuente para crear aplicaciones web para empezar a familiarizarse con este engine google dispone de una version descargable-instalable que para probar y crear aplicaciones que corran sobre la maquina en cuestion.

El motor de aplicaciones de google brinda alos desarrolladores toda la experiencia de escalabilidad de software y apis supercargadas con servicios como cola de tareas , XMPP y SQL en la nube. hay versiones del Google Appengine para Python, Go y Java.

Direccion : https://developers.google.com/appengine/

Leer más

[CSS3] Aplicando Transformaciones CSS3

Las transformaciones en CSS3 son especiales para cuando queremos darle un toque a nuestras cajas [div,span, etc] o a nuestras imagenes, las transformaciones que trae CSS3 son scale, rotate,skew y translate … nosotros solo nos vamos a fijar en las primeras 2.

Transformaciones CSS3 Rotacion

Entrando al tema que nos toca las trasnformaciones , de nuevo nos vamos a enfocar en los navegadores Firefox y Chrome … prefijos … moz y webkit.

Los atributos de las transformaciones son :

-webkit-transform : transformacion

-moz-transform : transformacion

donde transformacion puede tomar los valores :

scale(escala) , rotate(angulo) que seran los insdispensables para esta entrada . si tenemos una imagen por ejemplo la de drupal : cuyo codigo es :

<img title="Drupal" src="http://pharalax.com/blog/wp-content/uploads/2012/06/Drupal-262x300.png" alt="" width="262" height="300" />

Leer más