Tutoriales, ejemplos y tips sobre programación
Google Chrome (y otros navegadores webkit) cambian el color de fondo a amarillo en las entradas autocompletadas dentro de un formulario. El enfoque más común que la mayoría de la …
Leer másweinre permite el uso de WebKit WebInspector de forma remota, mediante la inclusión de un archivo JavaScript en el lado del cliente. Esto es muy útil para depurar problemas que …
Leer másPuede divertirse un poco con filtros y selectores de pseudoelementos para todo tipo de elementos de formulario. Hoy te propongo divertirte con<input type=”color”> /* http://tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls/?utm_source=html5weekly&utm_medium=email */::-webkit-color-swatch { -webkit-filter: invert(100%);}::-webkit-color-swatch-wrapper { …
Leer másRecientemente, mientras trabajaba en una aplicación web alojada en Apache y utilizaba la API de Google Fonts, vi muchos errores que se veían así en la consola de Chrome: Recurso …
Leer másSi eres como yo y odias escribir -webkit-this o -moz-that en tu CSS, te recomiendo que pongas esto en tu <head>: <script src=”//cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js”></script> Automáticamente agregará los prefijos CSS necesarios dependiendo …
Leer másEm tiene un “problema” molesto con la herencia. Si un contenedor tiene un valor em específico, todos los elementos secundarios del contenedor deben usar el tamaño em de sus padres …
Leer másLo admito, soy muy vago cuando se trata de desarrollo y creación de archivos / directorios (para que pueda ver por qué me encantan los rieles), pero recientemente me dieron …
Leer másSass tiene un método rápido y sucio para ayudarlo a minimizar sus archivos css , simplemente pase algunos parámetros adicionales cuando configure sass para ver un archivo: sass –watch a.scss:a.css …
Leer másAsí es, ¡puedes usar listas Sass como una matriz asociativa! En este ejemplo, básicamente estamos creando una lista separada por comas de listas separadas por espacios (zomg). Aquí está el …
Leer másSi vous voulez que votre module de commentaire Facebook prenne toute la largeur de la page, voici le style css à appliquer: .fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], .fbcomments iframe[style], fb_iframe_widget …
Leer más<html><head><style>LI { list-style: none; }/**********************************************************************************/@font-face {font-family: ‘CursiveHandwriting’;src: url(‘../fonts/cursht__-webfont.eot’);src: url(‘../fonts/cursht__-webfont.eot?#iefix’) format(‘embedded-opentype’),url(‘../fonts/cursht__-webfont.woff’) format(‘woff’),url(‘../fonts/cursht__-webfont.ttf’) format(‘truetype’),url(‘../fonts/cursht__-webfont.svg#CursiveHandwritingTryoutRg’) format(‘svg’);font-weight: normal;font-style: normal;}/**************************************************************************************/#menu {height: 53px;width: 1200px;margin-right: auto;margin-left: auto;margin-top: 20px;background-color: #726e69;padding: 0px;margin-bottom: 5px;z-index: 1;}#menu .navBreaks{font-family: “Times New Roman”, Times, …
Leer másSi los sprites no son una opción, los cambios de CSS pueden tener un problema: cuando el navegador intenta cargar la imagen de estado de desplazamiento, verá un destello del …
Leer másSolo usé este ingenioso script de: https://gist.github.com/1885511 para contar cuántos selectores de CSS se incluyeron en una página. Me costó más buscarlo en Google de lo que debería, así que …
Leer más/ * Smartphones (vertical y horizontal) ———– / @media solo pantalla y (min-device-width: 320px) y (max-device-width: 480px) { / Styles * / } / * Smartphones (paisaje) ———– / @media …
Leer másUna necesidad común a la hora de crear la mayoría de los sitios es la capacidad de incluir contenido de forma rápida y sencilla. Una solución común es la .boxclase, …
Leer máscalc()es una nueva característica en CSS3 que nos permite calcular valores dentro de CSS . También es posible mezclar diferentes tipos de valor – unidades relativas o absolutas – como …
Leer más