MLópez | IT Solutions

“Computer Science is no more about computers than astronomy is about telescopes.”

Esta imagen explica muchas cosas… [pixeles] — 11/14/2013

Esta imagen explica muchas cosas… [pixeles]

¿Qué es un pixel?

A menudo asociamos este término a las cámaras digitales o a la resolución de las imágenes. Entendemos que cuantos más megapíxeles tenga una imagen mayor es la calidad con la que cuenta. Pero, ¿sabemos realmente lo que es un pixel?

 

 

Un pixel es la menor unidad en color que forma parte de una imagen digital, ya sea una fotografía, un fotograma de vídeo o un gráfico. El pixel es la abreviatura de Picture Element, y se puede observar al ampliar una imagen digital. Los pixeles aparecen como pequeños cuadrados o rectángulos en color, en blanco y negro o en matices de gris.
El número de colores o gamas de gris que son mostrados dependen del número de bits que representan un pixel. Así, en modo color de 8-bits, el monitor de color -cada pixel está compuesto por tres colores: ojo, azul y verde- utiliza 8 bits para cada pixel, permitiendo mostrar 2 elevado a 8 -256- colores diferentes o gamas de gris. Cuántos más bits se utilizan para representar un pixel, mayor es la resolución de una imagen.
Un megapíxel está compuesto por 1.048.576 píxeles y es comúnmente empleado para medir la resolución de las cámaras digitales.
Y para finalizar, ¿cuánto mide un pixel? Resulta que el píxel es sólo una unidad de división sin un tamaño real concreto; ya que el tamaño que adopte dependerá de la resolución que asignemos a una imagen. De ese modo, cuando decimos que una imagen tiene 200×100 píxeles, sabemos que la imagen está dividida en 20.000 pequeñas celdas -píxeles-, pero desconocemos su tamaño físico real. Distinto es si asignamos una resolución: al decir que una imagen tiene 100 píxeles por pulgada, sabemos que cada píxel equivale a 2,54 mm, ya que cada 2,54 cm -tamaño de una pulgada- hay 100 celdas.

 

5 Muy buenas alternativas a DreamWeaver (Gratuitas) — 10/03/2012

5 Muy buenas alternativas a DreamWeaver (Gratuitas)

BlueFish

Diseñado especialmente para desarrolladores web y programadores, BlueFish ofrece una variedad de opciones para escribir el código de sitios, acompañado de otros scripts. Tiene soporte para varios lenguajes, entre los cuales se cuentan HTML, C, C++, HTML5, y más. También tiene soporte para varios lenguajes de markup. Es un editor muy liviano –y por ende, transportable en dispositivos como pendrives con su instalador, o también para subir en la nube- y tiene un arranque rápido para no perder tiempo.

También cuenta con soporte para FTP, SFTP y más. Un detalle que tiene es que cuenta con un corrector de textos que puede discernir entre código y texto, sin marcar correcciones en los trozos de código que estemos escribiendo. Es además muy personalizable, por lo que se puede adaptar a los gustos de cada uno. Finalmente, al ser un desarrollo open source, es completamente gratuito.

Amaya

Amaya es un cliente que nos permite desarrollar páginas web, pero también navegarlas. Esto es fundamental para testear la usabilidad de una determinada página web que estamos desarrollando o supervisando. El programa puede usarse para crear las páginas y subirlas a un servidor, además de contar con una interfaz muy simple que no requiere demasiados conocimientos –aunque sí requiere obviamente que tengamos un conocimiento básico en el desarrollo de páginas web-. La ventaja con la que cuenta este programa es que podemos tanto crear como navegar.

También permite la edición múltiple de documentos de diferentes formatos, como puede ser XHTML, XML, SVG, y más. Las funcionalidades de edición de Amaya nos permiten crear hipervínculos fácilmente, y en este sentido se asemeja más a Dreamweaver –en el sentido en que puede ser más accesible. También es completamente gratuito, con el aval de la W3. De hecho, lo podemos descargar desde su página oficial.

First Page

Desarrollado por la compañía Evrsoft, se trata de un editor web completamente gratuito de HTML, que nos permite mejorar el código que hayamos previamente desarrollado. Tiene una facilidad de uso interesante, y también es un programa bastante veloz, en comparación con el tiempo de arranque que tienen otros programas como Dreamweaver. Los autores de First Page se jactan de poder atraer tanto a principiantes del mundo HTML como a los verdaderos expertos, y por lo que podemos ver –considerando que se trata de una opción gratuita- están cerca de la verdad.

Con First Page podremos acceder a archivos locales y remotos, insertar y convertir archivos, seleccionar etiquetas de una base de datos, personalizar de acuerdo a estilos CSS, y también personalizar la forma en la que vemos las etiquetas. Así podemos ver cómo nos otorga más opciones de personalización que Dreamweaver, que tiene opciones similares. Se puede previsualizar el trabajo en hasta 4 navegadores diferentes, escribir en una página Split (viendo el diseño y el código al mismo tiempo) y más.

Aptana Studio

Aptana es una de las opciones más populares para crear páginas web que se encuentran en internet. Es una suite poderosa que nos da varias opciones, por lo que no tenemos que quedarnos simplemente con escribir el código y previsualizarlo. Es un servicio gratuito, que luego se puede actualizar a una versión profesional –y de pago- que agrega algunas funcionalidades más.

Aptana cuenta con soporte para Ajax, HTML, CSS, DOM, y más, y también se pueden descargar plugins para trabajar en el desarrollo de proyectos con Adobe AIR y de iPhone. También puede ser usado por desarrolladores PHP. Para los más principiantes, cuenta con un asistente para crear webs, y además un poderoso debugger integrado para solucionar potenciales errores.

Kompozer

Para cerrar con nuestra lista, recomendamos Kompozer, otro servicio gratuito para crear páginas web que es similar a Dreamweaver. Con Kompozer podemos contar con un  manager de FTP, un picker de colores para pasar a hexadecimal, un editor de CSS, barras de tareas que pueden ser personalizadas para incrementar la productividad, marcadores, y un corrector de ortografía automatizado que, como otras de estas herramientas, pueden ser diferenciados de las etiquetas.

Otro de los aspectos interesantes de Kompozer es que está Powered by Mozilla, así que lo tenemos avalado por los que nos trajeros Firefox y Thunderbird, entre otras cosas. Cuenta con un editor de texto WYSIWYG, y con soporte para trabajar en páginas múltiples. Finalmente, cuenta con un buen editor de CSS para concentrarnos en los aspectos de diseño de la página.

2 recursos que TODO WebMaster debe conocer — 10/02/2012

2 recursos que TODO WebMaster debe conocer

Para cuando estamos trabajando en un proyecto Web en HTML 5 es bueno conocer html5shim. Es un pequeño archivo java script que permite que navegadores obsoletos como Explorer 5,6,7 y 8 soporten el trabajo con las nuevas etiquetas de html.

También lo hace con Versiones antiguas de Firefox (3x) y Safari.

La forma de implementarlo es súper simple añadiendo un pequeño hack en el código de nuestra página.

<!–[if lt IE 9]> <script src=”http://html5shim.googlecode.com/svn/trunk/html5.js”></script> <![endif]–>

De esta forma lo que estamos hacienda es traerlo de forma remota sin tener que incluirlo en nuestro servidor.

Esta es su Web y aquí la página del proyecto en Git Hub.

Luego contamos con LESS CSS que es otro archivo JS que podemos utilizar en nuestros proyectos y aparte trabaja con node.js del lado del servidor. Lo que hace es dotar al simple CSS de una dinamica mas similar a un lenguaje de programación. Permite entonces el uso de variables, mixings, funciones e incluso operaciones! El siguiente ejemplo ilustra un poco lo que quiero mostrar:

// LESS

@the-border: 1px;
@base-color: #111;
@red: #842210;

#header {
color: @base-color * 3;
border-left: @the-border;
border-right: @the-border * 2;
}
#footer {
color: @base-color + #003300;
border-color: desaturate(@red, 10%);
}

Que luego el navegador renderizaría del siguiente modo:

/* Compiled CSS */

#header {
color: #333;
border-left: 1px;
border-right: 2px;
}
#footer {
color: #114411;
border-color: #7d2717;
}

Los invito a que visiten la página Web lo descarguen y lo prueben. Lo que al principio resulta algo tedioso y molesto después se termina convirtiendo en una herramienta super útil. ;)

50 fuentes que deberias descargar — 08/01/2012

50 fuentes que deberias descargar

5. Yonna

7. Mars

8. Cabin

11. Filetto

17. Kristi

21. Lekton

22. Slice

26. RBNo2

27. Cousine

29. Muli

30. Mako

33. Nunito

36. Shanti

37. Banda

43. Tabitha

46. Decibel

49. Duke

A %d blogueros les gusta esto: