Categoría: Diseño Web

Clases CSS para footer siempre este abajo

Posted on by Edgardo

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; sizing: border-box; } body, html{ padding: 0; margin:0; width: 100%; height: 100%; } body{ display: table; -moz-display: table; -webkit-display: table; -o-display: table; -ms-display: table; height: 100%; } footer{ color: #fff; background: #525252; padding: 10px; display: table-row; -moz-display: table-row; -webkit-display: table-row; -o-display: table-row; -ms-display: table-row; filter: display(display= table-row;;); Read more about Clases CSS para footer siempre este abajo[…]

gráfico circular CSS

Posted on by Edgardo

Lógica del gráfico circular En CSS, por ahora, no hay una propiedad que nos permita crear gráficos circulares de una forma sencilla, por lo que debemos ingeniarnosla para simularlo. Para simular el gráfico combinaremos el uso de semicírculos y animaciones. Dos semicírculos del mismo color forman un círculo completo, el cual podemos considerar como un Read more about gráfico circular CSS[…]

Gráficos circulares, lineales y de barras en puro Css

Posted on by Edgardo

Gráficos circulares, lineales y de barras en puro Css En ella había un par de detalles que su autor había dejado sin recrear: dos gráficos. Uno lineal y otro circular. Una pena que quedase inconcluso un trabajo tan minucioso y detallista sólo por ello. Los veteranos del blog seguro que recuerdan que hace ya un Read more about Gráficos circulares, lineales y de barras en puro Css[…]

Recorte y enmascaramiento en CSS

Posted on by Edgardo

Ambas cosas se usan para ocultar algunas partes de elementos y mostrar otras partes. Pero hay, por supuesto, diferencias entre los dos. Diferencias en lo que pueden hacer, diferencias en sintaxis, diferentes tecnologías involucradas, nuevas y obsoletas, y diferencias en el soporte del navegador. Y lamentablemente hay bastante información desactualizada. Veamos si podemos solucionarlo.   Read more about Recorte y enmascaramiento en CSS[…]

ONCLIK – FUNCIONES HTML JS

Posted on by Edgardo

evento onclick ❮ Objeto del evento Ejemplo Ejecute un JavaScript cuando se hace clic en un botón: <button onclick=”myFunction()”>Click me</button> Inténtalo tú mismo “ Más ejemplos de “Pruébelo usted mismo” a continuación. Definición y uso El evento onclick ocurre cuando el usuario hace clic en un elemento. Soporte del navegador Event onclick Yes Yes Yes Read more about ONCLIK – FUNCIONES HTML JS[…]

Formas básicas con CSS: triángulos, círculos, trapecios, rectángulos, cuadrados … CSS

Posted on by Edgardo

Formas básicas con CSS: triángulos, círculos, trapecios, rectángulos, cuadrados … CSS Juan Padial Publicado el 24 agosto, 2014 – Actualizado el 17 octubre, 2016 Estoy desarrollando mi primer tema comercial para WordPress y en el diseño se utilizan algunas formas geométricas básicas como elementos decorativos. Podría haberlos insertado mediante imágenes o mediante iconos vectoriales pero Read more about Formas básicas con CSS: triángulos, círculos, trapecios, rectángulos, cuadrados … CSS[…]

Precarga tu página con jQuery y CSS

Posted on by Edgardo

Precargar una página es importante para mejorar la experiencia del usuario, esto en caso nuestra página sea muy pesada o por que cuando la página no se ha cargado completamente se puede ver desordenada o incompleta. Un poco de teoría Para inicializar una página se realiza con el evento ready es decir cuando se cargado Read more about Precarga tu página con jQuery y CSS[…]