Blog

Ejemplo de cajas con CSS3 Flexbox

Vamos a crear un ejemplo creando dos cajas con CSS3 Flexbox, dichas cajas se rediseñarán automáticamente cuando las vemos desde uno u otro dispositivo.

El código que vamos a utilizar es el siguiente:

<!DOCTYPE html>
<html lang="es">
<head>
<style>
.flex-container {
display: flex;
flex-wrap: nowrap;
background-color: dodgerblue;
}

.flex-container .box {
background-color: #f1f1f1;
width: 50%;
margin: 10px;
text-align: center;
line-height: 75px;
font-size: 30px;
}
</style>
</head>

<body>
<h1>Boxes flexibles</h1>
<div class="flex-container">
<divclass="box">
Box 1 - Cualquier texto
</div>
<divclass="box">
Box 2 - Más texto a mostrar
</div>
</div>
</body>
</html>

El resultado será el siguiente:

Cajas de igual altura con float y clear

Vamos a establecer una altura fija para realizar nuestro ejercicio, veamos el código:

<!DOCTYPE html>
<html lang="es">
<head>
<style>
* {
box-sizing: border-box;
}

.box {
float: left;
width: 50%;
padding:50px;
height: 300px;
}

.cleafix::after {
content: "";
clear: both;
display: table;
}
</style>
</head>

<body>
<h2>Cajas de igual altura</h2>
<p>Haciendo flotar cajas de igual altura</p>
<div class="clearfix">
<div class="box"style="background-color: #bbb;">
<p>Texto 1</p>
</div>
<div class="box"style="background-color: #ccc">
<p>Texto 2</p>
<p>Texto 3</p>
<p>Texto 4</p>
</div>
</div>
</body>
</html>

El resultado es el siguiente

Boxes (cajas) flotan una al lado de la otra

Os dejamos un ejm de 3 cajas flotando una al lado de la otra utilizando las propiedades float y clear.

El código sería el siguiente:

<!DOCTYPE html>
<html lang="es">
<head>
<style>
* {
box-sizing: border-box;
}
.box {
float: left;
width: 33.33%;
padding: 50px;
}
.clearfix.::after {
content: "";
clear: both;
display: table;
}
</style>
</head>

<body>
<h2>Grid de cajas (Boxes)</h2>
<p>Cajas flotan una al lado de la otra</p>
<div class="clearfix">
<divclass="box"style="background-color:#bbb">
<p>Texto 1</p>
</div>
<divclass="box"style="background-color: #ccc;">
<p>Texto 2</p>
</div>
<divclass="box"style="background-color: #ddd;">
<p>Texto 3</p>
</div>
</div>

</body>
</html>

El resultado sería el siguiente:

Perl

Perl

Perl es un lenguaje de programación diseñado por Larry Wall en 1987. Perl toma características del lenguaje C, del lenguaje interpretado bourne shell (sh), AWK, sed, Lisp y, en un grado inferior, de muchos otros lenguajes de programación.

Estructuralmente, Perl está basado en un estilo de bloques como los del C o AWK, y fue ampliamente adoptado por su destreza en el procesado de texto y no tener ninguna de las limitaciones de los otros lenguajes de script.

Digital Millennium Copyright Act

Digital Millennium Copyright Act

La Ley de Derechos de Autor de la Era Digital (en inglés Digital Millennium Copyright Act o DMCA) es una ley federal que regula los derechos de autor de Estados Unidos que implementa dos tratados del año 1996 de la OMPI (Organización Mundial de la Propiedad Intelectual).

Esta ley sanciona no solo la infracción de los derechos de reproducción en sí, sino también la producción y distribución de tecnologías que permitan saltar las medidas de protección de derechos de autor (comúnmente conocidas como gestión de derechos digitales o DRM por sus siglas en inglés). Además incrementa las penas para las infracciones de los derechos de autor en Internet.