Escrito por
Pablo Iglesias
el
En este post vamos a ver cómo modificar fácilmente el tamaño de un reCAPTCHA o de cualquier otro widget externo que tengamos en nuestra web, en el caso de que se ponga rebelde. Aunque no sea algo difícil, la solución no es tan obvia como te puedas creer. Si no dominas a fondo HTML y CSS seguro que te viene bien este truco (y de paso, vete planteándote...
[Más]
Escrito por
Pablo Iglesias
el
En este pequeño tutorial vamos a ver cómo crear el típico menú lateral vertical desplegable. Seguro que lo has visto en mil sitios. De entrada, el menú permanece oculto y, al mostrarse, empuja al div del contenido principal. Primero lo veremos usando JavaScript y luego solo con HTML y CSS. Que conste que hay muchas formas de hacerlo, estas dos solo son un par de ellas.
[Más]
Escrito por
Pablo Iglesias
el
Si ya llevas un tiempo curtido en CSS seguramente te suene este escenario clásico de la maquetación usando floats. Si eres novato y has llegado a este post buscando una solución, no te preocupes, en este post la encontrarás.
El escenario es este: tienes un elemento de contenedor y dentro de él un elemento flotado (o varios) junto a contenido que no está flotado, y el elemento flotado desborda al contenedor. ¿Te suena, verdad?
[Más]
Escrito por
Pablo Iglesias
el
Aprende a dividir el contenido de tus páginas en columnas responsive usando solo unas pocas reglas de CSS.
Una de las cosas que más echábamos de menos los diseñadores al pasarnos de print a web en épocas pretéritas, era la posibilidad de dividir el texto en columnas. Por suerte, todo esto cambió con la llegada de CSS3. Usando CSS3 tenemos la posibilidad de organizar los contenidos de una página web en columnas sin tener que crear elementos HTML extra, algo muy útil si estamos maquetando una web con mucho contenido o donde la longitud de línea nos quedasen demasiado grandes (como periódicos o revistas digitales). Antes, hacer esto era totalmente impensable sin la ayuda de JavaScript.
[Más]
Escrito por
Pablo Iglesias
el
¿Los comentarios de HTML dan para un post? ¿Lo merecen siendo tan fáciles de hacer? Yo creo que sí, y si no, me lo cuentas al final en los comentarios.
Quizá te resulte gracioso, pero cuando yo empecé a aprender HTML por mi cuenta (¡Hace más de13 años!) una de las cosas que más me liaban la cabeza eran los comentarios. Por aquel entonces yo era un joven estudiante de Arquitectura (sí, has leído bien) que nunca había visto temas de código más allá de ir a clases de informática en el colegio, cargar juegos desde MS-DOS o dibujar con el DrLogo, así que me fascinaba el concepto.
Por otro lado esta era una relación de amor/odio. Siempre me hacía un lío con dónde iba la dichosa admiraci&oacut...
[Más]
Escrito por
Pablo Iglesias
el
¿Estás pensando en aprender a programar para iOS? A lo mejor llevas un tiempo dándole vueltas a la posibilidad de meterte en el desarrollo móvil porque te lo pide tu jefe, o ese cliente tan bueno de tu empresa quiere que sus comerciales trabajen armados con iPhones y iPads y necesita crear una app propia para tomar pedidos. O quizá ya has desarrollado apps para Android o Windows Phone y quieres adaptar tus aplicaciones para iOS porque has oído que son los usuarios que...
[Más]
Escrito por
Pablo Iglesias
el
No hace mucho veíamos en este mismo blog cómo introducir audio en HTML5, pero nos qued
[Más]
Escrito por
Pablo Iglesias
el
En nuestro curso de HTML5 y CSS3 uno de los temas que abordamos es la facilidad de inserción
[Más]
Escrito por
Pablo Iglesias
el
Clases (class) e Identificadores (id), ¿Cuál es mejor usar? Esta es una duda muy habitual entre cualquiera que se inicie en el apasionante mundo de CSS (Cascading Style Sheets). Si maquetas o diseñas webs (o estás pensando meterte es este mundillo) tarde o temprano te harás esta pregunta. Pero mejor vamos por partes.
El quid de la cuestión, a la hora de maquetar el HTML de una página web con CSS, es cómo se decide qué propiedades se le aplican a cada elemento y en qué orden.
Para especificar esto se usan los selectores, que, como su propio nombre indica, sirven para seleccionar los elementos a los que vamos a aplicar las propiedades que declararemos en nuestro código CSS.
La forma más sencilla es simplemente usar selectores de elementos. Por ejemplo:
b...
[Más]