Veteasabertu

¿Qué es un puntero en programación?

2012-01-31T23:42:00.000+01:00

Hoy me gustaría arrojar un poco de luz sobre el concepto de puntero en programación, ya que sin duda se trata de vital importancia para programar en ciertos lenguajes y puede que nos topemos con el en un futuro (si bien es cierto que a priori para hacer una web no es necesario saberlo, siempre es de utilidad).

Por puntero entendemos en programación una indicación a una dirección de memoria (una referencia) que contiene un dato. Una variable de tipo puntero entonces contendrá una dirección de memoria, y esta dirección de memoria será la que realmente contendrá el dato.

Así pues, mediante los punteros se consigue usar y gestionar la memoria de forma dinámica sin tratar directamente con los datos a los que referencia.

Photoshop Express para móviles

2012-01-26T12:47:00.000+01:00

Con la llegada de los teléfonos móviles táctiles, tablets y sus múltiples funcionalidades, está a la orden del día sacar fotos de con una calidad, que poco se diferencia de las cámaras digitales compactas.

Es por eso que gente por todo el mundo, con aplicaciones como Instagram o FxCamera, retocan y comparten las fotos desde el mismo móvil antes de pasar por el ordenador personal.

Y precisamente a esta tendencia se ha sumado Adobe, ya que ha lanzado Photoshop Express que nos permite instalarlo en nuestro terminal, tanto si usamos ios de Apple como Android de Google.

La idea es que puedas sacar fotos, retocarlas y compartirla por correo, Facebook, Twitpic o incluso Photoshop.com con un sólo click.

Encontraremos retoques típicos de Photoshop como contraste, niveles, desenfoque y demás. También herramientas como la de recorte y rotación y algunos efectos como bordes, gamas de colores, etc.

Música para trabajar - Over the hills & far away

2012-01-15T13:52:00.000+01:00

Empezamos el año con un tema homenajeando a Gary Moore, que falleció tristemente el pasado año. La canción en cuestión es Over the hills and far away, extraída de su disco Wild frontiers.

Formatear CSS (ordenar hoja de estilos)

2012-01-11T16:19:00.000+01:00

Hoy quiero hablaros de una herramienta que, para ser sinceros, no le había encontrado utilidad hasta hace una semana. Sin embargo, y es por eso que lo comentamos, me sirvió de gran ayuda.

De vez en cuando tenemos que trabajar con hojas de estilos hechas por otras personas, o simplemente al abrirlas con un programa diferente al que se usó en su momento y el formato se nos va a hacer puñetas.

Está claro que cuando más ordenado tengamos el código, más fácil será encontrar lo que buscamos. Y para eso sirve Procssor. Copiamos el código de la CSS dentro y nos da una serie de opciones para formatearlo a nuestro gusto: en una línea, tabulado, con espacios, etc.

Realmente útil cuando nos encontramos con la hoja de estilos 'desordenada'. Incluso se puede compactar con sus opciones para que la CSS reduzca su peso.

Libros recomendados (II)

2012-01-05T16:33:00.000+01:00

Si los últimos libros que recomendamos eran sobre diseño gráfico y consejos para alcanzar relevancia en internet, hoy le daremos la vuelta a la moneda y recomendaremos libros sobre lenguajes de programación.

PHP y MySQL
Autores, Michele E. Davis y Jon A Phillips
Anaya Multimedia / O'Reilly

Libro para aprender a programar en PHP usando MySQL para cargar contenido dinámicamente en una web. Se trata sin duda del sistema más usado de hacer que una página suministre información fresca al usuario. Este manual puede servir tanto a usuarios nuevos en la materia como referencia para aquellos más decanos. Una traducción al español bastante decente (con algún que otro fallito en el código de ejemplo) y un precio módico.

Piensa en Java
Bruce Eckel
Prentice Hall

Si te interesa aprender a programar en Java desde cero, este es tu libro. Comienza con nociones básicas y va aumentando progresivamente el nivel de dificultad. Aunque su precio es considerablemente más caro que el anterior, sigue siendo de lo mejorcito del mercado en el terreno. Una traducción completa y meticulosamente revisada que nos ayuda a adentrarnos en el universo Java. También válido como manual de referencia.

2011 en Veteasabertu

2011-12-30T13:18:00.000+01:00

Haciendo un breve resumen, este último año 2011 en Veteasabertu se ha tratado, como siempre, temas bastante variopintos, pero siempre dentro de lo que nos interesa.

Vimos cómo con mailchimp se podían mandar newsletters de forma gratuita. Y también repasamos muy escuetamente los tipos de lenguajes de programación que podíamos encontrar, para algunos un rollazo, pero para otros cuanto menos interesante.

Recomendamos algunos libros sobre diseño, según nuestro punto de vista y contemplamos las posibilidades online a la hora de hacerte un portfolio profesional.

Arrojamos luz sobre algunos problemas al cargar un swf dentro de otro en action script 3, para volverse locos, y enseñamos ha hacerte un pop-up de una manera rápida y sencilla.

Herramientas que nos salvarán la vida más de una vez, como el generador de cargadores gif o el site brands fo the world, el directorio de logos de marcas que podías descargar archivos en vectorial.

También contemplamos el nacimiento de nuestro amigo google+, haciendo un breve análisis para ponernos al día. A la vez contemplamos perplejos la elegancia del vídeo HDR y especulamos sobre las posibilidades futuras del mismo.

Veteasabertu fué testigo de cómo Adobe sacaba su nueva aplicación Edge y el progresivo cambio de mentalidad hacia HTML5 y CSS3, temas que, entre otros, se trataron en el EBE11.

Disertamos un poco sobre la figura de community manager y el social media y lamentamos la pérdida de Steve Jobs, siempre desde el respeto.

Y por supuesto hicimos lo que más nos gustaba, trabajar escuchando música, porque para nosotros ambos terrenos están estrechamente relacionados y queremos compartir nuestra visión con los demás.

De modo que este último post de año va dedicado al grupo de personas que hace todo esto posible, tanto los que publicamos, como los que nos leen. Con que hayamos conseguido ayudar solo un poco, significa que nuestro propósito se está cumpliendo. Aquí seguiremos divagando y aportando nuestro pequeño granito de arena a este mundillo en el que nos encontramos.

¡Feliz 2012!

Manual de Joomla! 1.6 y 1.7 en español

2011-12-21T14:33:00.001+01:00

Hace unos meses hablábamos de cómo ver las posiciones de los módulos en Joomla! 1.7, que es la última versión actualmente disponible. De modo que hoy me gustaría volver a hablar sobre las dos últimas versiones.

Hace poco, por circunstancias que no vienen al caso, he tenido que buscar un manual de Joomla! 1.6 y me he topado con problemas para encontrarlo. La relevancia radica en que no existe ningún manual o guía oficial de Jommla! que vaya más allá de la versión 1.5 y menos en español, lo cual me sorprende un poco, habida cuenta de la importancia que tiene que las versiones posteriones no funcionen del mismo modo (al menos no en su totalidad).

De modo que cuando ya me estaba haciendo a la idea de tener que elaborarlo yo (aunque fuera uno básico), me topé, tanto con la respuesta a mi problema, como con un extra en cocoate.com. Y como estoy seguro que no soy ni el primero ni el último al que le ha ocurrido esto, hoy os traigo un manual en español de la versión 1.6 de Joomla! y otro manual para la versión 1.7, también en español, ambos gratuitos.

Realmente las dos últimas versiones son muy parecidas, en cuanto a la interfaz por lo menos. Pero de todos modos no está de más tener una guía de principiantes en pdf para cada uno. Desde aquí mis más sinceros agradecimientos a los elaboradores.

Música para trabajar - Race with the devil on spanish highway

2011-12-15T00:30:00.000+01:00

Hoy os traigo el tema Race with the devil on spanish highway de Al Di Meola, que podemos encontrar en su disco Elegant Gypsy, que ya tiene unos añitos.

Una pieza estupenda para cuando trabajamos bajo presión, si no te pone de los nervios, claro.

Inspiración para diseño web

2011-12-11T00:30:00.000+01:00

¿Qué sería de nosotros sin inspiración? Y es que un buen diseño es tan importante como una buena programación en una web, pero no siempre es sencillo encontrar el estilo que queremos darle.

Cuando no lo tenemos muy claro o sencillamente queremos ampliar horizontes, podemos usar portales como web creme para que nos encaminemos un poco más a nuestro objetivo. Hacen una recopilación importante de webs de diferentes estilos y las agrupan por colores para que puedas buscar por los que te interese.

Personalmente le doy un vistacito cada cierto tiempo, porque está claro que sin inspiración no vamos a ningún sitio. Un recurso bastante útil para el día a día del diseñador.

Diferencia entre display: none y visibility: hidden en CSS

2011-12-02T17:45:00.001+01:00

El otro día en nuestra batalla diaria por la comprensión del concepto 'en esas horas no da tiempo a hacerlo', nos topamos con un paradigma, que si bien no es nada del otro mundo, no nos había surgido la duda hasta ahora.

Se trata de la pregunta ¿qué diferencia hay entre display:none y visibility: hidden en CSS?. Seguro que hemos sembrado la duda en más de uno, pero os preocupéis, que nuestra intención es aclararlo y así contribuir a la evolución de la especie humana.

>Visibility: hidden

Con visibility, podemos ocultar una capa o un elemento en cuestión, pero respetando el espacio que ocupaba. Un ejemplo para su uso podría ser la precarga de una capa, reservas su espacio y luego cuando la muestres, aparecerá en el espacio reservado, sin alterar las capas circundantes.

>Display: none

Con display ocultaremos totalmente el elemento en cuestión, incluyendo el espacio que ocupa. De modo que las capas que se encuentra a su alrededor, actuarán como si ésta no existiera.

Así pues en nuestra tremenda sabiduría de grupo, dimos respuesta a este pequeño e insignificante misterio del universo.

Quiero ser Community Manager

2011-11-27T21:50:00.005+01:00

El otro día le pregunté a mi sobrino de 7 años que qué quería ser de mayor. Yo esperaba la respuesta típica: futbolista, astronauta, bombero,... típica al menos en mi época en la que todos los niños soñábamos con triunfar en nuestro equipo favorito, o surcar la galaxia en el Halcón Milenario. Pero no. Los tiempos cambian, y la respuesta de mi sobrino vino a confirmar la tendencia.

- Titi, yo de mayor voy quiero ser Community Manager.

Community Manager: ¿una moda?
Os podeis imaginar mi cara al escuchar semejante contestación. Y es que los Community vienen a ser los nuevos Cristianos Ronaldos de las agencias de publicidad. Si es una moda o no el tiempo lo dirá. Lo cierto es que hoy en día nada se hace en el marketing online si no ha pasado antes por el filtro de calidad del community de turno. El resto de los que componemos una agencia (webmasters, diseñadores, SEOs, ...) vemos con asombro como el community nos ha adelantado bien, y además por la derecha.

El chico multiusos

Que el Community sea el chico que vale para todo no les gusta ni a ellos. Pero sí es verdad que están consiguiendo un papel tan preponderante que parece que todo tiene que pivotar sobre ellos. Han asumido un rol que no les pertenecía, ya que no se han integrado en el engraje como uno más, sino que han saltado directamente al primer escalafón. Esto hace que los máximos responsables (directores de marketing y publicidad) vean en ellos al chico multiusos. No sólo eso. Además se infravalora al resto de la maquinaria; como mínimo tan importantes como el community.

Me han llegado a pasar cosas bastante surrealistas que ponen de manifiesto esto que comento, como por ejemplo que la ejecutiva de cuentas de una agencia no me diera el visto bueno al diseño de un formulario para una web "hasta que no lo viera su community", o que un cliente, aconsejado por un community, quisiera que las entradas de su blog se publicaran directamente en Facebook, en vez de redireccionar directamente a su blog o web corporativa, según él "para que los fans no salgan nunca de mi fan page". Lo cierto es que si esto beneficia a alguien, es a Mark Zuckerberg.

Un respeto, soy community

Los community manager se han ganado el respeto ellos solitos. Eso sí hay que reconocerlo. Se han hecho imprescindibles para las agencias. Debemos recapacitar en este sentido y aprender de ellos. Los diseñadores web, por ejemplo, no nos hemos sabido vender, ni nos hemos dado tanta importancia como ellos. Tenemos que aprender a "darnos valor". Esto significa, por ejemplo, mirar al community de tú a tú, como un igual, una más dentro del equipo, ni más ni menos que tú.

¿Cuántos anuncios vemos en los que se anuncia el Facebook o el Twitter de tal marca antes que su web corporativa? ¿Qué tiene más importancia: un comentario negativo en Twitter o que tu web tenga pocas visitas? ¿Se prefiere tener más fans en facebook a una web mal construida? El que el cliente dé más importancia a un tema que a otro depende de la importancia que le demos a nuestro propio trabajo.

El futuro papel del community manager

No quiero hacer de futurólogo, pero creo que el papel del community debe pasar por integrarse en la maquinaria. Ser uno más. Su papel, vuelvo a repetir, no es más importante que el del resto, pero ojo, tampoco lo es menos. Mi pensamiento va en la línea que plantea José Carlos León cuando habla de Los Web Mosqueteros. El community no puede llegar y arrasar con todo. Y también los directores de agencia no pueden ni deben delegar todo en una sola persona.

No estoy en contra del community (aunque lo parezca)

Pues eso. Mi postura puede parecer que es contraria a esta figura. Pero ni mucho menos. Los esperamos con los brazos abiertos para trabajar juntos. Les reservamos un asiento a nuestro lado, pero no encima. Es cierto que hay muchos que se ven superados y que rechazan el papel de yo-lo-sé-todo, pero hay otros muchos que van de descubridores del fuego, cuando aquí ya nos calentábamos hace años con electricidad.

Por último, suelo escuchar en repetidas ocasiones cosas como que el Community Manager se siente infravalorado e infrautilizado dentro de su empresa, que gana mucho menos de lo que debería, que nunca descansa o que está demasiado presionado. Ante esto solo puedo decir:

!!!Bienvenido al mundo real, querido Community ¡¡¡

Desactivar avisos de PHP (PHP notice)

2011-11-22T19:48:00.001+01:00

Seguro que os ha pasado que estáis haciendo una web en PHP y os empiezan a salir avisos en pantalla. Estos avisos, cuando estás en la fase de desarrollo son muy útiles ya que te van guiando un poco en los posibles errores que vas cometiendo. Si embargo, una vez finalizada la fase de desarrollo, a veces siguen saliendo estas advertencias, que no interfieren en el funcionamiento de la web, pero que son muy molestas.

Así pues, os voy a explicar cómo se desactivan los mensajes de aviso de PHP (PHP notice) cuando trabajas en local con XAMPP (aunque es extrapolable si usáis otro paquete o habéis hecho la instalación manualmente), ya que si hablamos de un alojamiento online contratado, basta con hacer una petición para que lo hagan.

Primero debes localizar la carpeta php y buscar el archivo php.ini dentro del directorio. Una vez abierto hay que buscar el texto "error_reporting =" y sustituir el valor por este "error_reporting = E_ALL & ~E_NOTICE". Ahora encuentra "display_errors =" y reemplaza el valor por el siguente "display_errors = Off".

Una vez hecho lo anterior, tendrás que reiniciar Apache para que actualice los cambios y listo. Ya se puede volver a respirar con normalidad.

Música para trabajar - Secrets & Far above the clouds

2011-11-16T00:00:00.000+01:00

Empezamos con el primer post de música para trabajar con un tema que no sólo deleitará vuestros oídos, sino también vuestra vista.

La canción en cuestión es la unión del tema Secrets con el tema Far above the clouds, ambos se encuentran en el Tubular bells III de Mike Oldfield.Y digo la unión, porque si bien, en el disco aparecen como pistas separadas, fueron concebidas para escucharse de manera conjunta (como veréis en el vídeo).

Os pongo el vídeo de este concierto, que es de la premiere del disco, ya que tuve la oportunidad de verlo en directo (en televisión, por desgracia, jejeje) y fue el motivo de que me enganchara definitivamente a la música de Mike. Para proyectos grandes, subidón idóneo.

EBE 11, Evento Blog España

2011-11-13T19:59:00.002+01:00

Un año más ha tenido lugar el EBE (Evento Blog España) en Sevilla para deleite de los que rondamos este mundillo. Un evento en el que, como de costumbre, Veteasabertu no ha querido perder la oportunidad de asistir a las conferencias durante el fin de semana, unas conferencias que esta vez han tenido lugar en el Pabellón del Futuro.

Una organización bastante buena y en líneas generales unas ponencias interesantes, que versaban sobre la temática "Sociedad y cambios más allá de la web". Destacar que, tanto la conferencia inaugural (de la mano de David Bravo), como la de clausura (a cargo de Pablo Arrieta), fueron excepcionales.

En resumen, hemos tenido todo un evento que nos ha vuelto a dejar con ganas de repetir el próximo año. A ver qué nos preparan esta vez.

Los que no tuvieron la oportunidad de ir, pueden ver los vídeos del EBE11 a través de Ágora directo.

Repositorio de clases PHP

2011-11-04T13:34:00.000+01:00

Cualquier programador que se precie, si quiere economizar el tiempo a la hora de desarrollar una web, acaba recurriendo a clases ya hechas para cierto tipo de cosas.

Si bien es cierto que la mayoría del código surge de uno mismo, no menos cierto es que una ayudita de vez en cuando se agradece, sobre todo cuando no damos en el clavo de lo que queremos hacer.

Con el fin de serviros de ayuda, os traigo un repositorio de clases de PHP. Hay de todo tipo, sólo es cuestión de de buscar un poco hasta que encuentres lo que necesitas.

En el portal encontraréis también otros recursos como tutoriales o foros, que os pueden servir de ayuda. Sin duda, habría que agregarlo a favoritos.

Currículums Visuales y Online

2011-10-22T18:31:00.004+02:00

Hoy os traemos una herramienta extremadamente útil en estos días en los que las empresas reciben cientos de currículums para que el tuyo, destaque entre todos.
Hablamos de Vizualize.me es un proyecto por ahora en fase beta, creado diseñadores para hacer currículums visuales, divertidos y funcionales de una manera sencilla e intuitiva.
Para hacer tu propio currículum sólo tienes que darte de alta en su página o si tienes Linkedin accedes a través de dicha cuenta, con lo que además si tienes tu perfil actualizado tienes parte de tu currículum ya automatizado. A partir de ahí es solo cuestión de rellenar datos, quitar y poner gustos e intereses, nivel de idiomas, elegir tu diseño favorito o personalizar colores y fondo para tu currículum.
Yo ya he probado con el mío y es super fácil, asique ¡animo a todos a probarlo!
Vizualize.me

Ver posiciones de los módulos en Jommla! 1.7

2011-10-20T21:48:00.000+02:00

Últimamente vengo trasteando bastante la última versión de Jommla!, la 1.7 y me he encontrado con que hay grandes variaciones respecto a sus predecesoras, no tanto de la 1.6 como de la 1.5. Pero hoy voy a centrarme en cómo poder ver las posiciones de los módulos en la plantilla que vayamos a usar.

Como por desgracia muchas de las plantillas que instalamos en Joomla! vienen sin instrucciones sobre la distribución de las posiciones, es necesario poder identificar de algún modo el lugar donde queremos insertar un módulo.

Para ello debemos ir al 'gestor de plantillas' y una vez dentro pinchar en 'opciones', después seleccionamos la casilla que pone 'vista previa de las posiciones de los módulos' y guardamos. Acto seguido, en el listado de plantillas, no en el de estilos, le damos a la 'vista previa' de la plantilla deseada y listo. Si ponéis al final del nombre del dominio: /index.php?tp=1, también se previsualizan las posiciones de la plantilla.

Con estos pasos ya podemos ver las cajas con los nombres correspondientes para que sepamos donde poner los módulos deseados.

Música para trabajar

2011-10-14T19:24:00.003+02:00

En estos últimos dos años hemos hablado de desarrollo web en líneas generales mostrando trucos, enlaces de interés, novedades en el sector, etc. Pero sin duda alguna, algo que creo que es sumamente importante a la hora de trabajar es la música.

Es cierto que hay personas que no se pueden concentrar si escuchan música, pero a nosotros personalmente nos resulta de gran ayuda en el día a día. De modo que hoy inauguramos una nueva categoría de búsqueda con el objeto de ir añadiendo temas musicales para escuchar mientras trabajamos (claro está que para gustos, los colores).

No importa si eres programador o diseñador (o quizá ambas cosas), iremos publicando progresivamente temas grandes, de múltiples géneros, que ayudaran a sobrellevar mejor nuestros quehaceres cotidianos.

Problema con Apache al instalar XAMPP (error en puerto 80)

2011-10-08T13:58:00.001+02:00

Hace poco instalé XAMPP en un ordenador difente al que normalmente suelo usar. Nunca he tenido problemas al hacerlo, ya que el paquete es muy sencillo de poner. Pero la cosa me trajo un poco de cabeza, me encontre un problema cuando finalizaba la instalación.

El error en particular que me notificaba la aplicación era que el puerto 80 estaba siendo usado ya y por consiguiente no me dejaba usar el servicio de Apache, lo cual era para darse cabezazos.

Bicheando un poco por ahí traté de encontrar respuestas al fallo, pero no había ninguna que me resolviera la situación. Hasta que casualmente, en un manual de instalación de Apache en Windows, se detallaba en una nota el posible inconveniente.

En mi caso, se trataba del servicio IIS (Internet Information Server) de Windows, que usa el puerto 80 por defecto. Entonces basta con detener el servicio y arrancar el XAMPP.

Para hacerlo vamos al panel de control y entramos en herramientas administrativas, luego en servicios de internet y una vez dentro, deplegamos la carpeta de la izquierda hasta que lleguemos a sitio web predeterminado. Una vez ahí, pinchamos encima y le damos a detener.

Con esto quedó resuelta la batalla y XAMPP funcionó correctamente. De modo que por último os dejo el enlace al tutorial que encontré por si os puede resultar de utilidad. Instalación de Apache en Windows.

A la memoria de Steve Jobs 1955 - 2011†

2011-10-06T04:04:00.000+02:00

Quisiera dedicar este post a la memoria de Steve Jobs, una de las personas que han hecho que hoy día la informática sea como es, permitiendo que gente como nosotros trabajen con pasión en lo que les gusta.

Hoy el mundo sonríe un poco menos. Descansa en paz.

Generador de menús en HTML y CSS

2011-09-29T21:28:00.001+02:00

Buscando por ahí he encontrado una aplicación bastante apañada que es sencilla, práctica y funciona muy bien. Se trata de un generador de menús en HTML y CSS para añadirlo a tu web.

Su funcionamiento es bastante simple, seleccionas el tipo de menú a crear, luego la imágenes de fondo del mismo, color, vínculos y listo. Te genera los estilos CSS, el código HTML y la imagen de fondo.

Con unos pocos pasos tenemos ya menú para nuestra web, por si no nos queremos complicar mucho la vida. Un remedio bastante socorrido, sobre todo cuando vamos justitos de tiempo.

El portal en cuestión es CSS Menu Builder.

Wacom Inkling, vuelve el papel y el lápiz

2011-09-20T19:49:00.002+02:00

Hoy día es prácticamente indispensable un ordenador para cualquier trabajo gráfico. Diseños, ilustraciones y demás, pasan por programas de edición, que permite modificarlos o directamente crearlos.

Vamos a centrarnos en el último grupo, ya que el producto que presento a continuación se vale de esta evolución para facilitarnos la vida y de paso dejarnos boquiabiertos.

Si hasta ahora Wacom ha sido la marca por excelencia a la hora de comprar una tableta gráfica, han dado un paso más allá sacando al mercado Inkling, algo con lo que creo que más de uno hemos soñado.

Inkling es una herramienta que nos permite capturar los bocetos en papel mientras los hacemos. Éstos se almacenan en una memoria y permite su posterior edición. Permite almacenar la información en formatos nativos como Adobe® Photoshop® (PSD), Illustrator® (CS3 o superior) (AI) o Autodesk® SketchBook® Pro o SketchBook® Designer (2011 o superior) o, sin capas, en otros formatos de imagen como JPEG, PNG, PDF o SVG.

Pero no sólo permite la captura a groso modo, sino que permite incluso hacerlo por capas. De modo que no te tendrás que preocuparte de hacerlo con posterioridad. Incluso tiene múltiples niveles de sensibilidad de presión del lápiz. Vamos, todo un avance en el sector ideal para regalarlo (a uno mismo, claro).

Os dejo a continuación el trailer de presentación en español para que juzguéis vosotros mismos. Sencillamente impresionante.

Gráfico de evolución de los navegadores

2011-09-11T20:12:00.002+02:00

Para variar, vamos a volver de hablar de google en el blog. En este caso sobre un gráfico que han desarrollado bastante interesante.

El gráfico en cuestión muestra la evolución de los navegadores de internet a lo largo de la historia por año, versiones y tecnología implementada, desde mosaic hasta chrome (cómo no).

Sin duda un paseo agradable para el que tenga un poco de curiosidad sobre el tema. Podéis acceder desde aquí a The Evolution of the Web.

Prezi: presentaciones online dinámicas y visuales

2011-08-30T20:47:00.002+02:00

Afortunadamente, hoy día, podemos hacer presentaciones sin necesidad de usar el tedioso powerpoint. Es más, podemos hacerlas atractivas y dinámicas de una forma bastante sencilla sin necesidad de tener ningún programa instalado en nuestro equipo.

Existen varios portales como slideshare que en base a un registro previo, te permiten crear presentaciones para mostrarlas y compartirlas online. Repositorios que albergan las presentaciones de los usuarios como hace youtube con los vídeos.

No obstante, para mi, el que tiene mayor interés es Prezi, ya que permite hacer presentaciones animadas muy visuales de manera automática y de un modo bastante sencillo. Puedes añadir imágenes, textos, vídeos o animaciones en flash para eriquecerlas, incluso te pemite reutilizar presentaciones de otros usuario para crear la tuya, si lo han permitido, claro.

Podría detenerme para detallar su uso, pero creo que os va a resultar más práctico el tutorial de Prezi traducido por Dolors Reig que se encuentra en el portal y es sencillamente genial. Espero que os resulte útil.

Adobe Edge, HTML5, JavaScript y CSS3

2011-08-03T21:28:00.002+02:00

Adobe Edge es una nueva herramienta que se encuentra desarrollando Adobe para realizar animaciones de un modo sencillo con HTML5, JavaScript y CSS3, usando los estándares web.

Pienso que claramente supondrá otra revolución en el mundo del desarrollo web, no tanto por la tecnología usada, sino por la sencillez a la hora de la implementación de la misma. Recordemos que JQuery supuso un avance a la hora de trabajar con JavaScript y el hecho de poder implementar módulos de programación independientes con un reducido esfuerzo.

Sin embargo, esto iría más allá, permitiendo que personas con reducidas nociones de programación, puedan crear los efectos a su antojo. Es precisamente esta independencia a módulos preestablecidos por parte de los diseñadores (mayoritariamente) lo que provocará el cambio. Aunque aún es pronto para saber la evolución.

Entiendo que el objetivo final será deshacerse del Flash para páginas web, que siempre es engorroso y poco o nada accesible (por no hablar de la cuestión de indexación).

Esta aplicación se puede descargar desde Adobe Labs e instalarla tanto en PC (a partir de Windows Vista) como en MAC, sólo hay que elegir la opción deseada. También puedes descargarte archivos de ejemplos, notas sobre la versión y acceder al foro de discusión.

Por último, independientemente de la aplicación de Adobe y para mostrar el potencial del HTML5, os dejo el enlace al último experimento de Google Chrome, el nuevo vídeo interactivo con el navegador de la mano de OK Go con Pilobolus y el tema 'all is not lost' (es necesario tener el Chrome instalado). Disfrutadlo.

HDR en movimiento (Vídeo HDR)

2011-07-26T01:00:00.011+02:00

Hoy me gustaría hablaros de algo que creo, va a suponer una revolución en el mundo de la filmación. Se trata del HDR en movimiento o lo que es lo mismo, vídeo en HDR, aunque antes convendría aclarar algunas cosas.

El HDR (High Dynamic Range), que traduciríamos como Alto Rango Dinámico, es una técnica que se ha venido utilizando desde hace años en fotografía para crear composiciones con efecto dramático y realista, ya que lo que se intenta es simular es el nivel de detalles que es capaz de captar el ojo humano, sobre todo respecto respecto a la cuestión de las luces y las sombras. Hay que tener en cuenta que las cámaras tienen una serie de limitaciones en este punto.

Este efecto se consigue fusionando dos o más capturas hechas desde una misma posición y con un intervalo de tiempo sumamente reducido para que haya la menor variación posible en cuanto a los objetos que intervienen en la composición (un trípode para esto es indispensable ya que la mínima variación de movimiento hará que la foto se vea borrosa). Estas fotos se deben tomar con diferentes niveles de exposición, desde subexposición a sobreexposición.

Actualmente existen incluso cámaras de fotos capaces de lanzarte tres disparos simultáneos en RAW (formato de archivo que permite almacenar más información) para componerte el HDR. Pero hasta aquí no hay nada fuera de lo común, fotografía con alto rango dinámico, un tema que ya se ha tratado largo y tendido. Pero, ¿y si pudieramos grabar vídeo usando esta técnica?, podríamos hacer unas capturas alucinantes en movimiento.

Pues bien, un estudio de San Francisco llamado Soviet Montage, ha desarrollado una cámara capaz de grabar vídeos en HDR. El sistema que usan es básicamente conectar dos cámaras a la vez, una capta la imagen subexpuesta y otra sobreexpuesta, y a través de un espejo pueden grabar una misma escena al mismo tiempo. Recordemos que el problema era lanzar varias capturas similares únicamente cambiando la exposición.

Así pues, pueden grabar HDR en movimiento y posteriormente en la postproducción ajustar los parámetros para hacer el master a su gusto. Una cuestión que no afecta sólo a la estética del metraje, sino a la propia fase de producción del mismo, ya que se podría incluso prescindir de la iluminación artificial en las filmaciones.

Pero han ido incluso más allá, siendo capaces de grabar HDR en tiempo real a través de una aplicación para iphone y que se encuentra a nuesto alcance. Dicha aplicación, llamada iphone flare consigue hacer el render de los fotogramas en tiempo real gracias a la poca calidad que usa el dispositivo a la hora de la captura (poca en comparación con una cámara profesional).

A todo esto habría que añadir que el sistema no es perfecto y tiene algunos problemas con cuestiones como el tone mapping o mapa de tonos, ya que aún se encuentran mejorando el sistema. De todos modos, personalmente creo que supondrá un antes y un después, tanto en vídeo como en fotografía.

Y ahora sin más dilaciones os dejo el vídeo en HDR de muestra que ha elaborado el estudio para que podáis juzgar vosotros mismos.

Google+, lo que viene

2011-07-19T19:01:00.012+02:00

Hace tres semanas el gigante Google lanzó su apuesta más fuerte por las redes sociales: Google+. Recordemos que no es el primer intento de Google para entrar en el Social Media. Atrás quedan los fracasos de Wave y de Buzz, y en menor medida de Orkut. De hecho no es siquiera la primera 'gran' red social de Google. Ahí esta YouTube.

Tres semanas y más de 10 millones de usuarios. Teniendo en cuenta que aún está en versión beta o que sólo se puede acceder mediante invitación, la cifra es escandalosa.

Google+ vs Facebook

¿Qué diferencias hay entre Google+ y Facebook?. O simplemente, ¿porqué utilizar Google+ si ya tengo Facebook? La característica principal de Google+, es la sencillez.

Será más fácil compartir cosas. Y no sólo más fácil, sino también más selectivo. Podremos elegir qué compartir y con quién, utilizando nuestros círculos (circles). Esta herramienta puede llegar a ser muy útil ya que de esta forma podremos tener en la misma red a familiares, amigos, conocidos, ... a gente del trabajo (ejem), y filtrar qué contenido queremos mostrar a unos y a otros.

Google+ es de Google

No hace falta decir nada más, ¿no?. Google+ se une a Gmail, Docs, Maps, Google Talk, Reader, Calendar, Picassa (donde se alojarán las imágenes que subamos)... Lo podremos tener todo a mano y 'compartir' será más fácil que nunca. Todo ello evidentemente desde una cuenta única.

Si hablamos de los dispositivos móviles, Google también tiene el sistema operativo más versátil de la actualidad: Android. Hacer una foto desde el móvil, subirla, compartirla con el círculo de personas que queramos, todo desde una sóla aplicación. Aplicación que integra la herramienta 'Huddle', especie de 'WhatsApp'.

Cosas a mejorar. Inconvenientes de Google+

A los que están ya acostumbrados a Facebook quizás les cueste un poco de trabajo familiarizarse con Google+. La imposibilidad de 'exportar' tus amigos de una red a otra (a pesar de las múltiples aplicaciones que han ido surgiendo, todas ellas capadas por Facebook) es otro de los puntos negativos a tener en cuenta. Las páginas de empresas (fan page), que Facebook domina, todavía no están desarrolladas, aunque su lanzamiento es inminente, según anunció Jeff Huber, director de comercio local de Google.

¿Cambiará algo con Google+?

Aún no se sabe, es pronto. Pero cambios habrá. Facebook ya no estará sólo. Tiene competencia. Y con los 'circles' la competencia le puede venir incluso a Linkedin, red social para profesionales. ¿Porqué crear un perfil profesional en Linkedin si lo puedo hacer en Google+, y además decirle a quién quiero y a quién no quiere mostrarselo?

El posicionamiento (no olvidemos que Google es un buscador) sí que podría cambiar radicalmente, ya que se habla de que los links que publiquemos en nuestro muro se van a valorar según los +1 que tengan. Incluso en nuestro perfil podremos crear un 'perfil para buscadores', que se mostrará en los resultados de búsqueda.

La cosa se presenta emocionante. La primera impresión que me llevo de Google+ es muy buena, pero de momento hay que 'bichear' la herramienta para conocer hasta dónde puede llegar. Prometo en poco tiempo un pequeño tutorial cuando me empape bien.

Propiedad z-index, profundidad de capas en CSS

2011-07-13T17:17:00.004+02:00

Hoy vamos a aclarar para que se usa la etiqueta z-index de CSS al hacer una web, ya que si la dominamos puede ser de gran utilidad a la hora de realizar estructuras complejas.

Esta etiqueta se usa en CSS para darle profundidad a las capas HTML de una web (como se trabaja por ejemplo con photoshop). De modo que podemos superponer unos div encima de otros a nuestro antojo.

La manera de usar z-index es sencilla: la añadimos al estilo donde queramos aplicarla, le asignamos un valor numérico (no importa cuál sea) y dependiendo del valor, se posicionarán por encima o por debajo unas de otras. De los valores más altos a los más bajos representarán el nivel de profundidad de delante hacia atrás respectivamente.

Es importante ponerle la propiedad position:absolute a las capas que vayan a llevar el z-index para que los div se encuentren en la misma posición. La sintaxis en la css quedaría algo así:

#capa1{
position:absolute;
z-index:10;
}
#capa2{
position:absolute;
z-index:20;
}
#capa3{
position:absolute;
z-index:30;
}

La capa con el estilo capa3 quedaría encima de todas, la capa2 inmediatamente detrás y la capa1 detrás de todas. Así pues, como comentamos antes, los valores en la CSS determinan la posición.

Sitemap: hacer un mapa de sitio

2011-07-03T20:33:00.001+02:00

Un sitemap es un mapa de la web donde se representa la estructura, las páginas, que tiene. Con ello ponemos a disposición del usuario atajos para poder acceder a cualquier sección, prácticamente a modo de índice.

Ahora bien, vamos a diferenciar entre lo que es el sitemap anteriormente definido y el archivo sitemap que se puede subir al servidor, ya que aunque ambos contienen la estructura de la web, no valen para lo mismo.

El sitemap de la web sirve para facilitar la navegación del usuario que entra en el sitio y evitar que se pierda (sobre todo si la estructura es compleja) o para que tenga a mano todas las secciones. Sin embargo el mapa del sitio que se sube al servidor sirve para facilitar la labor de indexación de las páginas por parte de los buscadores.

Un archivo sitemap utiliza el lenguaje de etiquetas XML (Extensible Markup Language) para listar el contenido objeto de indexación (páginas html, php, asp o archivos), algo como esto:

<?xml version="1.0" encoding="ISO-8859-1"?>
<urlset>
<url>
<loc>http://www.portal.es/</loc>
</url>
<url>
<loc>http://www.portal.es/pagina1.html</loc>
</url>
<url>
<loc>http://www.portal.es/pagina2.html</loc>
</url>
</urlset>

Con ello podréis conseguir mejorar el posicionamiento de vuestra web en los buscadores y que os indexen páginas que antes no aparecían en los resultados de las búsquedas.

Os dejo un enlace a un generador de sitemap automático que facilita bastante la labor. Sólo tenéis que poner la url de vuestra web y os generará el código, os descargáis el archivo xml y lo subís a la raíz del sitio. XML-sitemap.com

Directorio de logotipos de marcas

2011-06-07T13:40:00.002+02:00

Sin duda alguna, en el desarrollo de nuestro trabajo diario nos vamos encontrando pequeños problemas que, en ciertas circunstancias, pueden hacer incluso que un proyecto se vaya a tomar por saco a causa del retraso.

Si bien inicialmente hacemos una estimación del tiempo que vamos a tardar en llevar a cabo un encargo, no menos cierto es que hay cosas que escapan a nuestro control y que harán que nos choquemos contra un muro.

Una de las cosas con las que nos podemos encontrar es que el cliente quiera poner una serie de logos en el trabajo que estemos llevando a cabo. Pero lo malo no es que nos lo pida, lo malo es que el individuo presuponga que nosotros nos sacamos logotipos de otras empresas de una chistera.

Ante esta situación podemos optar por una serie de opciones, cada cual más tediosa que la anterior. Desde pedirle al cliente que nos los de (con el correspondiente factor sorpresa), pasando por escanear algún folleto, hasta hacerlos nosotros mismos a partir de algún jpg sacado de una web.

Pero como con este post no quiero traumatizaros, sino aportar un poco de luz, pues os voy a presentar un portal que hará las delicias, tanto de diseñadores como de programadores, por el ahorro de tiempo que supondrá.

La solución que os traigo es un portal llamado Brands of the World™. Un portal en el que después de registrarte, podrás encontrar logos en vectorial (en diferentes formatos, illustrator, corel y demás) de casi cualquier marca del mundo. Estos logos se encuentran sujetos a diferentes licencias, es cuestión de darle un vistazo, aunque la gran mayoría te permite la descarga de manera gratuita.

Con esto puedes salir airoso de veteasabertu cuantos proyectos, aunque el resto de los problemas con el cliente os los vais a seguir comiendo con papas, lo siento. Espero que os sirva de ayuda en un futuro.

El Viernes Grande - Segundo aniversario

2011-05-27T14:06:00.002+02:00

Un año más, con motivo del Segundo aniversario de El Viernes Grande publicamos este artículo.

Hemos recorrido un gran camino desde que nos reunieramos la primera vez. Pero de nuevo, demostrando la entereza que nos caracteriza, acudimos inexorablemente al Gran Día para consagrar esta celebración.

A pocas horas de su comienzo, dejamos el testigo gráfico de este año, porque una imagen vale más que mil palabras.

Site: El Viernes Grande

Crear cargadores GIF

2011-05-16T19:31:00.010+02:00

Hoy vamos a recomendar una herramienta que puede que algunos conozcan, pero que merece la pena compartir para aquellos que no sepan de la existencia de este tipo de páginas que nos hacen la vida más fácil a la hora de hacer páginas web.

Se trata de Preloaders.net una página que nos permite hacer nuestros propios cargadores animados y totalmente personalizados. Una vez que eliges formas, colores, tamaño e incluso velocidad de nuestro cargador lo descargamos en gif y voilá! ya tienes tu cargador para añadirlo a lightboxes y demás. Tienes veteasabertu la de combinaciones posibles para crear.

También aprovecho para recordar el artículo de generador de fondos de rayas que publicamos anteriormente.

Sistemas de información gerencial MIS, DSS y EIS

2011-05-05T20:41:00.006+02:00

Hace algunos meses tratamos el tema del software ERP cuya implantación iba orientada a abarcar la empresa en su conjunto. Este mes trataremos otros sistemas de información gerencial, de un modo muy escueto, pero orientados al funcionamiento de departamentos específicos dentro de una empresa. Éstos son el MIS, DSS y EIS.

MIS (Management Information Systems)

Se trata de un sistema de información gerencial que se centra en los niveles operativo, táctico y estratégico de la empresa. Se usan de apoyo para tomar decisiones.

DSS (Decision Support System)

Es practicamente similar al MIS, ya que a fin de cuentas da también soporte a la dirección sobre la toma de decisiones. Sin embargo se distingue del anterior en que, en particular, es un sistema que da soporte en decisiones que no están muy claras de tomar.

EIS (Executive Information System)

Como sistema de información destinado exclusivamente a ejecutivos de alto cargo, supone un apoyo en sus tomas de decisiones. Con características similares al DSS pero potencia otras que ayudarán al directivo a estar bien informado en tiempo real de todas las alteraciones en la empresa.

Referencias

- Análisis y Diseño Detallado de Aplicaciones Informáticas de Gestión
Ed. Ra-Ma

Crear un pop up (ventana emergente)

2011-04-16T18:08:00.004+02:00

Un pop-up, también conocido como ventana emergente, es un modo de mostrar contenido dentro de una web. Consiste en lanzar una ventana del navegador (normalmente de dimensiones menores a la principal) para suministrar una determinada información.

Los ventanas emergentes se lanzan con javascript, usando una función como la siguiente:

function AbrirVentana(){
 window.open ("archivo.htm","nombre","width=400,height=425,scrollbars=no"); 
}

Nos encontramos con una función que usa el método window.open, que es el que hace saltar la ventana. Éste a su vez tiene una serie de parámetros a configurar; la url, el nombre de la ventana y las dimensiones y otras propiedades. Después lo que hay que hacer es llamar a la función desde el enlace que vaya a abrirla.

Es cierto que el uso de pop-up ya no es tan habitual como antes, sobre todo porque donde más se usa es a la hora de bombardearte con publicidad. Por ello, actualmente hay navegadores y extensiones de los mismos que controlan este empleo indiscriminado.

Sin embargo aún puede ser útil de vez en cuando si se quiere añadir algo a la web sin modificar la estructura principal. Por eso no está de más saber cómo se hace, nunca se sabe si nos hará falta más adelante para veteasabertu qué proyecto.

Por último, os dejo el enlace a un generador de pop-up que os permitirá crear el código de las ventanas emergentes, pudiendo personalizarlas a nuestro gusto. Ya sabemos que el tiempo es oro y todo lo que podamos ahorrar, bien si eres diseñador o si eres programador, bueno es.

Error al cargar un flash (swf) en AS3 dentro de otro

2011-03-30T00:07:00.001+02:00

Hace ya algún tiempo, decidí empezar a hacer proyectos flash con action script 3 (AS3), ya que me permitía hacer cosas que con action script 2 (AS2) no podía.

Desde un primer momento tuve ciertos problemas para adaptarme al nuevo lenguaje de programación, pero con los textos de ayuda del programa y un poco de búsqueda por internet los iba solventando sin mayores inconvenientes. Así pues, pude realizar varios swf que funcionaban bien por separado y que pensaba cargarlos dentro de otro archivo que sería el principal. Justamente en la cuestión de cargar un archivo externo dentro de otro es donde se me fue la vida.

Como recordareis, hacerlo en AS2 era bastante sencillo de programar, simplemente poner lo siguiente bastaba:

capa_carga.loadMovie("archivo_externo.swf");

Pero en AS3 esto no funciona, hay que usar algo parecido a lo que viene de ejemplo en la ayuda de adobe:

var request:URLRequest = new URLRequest("http://www.[yourdomain].com/externalSwf.swf"); 
var loader:Loader = new Loader() 
loader.load(request); 
addChild(loader);

El problema nos llega cuando el programa nos lanza este error:

TypeError: Error #1009: No se puede acceder a una propiedad o a un método de

una referencia a un objeto nulo.

Un poco desesperado ya porque no encontraba documentación al respecto, encontré un artículo en un blog que hizo que conciliara el sueño de nuevo.

Si bien es cierto que tiene ya algún tiempo, no menos cierto es que sigue siendo válido. Espero que os sirva de ayuda.

Enlace al artículo del blog: http://www.markledford.com

El próximo 22 de mayo, NO LES VOTES

2011-02-16T19:31:00.004+01:00

El próximo 22 de mayo, los ciudadanos españoles están convocados a las urnas para votar a sus representantes públicos en todos los ayuntamientos y en algunos parlamentos autonómicos. Los representantes elegidos tendrán a su cargo la gestión de miles de millones de euros durante un periodo de cuatro años, razón más que suficiente para extremar las precauciones de los votantes: a lo largo de los últimos años, el nivel de corrupción en la política española se ha disparado de manera alarmante en todo el arco parlamentario.

PSOE, PP y CiU son las tres formaciones políticas que han pactado para resucitar la ley Sinde en el Senado, una ley que permite censurar Internet por vía administrativa, sin una intervención judicial que garantice la tutela efectiva de los ciudadanos. Al juez que deba validar el cierre le estará vedado analizar el fondo del asunto, esto es, la vulneración de derechos de propiedad intelectual o la posibilidad de producir un perjuicio patrimonial por parte de la página web cuya clausura se solicite. La ley Sinde crea un “agujero libre de jueces” donde la decisión la toma una comisión administrativa nombrada por el gobierno, para evitar lo que hasta el momento venía ocurriendo: que los jueces no daban la razón a las reclamaciones de la industria de los contenidos.

La ley Sinde es ineficaz. No aborda una reforma integral de la legislación de propiedad intelectual, único camino para favorecer la justa retribución de los creadores y artistas en el marco de una sociedad de cultura digital. Aún así, y a pesar de la oposición de una parte importante de la sociedad incluyendo creadores y artistas, PSOE, PP y CiU votaron a favor de ella. Pesaron más las presiones de gobiernos extranjeros y de grupos minoritarios que el interés social. Pero no todo es culpa de nuestros representantes: nosotros les hemos elegido, por acción u omisión.

Desde Nolesvotes.com consideramos que PSOE, PP y CiU han faltado a su principal obligación con la ciudadanía: defender la Constitución que juraron o prometieron acatar. La ley Sinde somete Internet a una legislación excepcional, con grave merma de los derechos a la libertad de expresión e información y a la tutela judicial efectiva, posibilitando un mayor control político de la red.

Tu decisión es importante. No te pedimos el voto para ningún partido concreto, ni que votes en blanco, ni que te abstengas, sino que te informes para comprobar que existen alternativas contrarias a la ley Sinde en todo el espectro ideológico. Te pedimos que defiendas la libertad en la red con tu voto, no apoyando a aquellos que con sus actos se han hecho claramente merecedores de un voto de castigo.

El próximo 22 de mayo, NO LES VOTES

Fuente: http://www.nolesvotes.com

Software ERP (Enterprise Resource Planning)

2011-02-08T00:48:00.002+01:00

Al igual que el pasado mes, en este me gustaría también centrarme en la programación con vuestro permiso. Concretamente quisiera aclarar de manera muy corta qué es el software erp, ya que es posible que nos topemos con este concepto en alguna que otra ocasión.

El software ERP (Enterprise Resource Planning) es una aplicación de gestión para empresas que ayuda a las distintas áreas funcionales de la empresa. De este modo se permite controlar y centralizar la información para luego hacer planificaciones empresariales de una manera más rápida, sencilla y precisa.

Se suele componer de una serie de módulos específicos para cada departamento que permite la comunicación entre las distintas áreas.

A diferencia de otros sistemas de información gerencial (MIS, DSS o EIS), su implantación no está orientada a un departamento concreto de la empresa, sino que el objeto es abarcar toda la empresa como un conjunto. De este modo se obtiene toda la información de la empresa de una manera única, lo cual hace que haya integridad en los datos que se reciben, pues todo está centralizado.

Desarrollar un sistema de este tipo es una tarea lenta, difícil y costosa para una empresa ya que debe existir una personalización casi completa del producto para cada empresa, lo que supone, a veces, incluso ciertas modificaciones en la estructura empresarial para optimizar el producto en veteasabertu qué aspectos.

Referencias

- ERP - Sistemas de Gestión PYME
- ¿Qué es?, Beneficios e impactos en las Compañías
- Análisis y Diseño Detallado de Aplicaciones Informáticas de Gestión
Ed. Ra-Ma

Libros recomendados (I)

2011-02-06T19:40:00.012+01:00

Abro esta sección para hablar o recomendar libros que tengamos en nuestra pequeña (o gran) biblioteca. Hoy empezaré con dos de ellos. Se admiten sugerencias.

Cómo triunfar en Internet: Guía para el éxito
Autores, Rob Ford y Julius Wiedemann
Taschen

Libro recopilatorio de consejos prácticos a aplicar a tus diseños web. Está dividido en diferentes secciones (interfaz, marketing, tecnología, ...) analizadas por distintos profesionales del sector. No es un libro que aporte demasiado a nivel de aprendizaje, pero sí a nivel de inspiración ya que nos presenta una muestra de algunos de los mejores sitios que podemos encontrar en la red. Dos hándicaps: que se basa demasiado en las web realizadas en flash y que quizás está más enfocado a la publicidad que a otra cosa. Lo mejor: el diseño y la encuadernación. Cubiertas en tapa dura, secciones divididas por marcas laterales, marcapáginas de banda elástica (estilo moleskine), ... Con decir que es de Taschen queda todo dicho.

Desarrollo de un proyecto gráfico
Autores, Varios
Index Book

Libro escrito por profesionales del diseño gráfico español. Orientado 100% al diseño editorial, los capítulos se organizan siguiendo el proceso natural de un proyecto gráfico, desde sus inicios hasta su final; es decir, desde la definición del encargo por parte del cliente hasta el trabajo de postimpresión, pasando por la definición del entorno de trabajo o por la explicación de los distintos tipos de tipografía a utilizar. Escrito de una forma bastante sencilla de leer, es ideal para entender todo el proceso de trabajo desde el principio hasta el final. Muy recomendable.

Portfolios online gratis.

2011-02-02T18:07:00.008+01:00

Para los diseñadores, ilustradores, artistas y veteasabertu la cantidad de tipos de creativos que surgen en estos días la red nos ofrece mil herramientas para dar a conocer nuestro trabajo y conocer el trabajo de otros creativos de una forma barata.
Aunque lo ideal sea tener una web propia diseñada por nosotros y con nuestro propio dominio (ya os recomendaremos algunas herramientas y sitios para que salga baratita), hoy nos vamos a centrar en los portfolios que puedes crear online de forma gratuita.
Para empezar mencionaremos Flickr, ya conocida seguramente por muchos y también esencial para hacer contactos y muy fácil de usar, además de ser una de las redes más extensas a nivel creativo.

Carbonmade es una web con un diseño divertido en su portada y una presentación sencilla y manejable de cada portfolio dejando siempre limpieza para las imágenes.

Domestika ofrece además de una red de creativos y un portfolio serio una bolsa de empleo en grandes ciudades españolas, algo muy útil para aunar creativos con empresas.

Devianart es ideal para aquellos que están empezando y busquen compartir tutoriales y recursos con otras personas.

Behance Network es una web en inglés pero muy versátil y ofrece trabajos en los Estados Unidos.

Otra plataforma de portfolios online es The Creative Finder también en inglés y con trabajos en el extranjero.

Por último Coroflot, aunque hay muchísimas más que iremos mostrando en otros post.

Tipos de lenguajes de programación

2011-01-19T03:50:00.004+01:00

Como normalmente el blog está más enfocado al desarrollo web, con vuestro permiso, hoy me gustaría centrarme más en la programación. Concretamente me gustaría hacer unas breve descripción de los tipos de lenguajes de programación que existen, a groso modo, para quien le pueda ser de interés.

Lenguajes de alto y bajo nivel

Los lenguajes de programación de bajo nivel son aquellos que se usan para comunicarse directamente con la máquina y dependen totalmente de ella. Se trata de lenguajes tediosos y con muy poca o ninguna posibilidad de migración a otras máquinas.

Los lenguajes de alto nivel son aquellos más cercanos al lenguaje natural (que normalmente es el inglés) y que permiten desarrollar una aplicación con independencia de la máquina concreta a la que después vaya a parar. Son los más sencillos de aprender a programar.

Lenguaje máquina

El lenguaje máquina es el usado para comunicarse directamente con la máquina en binario. Se trata del lenguaje de más bajo nivel, es complejo y difícil de aprender, sin embargo es rápido al tener que obviar traductores intermedios.

Lenguaje ensamblador

El lenguaje ensamblador es una traducción directa del código máquina para que pueda ser entendible por el programador. Así, una vez se crean instrucciones, a través del ensamblador, se puede traducir dichas instrucciones a lenguaje máquina.

Lenguajes compilados e interpretados

Los lenguajes compilados son aquellos que una vez desarrollado el programa se traduce en un paquete para que pueda ser interpretado por la máquina. Permite la portabilidad del programa al no tener que estar presente el compilador en la ejecución.

Los lenguajes interpretados, se van traduciendo en tiempo real a un lenguaje legible por la máquina durante la ejecución del programa.

Atendiendo a cada caso específico, veteasabertu cuantos lenguajes de programación existen en total, ya que esto son sólo grandes categorías. Uno sabe por dónde empezar, pero no dónde acabar; java, c++, cobol, php, asp, vbasic, javascript, ajax....

Mailchimp, una nueva herramienta newsletter.

2011-01-11T16:55:00.005+01:00

Para aquellos que no controlen muy bien el tema de la programación o no tengan una web con un servicio de newsletter existe esta herramienta : Mailchimp

Es un servicio gratuito a cambio de una pequeña publicidad en los mensajes enviados. Mailchimp te permite crear campañas desde cero, o partiendo de plantillas ya prediseñadas para hacer tus campañas publicitarias, o veteasabertu de qué índole de una forma sencilla, con un diseño muy atractivo y muy versátil, ya que te permite tener varias listas de contactos, dependiendo de a quién te interese enviar, y llevar un seguimiento de las personas que contestan a tu campaña, etc.
Una herramienta muy útil que seguro que vendrá muy bien tanto a diseñadores como a programadores.

La única pega es que está en inglés pero sus tutoriales en vídeo, su sencillo manejo indicandote los pasos a seguir y un poquito del Traductor de Google, te ayudarán en la tarea de mandar newsletter de una forma rápida.

Todo lo que necesitas saber sobre los diseñadores web

2010-12-19T21:39:00.012+01:00

Interesante infografía que muestra diferentes estadísticas de todo lo que hay que saber sobre los diseñadores web. Mirándola con detalle podemos saber exactamente dónde estamos encasillados y si nos vemos más o menos reflejados en ella.

Según este listado podemos saber por ejemplo que el diseñador web standar es un hombre de unos 29-30 años, que no aguanta más de dos años en la misma empresa y que suele buscar la inspiración en el trabajo de otros diseñadores, entre otras muchas cosas.

Datos de cuánto gana un diseñador, dónde trabaja normalmente o que nivel académico suele tener.

Para ver la infografía completa (aunque está en inglés se entiende bastante bien) pincha aquí.

Fuente: testking.
Link: aquí.

EBE 10, Evento Blog España

2010-12-03T18:19:00.004+01:00

El pasado noviembre tuvo lugar el 5º aniversario del EBE (Evento Blog España) en Sevilla, como de costumbre.

Sencillamente quería dedicarle un huequecillo en el blog, tanto para expresar mi gratitud por tal evento, como para aportar mi granito de arena en su difusión.

Citando las palabras de su web 'EBE es la gran cita de la web social en habla hispana y la segunda de Europa en número de asistentes'. Una oportunidad de asistir a una serie de jornadas muy interesantes para toda la gente relacionada con el ámbito de la web.

En la web del EBE podréis encontrar más información. Para los que no tuvieron ocasión de ir y también para los nostálgicos, encontraréis los vídeos de las ponencias con veteasabertu cuantas horas de material.

¿Qué es el diseño gráfico?

2010-11-18T22:44:00.005+01:00

Para todos los que alguna vez o habeis hecho esta pregunta trascendental, aquí va un gráfico que la responde muy bien. Va con porcentajes según la importancia de cada tema. Mirándolo detalladamente yo pondría alguno que otro más arriba en la lista (a ver si adivinais cuál). Para muchos el diseño gráfico es esto, aunque para otros veteasabertu lo que puede llegar a ser.

Issuu Portal de Revistas Online

2010-11-16T12:31:00.004+01:00

Uno de mis últimos descubrimientos ha sido el portal de revistas ISSUU.

En este ambiente de páginas web, redes sociales, blogs etc, tenemos esta herramienta muy útil para todo el mundo, y como no, para diseñadores gráficos y web que buscamos siempre un nuevas formas de comunicación.

Issuu es un portal en el que todo el mundo puede publicar de una forma sencilla, rápida y gratuita desde un documento hasta una revista entera para poder ser visionado por los demás usuarios sin necesidad de descargas o instalaciones en el equipo.

Con un sencillo documento en pdf, Issuu lo procesa automáticamente a formato flash.

Una herramienta sin lugar a dudas perfecta para revistas, portfolios, books y veteasabertu la de usos que podamos darle, además de tener a nuestra disposición cantidad de revistas y publicaciones de variadísimos temas de nuestro interés. También podremos dejar comentarios, marcar nuestras publicaciones favoritas y subscribirse a través de rss.

Sitio web: Issuu

WebP, nuevo formato de imagen para web

2010-11-09T22:45:00.003+01:00

Se sabe que uno de los puntos claves a la hora de optimizar una página web es el tratamiento de las imágenes.

Actualmente existen múltiples formatos que son soportados por los navegadores, los más comunes GIF, JPG y PNG, que nos permiten gran flexibilidad a la hora de tratar las imágenes, aunque en la mayoría de los casos se suele usar el JPG.

Una vez dicho esto, parece ser que nuestro amigo Google ha decidido desarrollar un nuevo formato llamado WebP que es capaz de comprimir más que el formato JPG, con su consecuente reducción de peso, claro está.

Si bien es cierto que WebP actualmente no es un formato soportado por los navegadores, no menos cierto es que probablemente vaya cobrando cada vez más importancia, veteasabertu lo que pasará en unos años.

Desde su web te proporcionan ya una herramienta de conversión para que puedas sacar tu mismo tus conclusiones. Nunca está demás darle un vistacillo, cuanto menos es interesante: formato WebP

XAMPP, Apache con MySQL, PHP y Perl

2010-10-07T14:10:00.003+02:00

Más de uno nos hemos pegado de cabezazos a la hora de instalar Apache en el equipo. Realizar esta instalación puede llevarnos veteasabertu cuanto tiempo y aún más si pretendemos añadirle Mysql, PHP y Perl.

Para ahorrarnos todo esto podemos usar Xampp, una aplicación que nos permite hacer la inslalación de una maner rápida y sencilla, de lo cual está uno tremendamente agradecido.

El producto se puede descargar de manera gratuita desde su web, lo que permite tanto a programadores como a diseñadores hacer la instalación sin problemas. Una vez instalado, permite activar y desactivar funcionalidades a tu antojo. Además, tiene soporte para Windows, MacOS y Linux, vamos, una delicia.

Para más información entrad en la web: XAMPP

Buscador de iconos gratuito - Findicons

2010-09-14T11:53:00.003+02:00

En el mundo del desarrollo web, tanto diseñadores como programadores necesitamos buscar iconos para las páginas que estamos haciendo, bien sea como inspiración o bien como una solución para ganar tiempo.

En cualquier caso y aunque lo normal es hacer la búsqueda en tu buscador favorito, ofrezco una alternativa con la que me topé el otro día. Se trata de un buscador específico para iconos que, aunque sólo permite hacer búsquedas en inglés, es bastante potente.

Tiene diversas funcionalidades y filtros que resultará bastante interesantes para las personas del sector. Además, la previsualización de las búsquedas es bastante buena.

En resumen, podréis hacer búsquedas por veteasabertu qué categorías. Aquí os dejo el enlace a la web: buscador de iconos gratuito

Trabajar con bases de datos pesadas

2010-08-06T21:30:00.003+02:00

Los que trabajan asiduamente con phpMyAdmin sabrán que esta herramienta tiene una serie de limitaciones cuando manejamos grandes cantidades de datos. En particular, voy a centrarme en la importación y exportación de bases de datos pesadas.

Migrar una base de datos puede resultar una tarea ardua cuando los datos sobrepasan x mb. Cuando esto ocurre, phpMyAdmin no te permite ni exportar ni importar, lo cual hace que pueda darnos un patatús, dependiendo de la presión con la que trabajemos.

Para solventar este contratiempo, si uno no quiere pasarse la eternidad migrando datos por lotes, existen herramientas que si te permiten trabajar con grandes bases de datos. En particular, a la que voy a hacer referencia es a la herramienta MySQL Administrator. ¿Por qué ésta?, pues porque es la herramienta oficial que se puede descargar desde la web de MySQL y que además es gratuita (vamos, que lo tiene todo).

Una vez descargues el programa y lo instales en tu equipo, introduciendo los datos de conexión, podrás entrar en la base de datos deseada y hacer una copia de seguridad o una restauración de una base de datos. De este modo se puede ahorrar veteasabertu cuanto tiempo, que por otro lado podemos emplear en hacer un rascacielos con palillos de diente.

Como comenté antes, existen varios programas para hacer estas cosas, aunque aquí únicamente comento el que suelo usar, sólo es cuestión que busquéis información sobre otras posibilidades.

Para descargaros la aplicación, entrad en la web de MySQL

Generador de fondos de rayas de colores

2010-07-15T12:45:00.008+02:00

Es bastante habitual usar un fondo de rayas de colores en las páginas web en html. Una alternativa para hacerlo puede ser diseñar el fondo, guardarlo entero como una imagen y aplicarlo a la web. El problema que tiene esta opción es que la imagen pesará bastante y aumentará el tiempo de carga de la web.

La otra alternativa es recortar un trozo de ese fondo en el punto y cantidad de píxeles exactos para que después, a través de CSS, se pueda repetir horizontal y verticalmente. De las dos, ésta es la mejor opción, ya que al entrar en la web, sólo se tendrá que descargar un pequeño trozo de imágen y la velocidad de carga del fondo de colores será practicamente inmediata.

Sin embargo, este método presenta un problemilla y es que, encontrar el punto exacto por donde recortar la imágen puede volvernos un poco locos y tardar veteasabertu cuanto tiempo. Por ello, me gustaría resaltar una herramienta que nos resolverá todos estos problemas.

Se trata de una web llamada 'Stripe generator 2.0'. Aquí podrás crearte tu propio fondo de rayas con la forma y colores que desees. Después podrás exportar el fragmento para que por html y css lo pongas de fondo y lo repitas.

Como su funcionamiento es bastante sencillo, sin más preámbulos os dejo el enlace para que podáis hacer vuestra propia imágen de fondo: generador de fondos de rayas de colores

Directorio de fuentes de Google (Google font directory)

2010-06-14T13:07:00.013+02:00

Ya sabemos que google no para de inventar veteasabertu qué y una de las últimas cosas con las que me he topado es un nuevo directorio de fuentes que han creado (Google font directory).

Esta herramienta es tremendamente útil para los que se dedican al desarrollo web, ya que permite usar fuentes que no son de sistema en tu página sin tener que subir tu mismo ninguna tipo al servidor.

Su manejo es bastante sencillo, entras en la url del directorio, seleccionas la fuente a usar y se genera automáticamente el código que debes usar. Este código lo que hace es vincular mediante una hoja de estilo la fuente que se encuentra en google.

Como veréis este sistema te evita todo el engorro de subir fuentes optimizadas para distintos navegadores, además, sorprende la rapidez de carga de la fuente, lo cual se agradece.

La contra que le veo actualmente es que el directorio dispone de muy pocas fuentes y que en cualquier momento pueden hacer modificaciones en las fuentes que actualmente estás usando, aunque claro, aún está en fase beta el producto. Pero es más que evidente que en el momento que tenga una mayor difusión, las irán añadiendo.

Les dejo aquí la ruta para que puedan trastear un poco: Directorio de fuentes de google

El Viernes Grande - Primer aniversario

2010-05-11T01:47:00.011+02:00

Era mayo de 2009 cuando un grupo de jóvenes (algunos no tanto), sin más objeto que desconectar, cruzaron la Plaza de San Francisco rumbo a la Salvación...

Y así comenzó todo. Como conmemoración del primer aniversario de aquél viernes grande, le dedico aquí en veteasabertu esta entrada para hacerlo, si cabe, más grande.

Para más información podéis visitar el minisite del evento: el viernes grande

Tutoriales en vídeo - VideoTutoriales.com

2010-04-11T11:49:00.007+02:00

Esta vez he decidido publicar una entrada sobre una web que me fue de gran ayuda, en mis comienzos sobre todo, aunque reconozco que alguna que otra vez me ha vuelto a salvar la vida.

Me refiero a la web de illasaron.com. En esta web se dedican a hacer una recopilación de videotutoriales y los publican bajo la licencia creative common, de modo que todo el mundo puede acceder a ellos y descargarlos y difundirlos sin ningún coste.

La labor de sus miembros es tremenda ya que los tutoriales son de todo tipo, desde el diseño hasta la programación pasando por veteasabertu qué temas.

En resumen, tutoriales que engloban casi todo lo que se puede hacer con un ordenador. Aquí os dejo el enlace para que podáis ojear todos los campos que abarcan: video tutoriales

Estadísticas de uso de navegadores

2010-03-12T12:38:00.005+01:00

Uno de los problemas que nos vamos a encontrar a la hora de realizar una web es que cada navegador hace una interpretación diferente del código. Si bien es cierto que hay una tendencia a unificar estas interpretaciones siguiendo los estándares en los nuevos navegadores, no menos cierto es que aún se siguen usando versiones anteriores de los mismos.

Desgraciadamente, hacer una optimización de una web para todos los navegadores es una tarea muy árdua, por no decir inviable. Teniendo en cuenta esto, se hace necesario que planteemos cuáles son los navegadores más usados y decantarnos por hacer la optimización de acuerdo con estos datos.

Para ello yo, particularmente, uso un sistema de estadísticas que proporciona la web w3schools.com que es bastante completo, entre otras cosas te da estadísticas por versiones y las publicaciones las hacen mensualmente.

No seré yo quien os diga para veteasabertu qué navegadores debéis optimizar, creo que las estadísticas hablan por si solas: estadísticas de uso de navegadores

Recursos de flash, ejemplos y demos. Flashkit

2010-02-16T13:23:00.016+01:00

Hoy día es bastante habitual encontrarse con todo tipo de cosas hechas en flash, desde anuncios hasta aplicaciones informáticas. De hecho, ya casi siempre se les requiere a diseñadores y programadores el uso de esta herramienta.

Por ello voy a aprovechar para hacer referencia a un portal llamado "Flash Kit, A Flash Developer Resource Site", una página de recursos en flash que ayudará tanto a los que se introducen por primera vez en este mundillo, como a los decanos.

Aquí encontraréis todo tipo de recursos clasificados por temáticas, desde tutoriales hasta archivos fuente con ejemplos y aplicaciones desarrolladas. Vamos, veteasabertu todo lo que puede haber, es cuestión de indagar un poco.

En resumidas cuentas, espero que os sea de utilidad para vuestros proyectos venideros en flash. Aquí podéis acceder a los recursos de flash kit

Crear icono de página en el navegador (favicon)

2010-01-05T02:36:00.002+01:00

Hoy voy a intentar explicaros cómo crear un icono de favoritos (favicon) en la web para que salga junto al título en la barra de navegación. De este modo la web quedará más profesional que si dejamos que aparezca el hueco en blanco.

Lo primero que necesitamos es una imagen de 16 x 16px. Como el tamaño es bastante pequeño, recomiendo tomar un detalle de la web (por ejemplo un trozo del logotipo), ya que de lo contrario, si intentamos abarcar una zona muy grande, no se verá nada. Photoshop cuenta con una herramienta de recorte que nos permitirá coger el detalle que queramos de una imagen y extraerlo al tamaño que deseemos.

Una vez tengamos la imagen, lo que hay que hacer es convertir el formato actual al formato .ico. Para ello necesitamos usar algún programa que nos facilite la conversión para asegurarnos que será compatible con la mayoría de los navegadores.

Por último, cuando ya tengamos el favicon, lo guardamos en una carpeta del sitio y ponemos el siguiente código dentro en el head de la web:

<link rel="shortcut icon" type="image/x-icon" href="imagenes/icono.ico">

Con esto ya tendríamos el icono de favoritos en el navegador.

Como complemento a lo anterior, podéis usar la herramienta online FavIcon Generator de Dynamic Drive para convertir la imagen en .ico. Los formatos que soporta la aplicación son: .gif, .jpg, .png, y .bmp. Depende de si queréis conservar transparencias, usad un formato u otro para convertirlo (.gif y .png).

MySQL - Gestión de bases de datos

2009-12-03T18:10:00.046+01:00

MySQL es un sistema de base de datos relacional bastante completo que se usa para almacenar información. Soporta diferentes motores de bases de datos.

A través de consultas, se generan tablas y se almacenan datos. Actualmente cuando se instala en un servidor, se instala también con el gestor phpMyAdmin, que posee una interfaz gráfica a través de las cuales podremos gestionar la base de datos de una manera sencilla.

En la elaboración de páginas web, se usa conjuntamente con PHP para almacenar y extraer datos, haciendo que la web cargue contenido dinámico.

Referencias

- PHP y MySQL
Ed. Anaya Multimedia / O'Reilly

Lenguaje de programación PHP

2009-11-08T17:58:00.056+01:00

PHP (Hypertext Preprocessor) es un lenguaje de programación desarrollado para crear páginas web en las que haya contenido dinámico, ya que con HTML solo, no podemos actualizar contenido a menos que modifiquemos el archivo cada vez que queramos añadir información nueva.

Este lenguaje no se interpreta en el navegador (como pasaba con Javascript y VBScript), sino que necesita de un servidor web que lo haga y devuelva al navegador los resultados de la interpretación. De este modo, el PHP se integra dentro del documento HTML.

Si bien es cierto que este lenguaje de programación es ideal para el desarrollo web, también es cierto que PHP por sí solo no puede almacenar ningún dato. Así pues deberemos usarlo conjuntamente con una base de datos que nos permita tanto guardar como extraer datos, que en este caso es MySQL.

Comentar que tanto que ambos lenguajes son de código abierto, por lo que podréis encontar múltiples proyectos de libre acceso, comunidades, portales, etc. que os ayudarán a solventar vuestras dudas.

Referencias

- PHP y MySQL
Ed. Anaya Multimedia / O'Reilly
- Portal de PHP

VBScript (Visual Basic Script)

2009-10-20T17:57:00.038+02:00

Visual Basic Script es un lenguaje de secuencias de comandos desarrollado por Microsoft que se asemeja bastante a Visual Basic.

En comparación con Javascript contiene bastantes más instrucciones, por lo que su aprendizaje si no se ha visto Visual Basic antes, es más lento.

Se trata también de un lenguaje de programación orientado a objetos que debe implementarse necesariamente dentro de HTML y que es interpretado por un navegador o un servidor.

Por último, al igual que con Javascript, nos permite darle dinamismo a una web, desde validar formularios interactuando con el usuario hasta realizar animaciones elegantes para mostrar contenidos, etc (esto último directamente lo he copiado del post anterior, jejeje).

Lenguaje de programación Javascript

2009-09-06T17:51:00.057+02:00

Javascript es el lenguaje estándar (diferenciandolo de VBScript de Microsoft) de secuencias de comandos para navegadores. Se trata de un lenguaje orientado a objetos que sólo funciona dentro de HTML y que se ejecuta necesariamente en un navegador o en un servidor (para diferenciarlo de otros lenguajes de programación que funcionan independientemente con ejecutables).

Así pues, Javascript nos permite darle dinamismo a una web, desde validar formularios interactuando con el usuario hasta realizar animaciones elegantes para mostrar contenidos, etc.

Hoy día existen librerías como Mootools, Jquery o Prototype que nos permite trabajar con Javascript de una manera más cómoda y ahorrando cantidad de tiempo. Su implementación suele ser bastante sencilla y existen aplicaciones que podremos adaptar para nuestra web y que usan las librerías como base. Así conseguiremos elegantes galerías de imágenes, precargas, etc.

CSS. Hojas de estilo

2009-08-18T00:33:00.008+02:00

CSS (Cascading Style Sheets), que pordíamos traducir como hojas de estilo en cascada, es un lenguaje que se utiliza como complemento al HTML para establecer una separación real entre contenido y estilo. Esto quiere decir que con HTML nos preocuperemos en meter el contenido de la web (párrafos de texto, imágenes, enlaces, etc. ) y con CSS haremos que dicho contenido resulte atractivo (colores en los textos, tamaños, imágenes de fondo, etc.).

Haciendo esta separación entre lo que es contenido y lo que es el apartado gráfico conseguimos varias ventajas de las cuales, a groso modo, algunas de ellas intentaré detallar.

En primer lugar organización, ya que ambos aspectos están diferenciados, podremos modificar los estilos de una web sin tener que modificar nada directamente en las etiquetas HTML.

Por otro lado, ahora podrémos acceder a ciertas propiedades de las CSS con javascript a las que antes no teníamos acceso (o al menos era mucha más complejo modificar), así podemos hacer que la web sea estéticamente más dinámica.

Por último, al haber esta separación física entre HTML y CSS, desde algunos navegadores se puede personalizar los estilos (textos más grande o colores más llamativos) o simplemente desactivarlos. Esto es de gran utilidad para personas con deficiencias visuales, lo que hace que la web se más accesible.

El sistema de uso es sencillo. Dentro de las etiquetas de html se pone un marcador para poder localizarlo después las CSS, por ejemplo:

< p id="estilo" > texto ejemplo < / p >

Aquí, la palabra estilo dentro de la etiqueta de párrafo, nos permite localizar la etiqueta a la que daremos estilo y luego desde la CSS le daremos el estilo (dándole color, tamaño, etc.), por ejemplo:

#estilo{
color:#ffffff;
}

Por último os dejo un tutorial de WebEstilo sobre CSS para que le déis un vistazo si os interesa.

Lenguaje de etiquetas HTML

2009-07-11T22:12:00.014+02:00

No se me ocurre un lugar mejor por donde empezar que explicando qué es y para qué sirve el HTML, ya que éste estará directamente relacionado con la mayoría de los post que iré publicando con posterioridad. Por supuesto, lo abordaré sin ánimo de exhaustividad, ya que para ello existen manuales y tutoriales que harán mejor la labor de instruir.

El HTML (HiperText Markup Lenguage), refiriéndonos al significado literal de su nombre, es un lenguaje de etiquetas de hipertexto. Se trata de un lenguaje estándar (relativamente sencillo) que nos permite crear la estructura que posteriormente será la web y que será legible por cualquier navegador (de ahí el propósito de estandarizar el lenguaje).

Cuando hablamos de lenguaje de etiquetas, nos referimos a que para la construcción de la web se deben usar éstas. Las etiquetas son palabras claves que van dentro de los signos '<' y '>' y que al leerlas el navegador las reconoce e interpreta, como por ejemplo < body >, < strong > o < img /> (aunque las etiquetas las he puesto con espacio en el interior, no llevan)

Todo este código se introduce en un documento de texto plano y se guarda con extensión .htm o .html para que el navegador reconozca el archivo y lo interprete como una página web, dando color a los textos, mostrando imágenes, etc. El documento lo podemos hacer sencillamente con el bloc de notas de windows y renombrando la extensión .txt a .html.

Por último comentar que actualmente se usa una versión modernizada del HTML llamada XHTML (Extensible HyperText Markup Language), que pretende estandarizar aún más la separación entre contenido y estilo (ya veremos más adelante el uso conjunto con hojas de estilo).

Referencias

- HTML 4. Guía de referencia y tutorial
Ed. Ra-ma
- WebEstilo - Manual de HTML

Va siendo hora de un cambio

2009-06-21T03:48:00.000+02:00

Con el fin de mostrar un contenido un poco más útil e interesante, en breve añadiré contenidos relacionados con el mundo del diseño, tanto gráfico como web. También tendrá cabida temas de programación, multimedia, audiovisuales y en líneas generales las materias en la que se encuetra sumergida la nueva generación digital.

¿Realmente la cosa está así?

2008-03-07T13:20:00.008+01:00

Para que veáis que no miento, aquí os dejo un testigo gráfico de una cutrepeli.

Bienvenidos a veteasabertu

2008-03-07T13:01:00.002+01:00

Aquí tiene cabida todo, aunque ahora sólo existe un pequeño listado, en cuanto deje de pelearme con el, quizá ponga algo interesante. La esperanza es lo último que se pierde.