frontend archivos - ¡A Programar!

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 …

frontend / instace / javascript / jquery / js

Vincular instancia a elemento con el método de datos jQuerys

Buena forma de comprobar si un elemento ya tiene una instancia de un método: function() { var instance = this.data(“yourFunction”); if (instance) return; instance = new yourFunction(); this.data(“yourFunction”, instance);};

css / design / flat / framework / frontend / javascript / style

Marco plano Furatto

El diseño plano existe desde hace un tiempo, pero en mi búsqueda no encontré ninguno que satisfaga mis necesidades. Soy desarrollador de Rails y me encanta hacer prototipos lo más …

amber / frontend / javascript / requirejs / smalltalk

El mundo más allá del lienzo, cargando plantillas dinámicamente en Amber

Esta es la estrategia que he usado para cargar plantillas en una interfaz Amber: Usted comienza su proyecto de ámbar como de costumbre Cree la clase del controlador (widget) que …

bootstrap / css / fluentdesign / frontend

Marco para crear sitios web de Fluent Design con Bootstrap 4

Puede crear sitios web que se asemejen al aspecto de Windows 10 con Fluent Kit, un marco de front-end gratuito basado en Bootstrap 4. Funciona igual que Bootstrap, por lo …

emberjs / frontend / javascript

Ember se comporta de manera diferente en la variante de producción.

Si su código se basa en, Em.keys()tenga en cuenta que se comportará de manera diferente en la variante de producción a menos que especifique una opción ENV. Antes de vincular …

builds / frontend / gruntjs / gulpjs / javascript / tasks

Entrante de trago simple

Solo pensé en compartir mi plantilla de inicio simple para gulpjs . La plantilla se usa para concat y minificar archivos js y css, eliminar todas las declaraciones de console.log …

document outline / frontend / html / html5 / markup / semantic

Verifique el esquema de su documento HTML

Comprender exactamente dónde y cuándo usar los elementos introducidos en HTML5 puede ser complicado para empezar. Al principio los abofeteé por todos lados con poca precaución. “Esto es semántico, ¿verdad?” …

frontend / javascript

Modo estricto y esta palabra clave en JavaScript

Normalmente, en el ámbito global, esta palabra clave se refiere al objeto Ventana. P.ej: <script>console.log(this); //returns Window object.//or(function(){) console.log(this); //returns Window object})();</script> SIN EMBARGO , en el modo estricto de …

browserify / frontend / gulp / javascript / less / reactify / watchify

Gulpfile para proyectos con LESS, Browserify y React

Esto gulpfile.jsproporciona lo siguiente: Un jsdestino que crea un paquete de JavaScript utilizandobrowserify Un cssobjetivo que crea un solo archivo CSS usandoless Soporte para una –productionbandera, que minimizará las fuentes. …

angularjs / backend / frontend / javascript / nodejs

Compartiendo módulos entre NodeJS y AngularJS

Gist: https://gist.github.com/sevcsik/9207267 Dicen que una de las ventajas de NodeJS es que usa el mismo lenguaje en el back-end y el front-end, por lo que es fácil compartir código entre …

frontend / javascript / react / reactjs / web / webdevelopment / webpack

Aprenda Webpack y reaccione

Si está interesado en Webpack y React, consulte mi nuevo libro SurviveJS – Webpack and React . Empieza desde cero y pasa por varios temas, incluidos el borrado, el estilo, …

backbone / chaplinjs / coffeescript / frontend

agregar análisis a la aplicación Chaplin.js

Agregar Google Analytics / Piwik / lo que sea a su aplicación front-end a veces puede ser complicado, sin embargo , con Chaplin.js es muy sencillo: # The application object.module.exports …

dev tools / firebug / frontend

Coloque las herramientas de desarrollo de su navegador en el lugar “correcto”

De forma predeterminada, nuestras herramientas de desarrollo del navegador vienen encima del navegador, pero realmente necesita ponerlas en el lado derecho. Este enfoque le dará más espacio y facilitará el …

apache / frontend / mamp / osx / st2 / sublime text / workflow

Acelere la resolución de nombres de host virtual / MAMP Pro

Parece que Chrome (no estoy seguro de otros navegadores) tardó demasiado en resolver mis hosts virtuales locales con MAMP Pro. Después de mirar alrededor de muchas cosas que la gente …

frontend / html5 / javascript / parallax / web-development

Tecnología Parallax

Hola a todos, Echa un vistazo a la impresionante web de paralaje. http://www.jana-water.com/en <br> En este proyecto, mi trabajo era javascript / php, rendimiento de frontend. <br /> Envíeme sus …

design / frontend / process / workflow

No hay proceso de diseño

Para muchos de nosotros, estamos en apuros para dar estimaciones en algún tipo de proceso definible. Y nosotros mismos estamos constantemente tratando de hacer que nuestro proceso de diseño sea …

bem / css / frontend / html / js

Metodología bem

Bem es una metodología de desarrollo frontend. Puede crear bloques reutilizables en techs (js, html, css y más) y usarlos en sus proyectos. Más información http://bem.info o https://github.com/bem

frontend / javascript / rails

El widget de JavaScript más simple

Una de las cosas que realmente amo de angularjs es su forma de controladores. Parecen ser widgets con su propio alcance y su propio comportamiento. Desafortunadamente, a veces el proyecto …

bugs / css / device / frontend / javascript / mobile / quirks / web

Misterios móviles

ADVERTENCIA: Trabajo en progreso. Esta publicación tiene la intención de resumir algunos de los errores o peculiaridades específicas de dispositivos móviles que he encontrado mientras trabajaba como consultor en proyectos …