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áshtml
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ásangularjs / asynchronous / directive / html / interval / javascript / on-change / onchange / setinterval / ultimate-datatable
Ejecución asincrónica de la función de cambio con AngularJS
El evento de cambio es increíble, pero cuando tienes muchas cosas que hacer cuando ocurre este evento (por ejemplo, cuando el usuario escribe algo en una entrada), ¡la GUI se …
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ásComentarios condicionales de IE y navegadores que no son de IE
Recientemente, me enfrenté a un problema en un sitio web donde un complemento Lightbox Javascript no funcionaba en Internet Explorer 9 y 10, pero funcionaba perfectamente en todas las demás …
Leer más¡Recuerde el atributo del idioma!
<html lang=”en-us”> …</html> De la especificación HTML5: Se anima a los autores a especificar un atributo lang en el elemento html raíz, dando el idioma del documento. Esto ayuda a …
Leer másSaltar para anclar con onClick
Solución alternativa para saltar a un ancla determinada utilizando javascript. onclick=”document.location=document.location.toString().split(‘#’)[0]+’#my-item’;return false;”
Leer másNo ul, ol en p
Después de una hora de contar mis etiquetas de apertura y cierre, borrar casi todo mi marcado excepto el párrafo problemático, y aún no poder resolverlo, me encontré con el …
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á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ásHacer ajuste de palabras: trabajo de palabras de ruptura en diseños receptivos
¡Gracias a @ChrisCoyier por este! Tuve un problema con el contenido del usuario que rompía los diseños, y establecer un ancho estricto en un contenedor para hacer que el texto …
Leer másMenú desplegable basado en HAML en Bootstrap
Ligeramente a la izquierda, pero esto me tomó un tiempo resolverlo. HAML es genial, pero el meta y los elementos adicionales necesarios para que Bootstrap funcione fueron un poco molestos: …
Leer másGhostentista – Tema fantasma gratuito
Ghostentista Tema para la plataforma de blogs fantasma versión 0.6 Tema sensible, asincrónico y centrado en el contenido para Ghost. Inspirado en mi propio tema de WordPress Kontentista (no del …
Leer másConvierte una nueva línea ( n) en una etiqueta < br> con Ruby
Rails o más específicamente ActionView tiene un método simple_format que traduce los caracteres de escape en etiquetas html y puede convertir etiquetas de entrada de usuario arbitrarias en html. Ruby …
Leer más¿Cómo sé que estoy listo para un trabajo de desarrollo web de nivel de entrada?
Muchos programadores se han hecho esta misma pregunta en algún momento de su carrera. Durante mi navegación por Internet el sábado por la noche, encontré una gran prueba de fuego …
Leer másHaga que el elemento ocupe el ancho restante en el contenedor
Si tiene una barra lateral flotante a la izquierda y desea que el contenido a su lado ocupe el resto del ancho de los contenedores en lugar de establecer un …
Leer másComplementos
Si no ha adoptado los complementos para su editor de texto favorito, hágalo ahora. Utilizo Sublime Text y tiene una lista increíble de complementos que puedes instalar. Para los codificadores …
Leer más