Búsqueda personalizada

Barra de porcentaje basada en ajax

barra456345.jpg

Más de una vez necesitamos para nuestra web una barra de porcentaje de carga para señalar el progreso de una tarea específica. Pero nos encontramos muchas veces o no, que es difícil encontrar un funcionamiento y una solución rápida sin usar flash. Los chicos de webappers han creado una simple barra de progreso basada en ajax e inspirada en displaying percentages. Estéticamente muy bonita y muy funcional, seguramente encontraras un lugar donde utilizarla.

Compartir :FacebookGoogle+LinkedInTwitter
Publicado en General | Responder

Firebug Lite y Dojo: No sólo para IE

 Recientemente, las mejoras han aterrizado en Dojo Toolkit versión de Firebug Lite. These improvements have taken it beyond the desperate need for logging in Internet Explorer to a very viable alternative. Estas mejoras han tenido más allá de la desesperada necesidad de iniciar sesión en Internet Explorer en una alternativa muy viable. In fact, the reasoning behind some of the improvements I have implemented is to develop on Safari, which is so fast you sometimes forget you’re coding an application for a browser. De hecho, el razonamiento detrás de algunas de las mejoras que se han puesto en práctica para desarrollar en Safari, que es tan rápido que a veces olvida que está la codificación de una solicitud de un navegador.

 

The Basics Lo Básico

If you have djConfig.isDebug set to true, Firebug Lite will launch by default if you open your page in any browser besides Firefox that has the Firebug Add-on originally created by Joe Hewitt: Si usted tiene djConfig.isDebug asignado true, Firebug Lite se lanzará por defecto si usted abre su página en cualquier navegador de Firefox, además de que tiene el Firebug Add-on creado originalmente por Joe Hewitt:

 fb_001.png

 Sin embargo, normalmente no quiere que su consola de acceso a la mayor parte de la página, mientras que la depuración, ya que oculta el contenido y la pantalla se come inmobiliario. To remedy this situation, set djConfig.popup to true. Para remediar esta situación, djConfig.popup establecido en true. This will open Firebug Lite in its own window: Esto abrirá Firebug Lite en su propia ventana:

fb_002.png

Además, una cookie para recordar el tamaño y la posición de la ventana.

Firebug Lite supports all of the same logging functionality as Firebug, with the exceptions of trace() and profile() , due to the lack of available browser APIs. Firebug Lite es compatible con todos de la misma funcionalidad que la tala Firebug, con las excepciones de la traza () y el perfil de (), debido a la falta de navegador API. For the same reason, the Net tab is not implemented, and any error catching is at the mercy of the browser in use (I’ve had to jump from Safari back to Firefox to properly catch some errors). Por la misma razón, la Red ficha no está implementada, y cualquier error de captura está a merced del navegador en uso (que he tenido que saltar de nuevo a Safari Firefox adecuadamente algunos errores de captura). Other functionality is purposely omitted, since it would simply imitate tools that most browsers have, like CSS or DOM inspectors. Otras funciones se omitió a propósito, ya que simplemente imitar los instrumentos que tienen la mayoría de los navegadores, como CSS DOM o inspectores.

ReCSS

fb_003.png

Pasando a través de la pestaña en la fila superior de la ventana, la primera novedad es ReCSS. Not actually a Firebug feature, this is borrowed from a bookmarklet by David Schontzler. No es en realidad una característica Firebug, esto es tomado de una marca por David Schontzler. Other browsers don’t use bookmarklets, but ReCSS is nothing more than JavaScript. Otros navegadores no uso bookmarklets, pero ReCSS no es más que JavaScript. So implementing it was a simple matter of finding a place for it. Por lo tanto, la aplicación es una simple cuestión de encontrar un lugar para él.

If you’ve never used ReCSS, you’ve been coding too hard. Si usted nunca ha usado ReCSS, que ha sido muy difícil la codificación. Click on the tab, and the stylesheets on the page are refreshed, without refreshing the entire page. Haga clic en la ficha, y las hojas de estilo en la página se actualiza, sin actualizar la página. This is enormously useful in large AJAX applications where the page may take several seconds to load. Esto es de enorme utilidad en las grandes aplicaciones AJAX que la página puede tardar varios segundos en cargarse. Note that this doesn’t work using @import . Tenga en cuenta que esto no funciona utilizando @ importación. The stylesheet must be linked as so: La hoja de estilos debe vincularse la siguiente manera:

<link href= “fb.css”  rel= “stylesheet”  type= “text/css”  /> <link href= “fb.css” rel= “stylesheet” type= “text/css” />

DOM

Yes, I did say that a DOM inspector would imitate existing tools. Sí, me dijo que un inspector DOM que imitan los instrumentos existentes. However, I implemented this for a colleague who was struggling with a particularly nasty IE 6.0 bug one day (more like one month), as he expressed a wish to view the dynamic DOM to verify hover states in IE6 — the one browser without this tool. Sin embargo, aplicado durante un colega que estaba luchando con un desagradable IE 6.0 error un día (al igual que más de un mes), como expresó el deseo de ver la dinámica DOM hover para verificar estados en IE6 – un navegador, sin esta herramienta . Because Firebug Lite already had some nice formatting built in with the dirxml() method, it was just a matter of grabbing the current event target from the onmousemove event, and displaying the result in its own section. Firebug Lite, porque ya tenía un buen formato con el construido en dirxml () método, es sólo una cuestión de agarrar el actual objetivo del evento OnMouseMove evento, y mostrar el resultado en su propia sección. The current target is outlined, and clicking on it makes it “stick”: El objetivo actual es de señalar, y haciendo clic en ella le hace “palo”:

fb_004.png

Objeto

The Object Inspector is not new, but it has had some upgrades. El Inspector de objetos no es nueva, pero ha tenido algunas actualizaciones. The strange, legacy formatting is gone (unfortunately done by yours truly) and a more familiar JSON formatting is now in place. El extraño, legado de formato se ha ido (por desgracia, hace la suya realmente) y un formato más familiar JSON ya está en marcha. Objects in the console are highlighted as blue links. Objetos en la consola de color azul como se ponen de relieve los vínculos. Clicking on them displays the object: Al hacer clic en ellos se muestra el objeto:

fb_005.png

Debido a la nueva interfaz, el objeto ya no se pierde cuando va a la pestaña de la consola y volver a la ficha Objeto.

HTML is now traceable. HTML es ahora trazable. When logging a DOM node, such as: console.log(dojo.byId(”foo”) , a brief description of the node is shown in the console. This is also highlighted in the same way objects are, and clicking on them opens the DOM description in the Object Inspector: Cuando se tala un nodo DOM, como por ejemplo: console.log (dojo.byId ( “foo”), una breve descripción del nodo se muestra en la consola. Esto también se pone de relieve de la misma manera los objetos son, y pulsando sobre ellos se abre la descripción en el DOM Inspector de objetos:

fb_006.png

De línea de comandos

The command line feature has also been around for a while. La línea de comandos característica también ha sido de alrededor por un tiempo. The styling has been cleaned up so that it’s presence is more discoverable. El estilo ha sido limpiado de manera que su presencia es más detectable. A snippet history has also been implemented. Up, down, Home and End keys, will access your previous commands, which are saved to a cookie, so they are available any time. Un fragmento de la historia también ha sido aplicado. Arriba, abajo, teclas Inicio y Fin, tendrá acceso a los comandos anteriores, que se guardan en una cookie, por lo que están disponibles en cualquier momento.

fb_007.png

He aplicado muchas mejoras de menor importancia también. Console.dir () se traza el objeto directamente a la consola, que a veces es una característica útil. Dates are now string-ified and logged. Las fechas son ahora la cadena-ficados y registrados. And best of all, an IE bug was finally killed which was wreaking havoc on the console – erasing the logs, and shrinking the display. Y lo mejor de todo, un fallo de IE fue finalmente asesinado, que fue causando estragos en la consola – borrado de los registros, y la disminución de la pantalla.

As much as everyone loves Firefox, the Dojo team is committed to the Open Web, which means encouraging competition amongst browsers. Tanto como todo el mundo ama de Firefox, el Dojo equipo está comprometido con la Abrir Web, lo que significa el fomento de la competencia entre los navegadores. One way of fostering that competition is through debugging tools, such as Firebug Lite. Una forma de fomentar que la competencia es a través de herramientas de depuración, como Firebug Lite. We are trying to make it as easy as possible to code for large user-base browsers like Internet Explorer, or preferred browsers, like Safari or Opera, or… [your favorite browser here]. Estamos tratando de hacer lo más fácil posible para el código de la base de usuarios de grandes exploradores como Internet Explorer, o prefiere los navegadores, como Safari u Opera, o … [su navegador favorito aquí].

Where to Get It Donde Bajátelo

The enhancements described in this post will be available soon in Dojo Toolkit version 1.2 to be released in late June, or via a Dojo nightly build . Las mejoras descritas en este puesto estará disponible pronto en el Dojo Toolkit versión 1.2 que se publicará a finales de junio, o por medio de una noche Dojo construir.

Compartir :FacebookGoogle+LinkedInTwitter
Publicado en General,Herramientas | Responder

Como tener una pagina web

Rápidamente detallamos a continuación los requerimientos para tener una página web :

  1. El diseño de la página web
  2. Un servicio de hosting
  3. Un nombre de dominio

Si hemos conseguido los 3 puntos mencionados ya tendremos nuestra página web online, ahora pasaremos a analizar cada punto para ver la efectividad de nuestra inversión:

El diseño de la página web ( 30% )

El diseño de nuestra pagina web juega un papel fundamental en la efectividad de nuestra inversión, ya que será nuestra carta de presentación ante el cliente. Si lo ponemos con un ejemplo de la vida diaria seria como conocer a una persona, la primera impresión que tenemos de esta persona nos dará como resultado un grato afecto o nuestro mas alto rechazo. Si la persona esta bien arreglada quiza no nos llame mucho la atención porque así deberia de estar. Pero….  Que pasa si esta mal vestido pero tiene mucho que ofrecer… quiza empecemos a dudar un poco.

El diseño web profesional es muy reducido, solo ciertas empresas lo brindan como muestra de su calidad . Hablar de diseño web profesional es hablar de inversión y generalmente los que invierten son empresas que desean sobresalir de su competencia y generar mas rentabilidad.

Por otro lado, el diseño web tambien está al alcance de todos desde una minima inversión, navegando por la internet podemos encontrar portales que ofrecen el desarrollo de una web en simples pasos.

Un servicio de Hosting ( 2% )

El alojamiento web o web hosting es el espacio en el disco duro de una empresa que nos ofrece la facilidad de poder acceder a el durante todo el año las 24 horas del día, con esta facilidad nosotros podemos utilizar el espacio del disco para poder tener nuestro diseño web o cualquier información asi como correos y base de datos (si tenemos panel control).

El Hosting para Perú es brindado por muchas empresas, la elección de un buen hosting está dada por el respaldo o la confianza que nos ofresca la empresa. Si desea puede visitar Hosting Perú Borchani Studios

Un Nombre de Dominio ( 8% )

Elegir un nombre de dominio adecuado nos facilitara a veces muchos dolores de cabeza, le damos algunos tips para poder elegir un buen nombre de dominio. Leer mas

Estrategia de Marketing ( 60% )

Esta parte es bien simple de explicar, si tenemos el mejor sitio del mundo pero nadie lo conoce, no funciona.

Nuestro trabajo consiste en posicionar su pagina web o su producto en la tienda mas grande del mundo. “Internet” si lo ven es muy probable que lo compren.

Compartir :FacebookGoogle+LinkedInTwitter
Publicado en General,Marketing,Tutoriales | Responder

Novedades