Métete con tus usuarios

Puede 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ás

No más prefijos CSS

Si 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ás

Usando listas como un hash en Sass

Así 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ás

Menú CSS puro

<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ás