Veteasabertu

Etiqueta: tutoriales

Cómo dividir párrafos en columnas con CSS (CSS3)

18 de diciembre 2014
Cómo dividir un párrafos en columnas con CSS (CSS3)

Cuando trabajamos con páginas web que llevan mucho texto, en ocasiones puede interesarnos dividir uno o varios párrafos en columnas al estilo de un periódico. Algo que aunque a priori parece sencillo, más de uno hemos tenido que pegarnos chocazos para llevarlo a la práctica en portales dinámicos. Pero gracias a CSS3, ahora disponemos de varias propiedades, que resolverán el problema de un modo muy cómodo.
Leer más ►

Publicado por Jesús Tovar

Categorías: CSS

Etiquetas: ,

Ventajas e inconvenientes de usar HTML5

20 de noviembre 2013
Ventajas e inconvenientes de usar HTML5

Hasta ahora hemos estado viendo cómo funciona HTML5, cuáles son sus posibilidades así como lo nuevo que ha implementado al lenguaje. De modo que como conclusión final vamos a ver las ventajas e inconvenientes de usarlo, para que cada uno pueda evaluar si lo usará en su proyecto. Con este último artículo damos ya por cerrado este breve manual básico que esperamos os sea de utilidad.
Leer más ►

Publicado por Jesús Tovar

Categorías: HTML

Etiquetas: ,

Formularios, nuevos tipos de input en HTML5

19 de mayo 2013
Formularios, nuevos tipos de input en HTML5

El tema de los formularios es uno de los puntos que han sufrido mejoras considerables con la llegada de HTML5. Se han incorporado nuevos tipos de input y nuevos atributos que permiten un mayor nivel de personalización y funcionalidad, por no hablar de sencillez en algunos puntos.

Aunque se han añadido campos de gran utilidad, como los relacionados con las fechas, quizá el punto más importante sea el haber incorporado una validación propia para poder verificar los datos que el usuario introduce. Hasta ahora, esta verificación había que hacerla usando algún lenguaje de programación como JavaScript, sin embargo ahora es posible hacerlo sin escribir una sola línea de código.

Los nuevos input type que se han añadido en HTML5 son: number, range, date, time, datetime, datetime-local, week, month, color, search, email, tel y url. Vamos a verlos uno a uno junto con un pequeño ejemplo de uso.
Leer más ►

Publicado por Jesús Tovar

Categorías: HTML

Etiquetas: ,

Preparar y exportar vídeo HD 720 / 1080 para Vimeo y Youtube con After Effects CS6

11 de marzo 2013
Preparar vídeo HD 720/1080 para Vimeo y Youtube con After Effects CS6

Tanto Vimeo como Youtube permite que subas los vídeos casi en cualquier formato y ellos te hacen la conversión optimizada del mismo. Sin embargo, si queremos sacarle el mayor partido posible, lo ideal es seguir una serie de pautas que nos garantizarán que las dimensiones y la calidad final será la apropiada para verse en estos medios. En este caso enfocaremos dicha preparación a After Effects CS6, aunque es extrapolable a otros programas como Adobe Premier o Sony Vegas.
Leer más ►

Publicado por Jesús Tovar

Categorías: Vídeo

Etiquetas: , , , ,

Etiquetas audio, video, source, track, embed y canvas de HTML5

2 de febrero 2013
Etiquetas audio, video, source, track, embed y canvas de HTML5

HMTL5 nos brinda también nuevas etiquetas para poder manejar contenido multimedia de una manera más cómoda y sacar un mayor partido a las posibilidades de los diferentes medios.

Antes de comenzar, quiero aclarar que la intención es mostrar las nuevas etiquetas de HTML5 y su uso. Como los navegadores cambian continuamente, el resultado de usarlas variará según su versión y puede haber discrepancias.
Leer más ►

Publicado por Jesús Tovar

Categorías: HTML

Etiquetas: , ,

Etiquetas semánticas header, hgroup, nav, section, article, aside y footer de HTML5

16 de septiembre 2012
Etiquetas semánticas header, hgroup, nav, section, article, aside y footer de HTML5

Como ya comentamos, uno de los puntos nuevos de HTML5 es el uso de nuevas etiquetas semánticas que serán usadas para identificar diversas partes de la web.

Bien es sabido que, normalmente, cuando realizamos una web, ésta está dividida en una serie de partes que se repiten de un proyecto a otro: la cabecera, el menú, el cuerpo o el pie, por ejemplo. Esa estructura básica (a grandes rasgos) es prácticamente común a todos los portales e incluso solemos usar los mismos nombres a la hora de identificar las capas.

Como es un sistema que repetimos una y otra vez los desarrolladores, HTML5 lo ha hecho suyo y ha decidido estandarizar este uso creando nuevas etiquetas. Así los div comunes que veníamos usando hasta ahora se sustituyen por esas etiquetas ya que a nivel funcional se comportan exactamente igual. Por tanto les daremos las propiedades que queramos en CSS.

Es importante comentar antes de seguir, que del mismo modo que no hay una única manera de hacer una web, tampoco hay un único modo correcto de implementar las etiquetas. Hay un alto componente subjetivo y de libre interpretación a la hora de estructurar nuestro portal, ya que la valoración del nivel semántico es una tarea propia de cada individuo.
Leer más ►

Publicado por Jesús Tovar

Categorías: HTML

Etiquetas: , ,

Combinar o fusionar objetos trazados en Illustrator CS6

14 de agosto 2012
Combinar o fusionar objetos trazados en Illustrator CS6

Si tenemos la necesidad de unir dos o más trazados, Illustrator cuenta con una función implementada, posiblemente desde las primeras versiones y en CS6 funciona del mismo modo que en las suites anteriores, aunque por defecto la ventana no aparece activa.

La función en cuestión se llama buscatrazos la cual, además de fusionar, objetos te permite hacer divisiones, cortes o recortes. Pero nos vamos a centrar en la opción combinar y lo haremos por pasos.
Leer más ►

Publicado por Jesús Tovar

Categorías: Diseño

Etiquetas: , ,

DOCTYPE en HTML5

25 de junio 2012
DOCTYPE en HTML5

Este artículo será realmente corto, ya que no hay demasiado que decir. Pero ya que estamos dividiendo por partes el manual, es convieniente que tenga su propio apartado.

Como ya dijimos, en HTML5 se produce un cambio en la sintaxis del DOCTYPE o declaración de tipo de documento y se simplifica tremendamente para alegría de los desarrolladores.

<!DOCTYPE html>

Así de sencillo se debe poner ahora y en el mismo lugar que en las versiones anteriores, justo al comienzo, antes de la etiqueta <html>. No hace falta especificar la versión de HTML que estamos usando, prescindiendo de la referencia a una DTD.

Una etiqueta mucho más sencilla de recordar y más permisiva a la hora de hacer la validación.

< ir al índice

Publicado por Jesús Tovar

Categorías: HTML

Etiquetas: ,

¿Cuáles son las diferencias de HTML5?

21 de mayo 2012
¿Cuáles son las diferencias de HTML5?

Sin duda diría que el plato fuerte de HTML5 son las nuevas etiquetas. Unas se usan para revelar el significado semántico de la composición de la web, pero gráficamente no cambian nada. Otras sin embargo tienen nuevas funcionalidades que ayudan a hacer un desarrollo web más sencillo abogando por la compatibilidad.

Hasta ahora, veníamos haciendo la estructura de la web usando capas y hay que decir que esto no cambia. Lo que se ha hecho es añadir nuevas etiquetas que sustituirán a ciertas capas que se suelen usar en la mayoría de las webs. Las otras nos ayudaran a implementar cierto tipo de cosas de un modo más sencillo. Del mismo modo la sintaxis de ciertos tipos de etiquetas varía obviando su cierre, como era costumbre hasta ahora.
Leer más ►

Publicado por Jesús Tovar

Categorías: HTML

Etiquetas: ,

Este sitio web utiliza cookies para mejorar la experiencia de usuario, si continúas navegando estás dando tu consentimiento. Para más información pincha aquí.

ACEPTAR
Aviso de cookies