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 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[…]
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[…]
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 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[…]
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[…]
Abrir videos en ventana emergente (Popup) 9 de mayo de 2009 Publicado por El Potro , Etiquetas: Música 154 comentarios , Algunas plantillas son un poco ajustadas y al poner videos estos se salen del post, y aunque podemos editar el tamaño de la pantalla del video en ocasiones el video no se aprecia igual Read more about Abrir videos en ventana emergente (Popup)[…]
¿Qué son las medidas vh y vw? Las medidas vh y vw son medidas relativas de acuerdo al viewport. Vh hace referencia a la centésima parte de la altura del viewport y vw a la centésima parte del ancho del viewport. 1vh = 1% de la altura del viewport 100vh = altura del viewport 1vw Read more about Medidas VH Y VW en CSS[…]
Estilo “Me duelen los ojos sólo con verlo”: Usando tablas. Al principio de los tiempos todo lo solucionábamos utilizando tablas y como no… esto también. ¿Que hace falta poner texto a 2 columnas? Nada… ahí cascamos una tabla de dos columnas y una fila para solucionarlo. View Raw Code? Texto a dos columnas con tablas Read more about Columnas CSS[…]