Utilice weinre para inspeccionar los navegadores móviles
weinre 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áscss
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ásCorrección de tipo Apache MIME para fuentes .WOFF en Chrome
Recientemente, 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ásNo 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ásMoverse por la herencia de Em
Em 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ásbash / boilerplate / bootstrap / cli / css / framework / generator / html / js / lazy / project / scripting / shell / structure / template / tool / twitter
Generador de estructura de proyecto basado en CLI
Lo 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ásMinifica rápidamente archivos sass
Sass 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ásUsando 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ásDonner une taille en% au plugin Comentario de Facebook
Si 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ásMenú 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ásRollovers CSS sin Sprite con transiciones CSS3
Si 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ásCuente cuántos selectores de CSS hay en una página
Solo 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ásConsultas de medios CSS para diferentes dispositivos
/ * Smartphones (vertical y horizontal) ———– / @media solo pantalla y (min-device-width: 320px) y (max-device-width: 480px) { / Styles * / } / * Smartphones (paisaje) ———– / @media …
Leer másEl objeto de la isla
Una 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ásCalcular valores en CSS3 con calc ()
calc()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ásValidar formulario de correo electrónico con Jquery
Este script jQuery validará sus formularios de correo electrónico por usted. Si los correos electrónicos no son válidos, agregará un texto que dice que el correo electrónico no es válido …
Leer más