background preloader

Web FrontEnd

Facebook Twitter

Visual Event. When working with events in Javascript, it is often easy to lose track of what events are subscribed where.

Visual Event

This is particularly true if you are using a large number of events, which is typical in a modern interface employing progressive enhancement. Javascript libraries also add another degree of complexity to listeners from a technical point of view, while from a developers point of view they of course can make life much easier! But when things go wrong it can be difficult to trace down why this might be. Modernizr: the feature detection library for HTML5/CSS3. (127) Web Development: What are the most interesting HTML/JS/DOM/CSS hacks that most web developers don't know about? 50 Air Apps and Browser Addons for Web Designers and Developers. As web designers and developers, we’re all aware that some of the simplest of tools can make a huge impact on our day to day workflow and productivity.

50 Air Apps and Browser Addons for Web Designers and Developers

Using a simple browser plugin or lightweight Adobe AIR application to automate or simplify basic tasks that would otherwise be unnecessarily time consuming and redundant can reduce tasks to a split second click or drag and drop action. Using Adobe AIR apps and browser add-ons or plugins, you’ll be able to tackle everything from image editing and color scheme management to batch processing images, wireframing, debugging and browser testing. We’ve selected and listed 50 fantastic Adobe AIR applications, Firefox add-ons and Safari plugins for simplifying tasks and boosting productivity for web designers and developers. Splashup Light. How to correctly redirect to the facebook page tab URL after authorization. The Largest Sharing and Social Data Platform. We Provide Twitter and Facebook Buttons, Custom Audience Targeting, and more. Snap.svg - Home.

Object Calisthenics In JavaScript - My First Attempt. Last week, I brought up the topic of Object Calisthenics which is an idea defined by Jeff Bay as an exercise to force people to think in "objects.

Object Calisthenics In JavaScript - My First Attempt

" Object Calisthenics imposes very strict rules that require you to jump through potentially unnecessary hoops. The point of the exercise, as I understand it, is not to use rules that apply in every situation; rather, it's to overuse rules that are generally considered good so that you may force yourself to see code from a different point of view. Essentially, this exercise is designed to get you out of your comfort zone. Firebug Extensions. From FirebugWiki Firebug extensions augment or otherwise enhance the Firebug extension.

Firebug Extensions

Firebug extensions typically come in the form of Firefox add-ons. List of known Firebug extensions (in alphabetical order): Firebug Lite : Firebug. Advanced use of Google Analytics and the new interface. Update: following lots of peoples questions I have posted Google Analytics Tutorial Part 2 many thanks to SEO agencies and digital agencies for the help on this.

Advanced use of Google Analytics and the new interface

Since Google Analytics was launched in 2005 it has become one of the top analytics packages for small to medium sized websites. Growth was initially slow due to the frustrating waiting list system initiated by Google to avoid over stretching their servers. Now that the waiting list has been removed anybody can sign up to use this great service. The user interface had a major redesign in May 2007 and a lot of the features we love have become hard to find. This guide should help you find your way around the new system. I see a lot of comments on the forums asking whether Analytics can do X, Y and Z. Tracking exit clicks, banner clicks and RSS feed subscribers. Sitios web con herramientas en linea para desarrolladores. En este mundo digital y ultra dependiente de las tecnologías en el que vivimos, ser desarrollador poco a poco deja de ser un trabajo visto como de frikis y tipos barbudos que se bañan una vez a la semana, para empezar a mostrarse como lo que es: una profesión que produce individuos aptos, para el manejo de un sin fin de cosas que nos rodean.

Sitios web con herramientas en linea para desarrolladores

Los programadores son personas indispensables para el mantenimiento del mundo moderno que conocemos. Aprender a programar, cada vez se vuelve más y más un interés de todos, y menos el de un pequeño grupo de individuos raros. Si eres desarrollador o planeas serlo, Internet te ofrece muchos servicios y herramientas para ayudarte a aplanar el terreno y hacerte la vida más fácil.

Hoy les contamos algo sobre algunos de los más populares, y útiles para cualquier programador. Using voice to drive the web: Web Speech API. This implementation of voice search in Chrome prompted a great deal of interest when it was first released, and you can still see it in action today by visiting from any version of Chrome.

Using voice to drive the web: Web Speech API

More valuable than buzz and interest, however, was the feedback from developers that Google got after implementing the Speech Input API in their browser. According to public archives at, the key feedback that Google received was that developers wanted a JavaScript-based API for speech and finer-grained control over the presentation of speech input controls. Base - A super simple, responsive framework designed to work for mobile devices, tablets, netbooks and desktop computers. CodeVisually - Web Developer Resources & Tools. The Toolbox: a directory of useful single-page sites and apps. Bootstrap. CSS3 contra jQuery: comparativa para animaciones. En este artículo voy a comparar CSS3 y jQuery, para ejecutar animaciones y transiciones, en el campo donde se pueden comparar. jQuery es uno de los mejores frameworks que existen de JavaScript, ¿pero hasta que punto es necesario?

CSS3 contra jQuery: comparativa para animaciones

, últimamente en mi opinión se está usando jQuery para hacer cosas que no lo requieren, y eso puede ralentizar una web sin darnos cuenta, así que para ver quien gana en eficiencia he realizado un experimento para comparar ambas tecnologías. CSS tiene su cometido, el de añadir estilos a una web, y jQuery tiene el suyo, que es el de simplificar la interacción con elementos de una web e incorporar funciones que por si solo no tiene JavaScript. A Look Into: WebMatrix for Front-end Development. There are plenty of web development applications for Windows system, such as Notepad++, Netbeans, Eclipse, Komodo, Aptana etc.

A Look Into: WebMatrix for Front-end Development

These applications are working fine, and many of my developer friends are using them. But, if you want to have one that is integrated very well with Windows system at its core, then you need to check out WebMatrix.