Mis notas favoritas sobre informática, siempre a mano..

jQuery Drag and Drop de panel y recordarlos en las cookies

2011-09-08T19:30:00.000-03:00

jQuery: Customizable layout using drag and drop (examples)

Plugin jQuery: Raty - A Star Rating Muy bueno para implementar votaciones.

2011-09-07T22:21:00.000-03:00

Con el plugin Raty 1.4.3 para jQuery podrás obtener un sistema de votación por estrellas o personalizado con otro forma como caritas, medallas, etc..

Implementando via Ajax, Post o Get de manera muy elegante y simple.

Estos son algunos de los ejemplos posible con Raty:

Link al sitio oficial: Jquery Raty - A Star Rating

Repositorio GitHud

Link de descarga

Colección de plantillas para imprimir dibujar bocetos para desarrollos para móviles

2011-09-04T19:00:00.000-03:00

Como un diseñador de interfaz, soy un gran fan de el método de lápiz y papel del diseño de un alambre alto o bajo nivel para cualquier aplicación - web, de escritorio, móviles o de otra manera. Bosquejar ha demostrado ser mi herramienta de mayor valor para dar forma a mis ideas y permitir que otros visualmente a entender. Con lápiz y papel he descubierto que soy capaz de mantener la concentración en algunos de los detalles más finos que deben ser atendidos de manera conjunta con el diseño general y la funcionalidad.

En este artículo he enumerado una completa selección de papel para imprimir gratis Sketch Mobile para Android, Blackberry, iPhone, el iPhone, Smartphone Motorola, Nokia y el teléfono de Windows Mobile para descargar. Cualquier cosa que creas se adapte a sus necesidades puede fácilmente imprimir, y ponte en camino de esbozar el próximo gran éxito de aplicaciones móviles.

Plantillas de iPhone Sketch

Estas plantillas de dibujo iPhone de papel están disponibles para descargar en cinco formatos diferentes: Ominigraffle, PSD, PDF, EPS y PNG con cuatro estilos de la plantilla diferente. Todos los cuatro estilos que han incluido el espacio para tomar notas. plantillas iPhone Sketch →

Aplicación iPhone plantilla Sketch

Si usted es un fan de un diseño de cuadrícula, esta plantilla es la ideal para usted. Se ha diseñado con el tamaño de las cuadrículas en 10x10px. Cuenta con una marcas que indican la altura de la barra de estado, la barra de navegación, el teclado, la barra de pestañas y barra de herramientas, que trabaja en la orientación vertical y horizontal. Además de las plantillas de iPhone, también existe una plantilla de dibujo iPad disponible para su descarga. Todos los archivos de descarga están en formato A4 de alta calidad 300dpi JPEG. plantilla iPhone Sketch de aplicaciones →

Plantilla Wireframe iPhone para dibujar

Estas plantillas de alambre iPhone están disponibles para descargar en dos estilos diferentes: el cuerpo básico iPhone plantilla de diseño y el cuerpo para el iPhone que con el espacio para tomar notas. Ambos se pueden descargar en formato PDF por separado o se puede descargar el archivo. Archivo zip que también contiene las plantillas en Viso (VSD) en formato. Plantilla Wireframe iPhone para dibujar →

IU plantillas Sketch Pad

Para aquellos que no son (todavía) dispuestos a gastar mucho dinero en un cuaderno de dibujo fresco y plantillas de interfaz de usuario no sólo ofrece un kit de la plantilla pagado, pero también ofrece un iPhone para descargar, iPad y Android plantillas Sketch Pad en la carta y A4. La plantilla se escala a 140% del tamaño real con una red de 20x20px para el iPhone y escala al 100% de la plantilla de IPAD.Sketch Pad iPhone →Sketch Pad iPad →→ Android Sketch Pad

iPhone App plantillas Wireframe

Este papel de boceto iPhone incluye tres páginas, con una página que tiene una pantalla vertical y una columna de notas, página 2 se ha horizontal de la pantalla con una columna de notas y la última página tiene un diseño de 3 pantallas, sin espacio para notas.
Cuál es grande sobre esta plantilla es que da un montón de espacio en blanco para tomar notas, garabatos y comentarios. A diferencia de otras plantillas, cuenta con un espacio en cada página de un área de iconos escritorio que le permite dibujar el icono de su aplicación. plantilla de la aplicación iPhone Wireframe →

Hoja de Idea iPad

Esta idea de las hojas de IPAD. Archivo zip consta de tres plantillas. La primera plantilla es el verdadero tamaño completo iPad en el paisaje, el segundo está diseñado en el 70% del tamaño real con dos plantillas de dibujo IPAD, y el último está en el 50% del tamaño real con 4 plantillas cuerpo iPad en orientación horizontal . iPad iPhone Hoja Idea →

Hoja de iPhone Idea iPad

Hoja de iPhone Idea iPad →

Sketchbook Mobile para el iPhone y el iPad

Kaplan grupo de software ofrece un iPhone libre para descargar y una plantilla de iPad boceto en papel. Estas plantillas tienen un fondo basado en grid, tanto para el iPhone y el IPAD y ambos están en tamaño completo. Sketchbook móvil →

Sketchbook Diseño iPhone

Este es un diseño verdaderamente casera iPhone plantilla de cuaderno de dibujo especialmente diseñado para todos los desarrolladores de iPhone y diseñadores que consideran un lápiz y papel antes de ir a través de la planificación y el diseño de la fase actual. El cuaderno consta de 4 secciones para planificar y diseñar su aplicación para el iPhone. Sketchbook Diseño iPhone →

Android Wireframe plantillas

Plataformas de futuro diseñado una gran variedad de plantillas de dibujo para una variedad de teléfonos inteligentes Android como Nexus One, HTC Dream, HTC Hero, HTC Magic, HTC Tattoo y Motorola Droid.
La plantilla se encuentra en archivo PDF con todos los teléfonos móviles a escala al 100% con una cuadrícula de 10 × 10 en la pantalla para ayudarle con su dibujo. Android plantillas Wireframe →

Boulevart papel de boceto Mobile para el iPhone y el Nokia N95

El Grupo de Boulevart ha lanzado juegos de papel de boceto de impresión para los teléfonos móviles para el iPhone y el Nokia N95. El papel de boceto se presenta en 12 estilos con el cuerpo, tanto en los teléfonos vistas horizontales y verticales, con espacio para notas. El papel de boceto está disponible en formato PDF o formato Photoshop CS3. Papel Boulevart Sketch móvil →→ a través de Flickr

iSketchers

Una de las características únicas de estas plantillas es que ofrece una página completa de pantallas extendida y para el diseño de los iconos de aplicación. Abarca también los puntos de vista básicos en el retrato y el paisaje, pantalla completa y estándar restringido. Ofrece también la opción de los dispositivos de 1, 2, 3 o 4 por página, con espacio para notas de diseño y desarrollo de los diseños. Papel iSketchers Sketch →

Kit wireframing móvil para Blackberry y Android

Esta plantilla ofrece una amplia gama de papel de dibujo para la Blackberry Curve 8900, BlackBerry Pearl 9000, BlackBerry Storm y Nexus Android es uno.
Todos los archivos están disponibles en 3 formatos es decir, PDF, EPS y PNG. Kit wireframing móvil →

Sistema de Red iPhone

Esta es otra plantilla de dibujo iPhone basado en una cuadrícula. Las plantillas están disponibles en tres versiones. En primer lugar con la red solo, en segundo lugar con la red y la estructura corporal del iPhone y la última versión tiene la red, estructura corporal iPhone y el espacio para notas. Todas las plantillas están disponibles en formato. PNG y Photoshop. PSD. Sistema Interconectado iPhone →

De Alto Nivel de la aplicación iPad wireframing

La aplicación de alto nivel iPad wireframing →

Papel iPhone 3G Sketch

Este papel de boceto iPhone está disponible en formato PDF y EPS, actualizado con las reglas que indican incrementos de 20 píxeles. Papel iPhone 3G Sketch →

Plantillas iPad Wireframe

Este impreso en blanco de tamaño maqueta de la hoja, que ofrece mucho espacio para dibujar. Esta plantilla viene en tamaños A4 y Carta. plantillas Wireframe iPad →

Windows Phone 7 plantillas Sketch

Esta plantilla es uno de los cuadernos de dibujo más completo para el teléfono de Windows 7. Viene con plantillas de siete dibujo. Teléfono de Windows 7 plantillas Sketch →

Wireframe Stencil iPhone

Esta es la plantilla más simple Wireframe iPhone hacia fuera allí.Se proporciona sólo un esbozo escueto de los iPhone a tamaño completo. Wireframe Stencil iPhone →

16 Emuladores para desarrollo de aplicaciones web para celulares, Android, IPhone, Windows Phone, BackBerry

2011-09-04T11:00:00.000-03:00

Hay teléfonos móviles casi el doble que en el mundo que hay computadoras. Con ese pensamiento fenomenal en cuenta que puede entender por qué el desarrollo de aplicaciones móviles es tan lucrativo, es un enorme mercado con sus usuarios más exigentes aplicaciones cada vez más potentes y funcionales cerrar la brecha entre los móviles y los ordenadores.

Mantenerse al día con la demanda y las tendencias es sólo la mitad de la batalla por los desarrolladores de aplicaciones móviles. Los que se enfrentan al enorme desafío de las pruebas que la aplicación a través de una multitud de dispositivos y sistemas operativos diferentes. Cada teléfono es un poco diferente y cada uno tiene sus propias peculiaridades poco que no se puede ignorar, y que es, incluso antes de contemplar las enormes diferencias de los sistemas operativos móviles.

En este artículo hemos recopilado una lista de herramientas gratuitas para probar la aplicación a través de los sistemas operativos móviles más populares, como iPhone, Blackberry, Android, Symbian y Palm. Algunas de las herramientas se han lanzado oficialmente (con la excepción del iPhone) y están disponibles para descargar con el SDK se respectivos, otras herramientas, que tal vez un poco básicos, se puede utilizar como un entorno de pruebas fiables.

También hay herramientas de abajo para comprobar sus sitios web "mobile-amistad". Algunos puntos de vista permitirá visual, otros te darán informes detallados y su sitio de grado sobre su eficacia móviles.

Emulador de Android de Google

Para aquellos de ustedes que quieren probar Android puede utilizar este emulador de Android, que está parchado para funcionar en un PC con Windows como una aplicación independiente, sin tener que descargar e instalar la completa y compleja SDK de Android, e incluso se puede instalar y probar Android aplicaciones compatibles en él. Google emulador de Android paquete de descarga »

Android SDK oficial del emulador

El SDK de Android incluye un emulador de dispositivo móvil que simula todas las características de hardware y software de un dispositivo móvil normal (aunque sin las llamadas). Se ofrece una variedad de teclas de navegación y control, que se puede "presionar" con el ratón o el teclado para generar eventos para su aplicación. También ofrece una pantalla en la que se muestra su aplicación, junto con las otras aplicaciones de Android corriendo.Oficial Android SDK emulador » Cómo instalar aplicaciones en el emulador de Android »

MobiOne

MobiOne Developer es un IDE web móvil para Windows que ayuda a los desarrolladores de código, prueba, depuración, empaquetar e implementar aplicaciones Web móviles a dispositivos tales como iPhone, Blackberry, Android y Palm Pre.
actualizadas recientemente con su séptima versión, que ahora incluye un nuevo arrastrar y soltar de diseño Web visual móvil de maquetas, la generación de móviles de código HTML, plantillas de diseño conveniente móvil, actualiza los componentes OSS, la captura de pantalla, multi-táctil y soporte de gestos. Homepage MobiOne y descargas »

TestiPhone.com - Simulador de iPhone aplicaciones web basado

TestiPhone es un simulador de navegador web para probar rápidamente sus aplicaciones web para el iPhone. Esta herramienta ha sido probado y funciona con Internet Explorer 7, Firefox 2, Safari 3.TestiPhone.com - Simulador de iPhone Web Application base »

iPhoney

iPhoney le proporciona un entorno web de píxeles precisos de navegación - Desarrollado por Safari - que se puede utilizar en el desarrollo de sitios web para el iPhone. Es el perfecto de 320 por 480 píxeles de lona para el desarrollo de su iPhone.
iPhoney no es un simulador de iPhone, sino que está diseñado para desarrolladores web que deseen crear 320 por 480 (o 480 por 320) sitios web para su uso con el iPhone. Le da un lienzo en el que poner a prueba la calidad visual de sus diseños.
iPhoney sólo funcionará en Mac OS X 10.4.7 o posterior. iPhoney Inicio y Descargas »

iBBDemo - Simulador de Blackbaud navegador del iPhone

iBBDemo hace correctamente Webkit HTML, incluyendo el objetivo extenstions costumbre-webkit CSS, efectivamente le da una convincente demostración / prueba de plataforma para el contenido web para el iPhone desde la comodidad de un escritorio de Windows (que dijo que no se podía hacer?).iBBDemo - Browser iPhone Blackbaud simulador » simulador de navegador para iPhone Screencast Windows »

Emulador - Palm Developer Center

Este emulador de Palm oficial emula el dispositivo Palm webOS en un equipo con Windows Linux, Mac y o. Si ya el SDK instalado, usted ya tiene el emulador en tu ordenador. emulador Pre - Palm Developer Center » Descargar el SDK de Palm Pre (Mac, Linux y Windows) »

Simulador de BlackBerry

Hay una gran variedad de simuladores de BlackBerry oficiales disponibles para emular la funcionalidad de los productos de BlackBerry real. Con cualquiera de los simuladores de dispositivos BlackBerry, se puede demostrar y probar cómo el software del dispositivo BlackBerry, pantalla, teclado y rueda de desplazamiento trabajará con su aplicación.Estos simuladores también simular el comportamiento en distintas condiciones de la red inalámbrica. BlackBerry Simulador »Descargas de software para simuladores de dispositivos Blackberry »

Nokia y la plataforma SDK de dispositivos

Cuando se combina con la herramienta de desarrollo favorita, la plataforma S60 y el SDK de dispositivos proporcionan todas las características necesarias para construir de forma rápida y eficiente y probar las aplicaciones Symbian en un PC. Plataforma Nokia y SDKs de dispositivos » Especificaciones de dispositivos Nokia » Nokia Mobile Browser 4.0 Simulador » NMB 4.0 es un SDK del navegador de Internet móvil que puede navegar por el contenido de Internet móvil desde el ordenador local. Este recurso ha sido archivado porque no se considera relevante para los desarrolladores la creación de soluciones comerciales de hoy, pero aún así era divertido jugar con él acerca.

WinWAP emulador de Smartphone Browser

WinWAP Smartphone Browser emulador vamos a usar los servicios WAP en su PC Windows. El navegador es un navegador de Internet móvil que emula la forma en que se utilizan los servicios de Internet móvil en la incorporada en el navegador de un teléfono inteligente.
Este emulador de Smartphone Browser es más acerca de proporcionar una experiencia que imita a la que habría en un teléfono inteligente real. Se parece a un smartphone en el escritorio de su PC, puede hacer clic con el ratón sobre los botones del teléfono para desplazarse por la pantalla y seleccionar los enlaces, y utilice el teclado de su PC para escribir texto. emulador de WinWAP Smartphone Browser » Smartphone WinWAP Descargas navegador emulador » WinWAP Smartphone Emulador de Navegador Skins »

Windows Mobile 6.1.4 Imágenes Emulador

Este oficial de Windows Mobile 6.1.4 del emulador paquete de imágenes añade imágenes del emulador de Visual Studio 2005 o Visual Studio 2008 que le permite probar las aplicaciones para Windows Mobile 6.1.4, incluido Internet Explorer Mobile 6. Las imágenes de emulador también puede ser utilizado como aplicación independiente sin Visual Studio. Windows Mobile 6.1.4 Imágenes Emulador »

MicroEmulator

El MicroEmulator es un versátil y ampliable CLDC / MIDP 1.0 del emulador de dispositivos móviles. Se puede utilizar como una aplicación independiente de cualquier estación de trabajo compatible con Java. Que le permitirá demostrar MIDlet aplicaciones basadas en un applet del navegador web y se puede ejecutar como aplicación Java. MicroEmulator Inicio » Skinning la MicroEmulator » En este tutorial se describe cómo el desarrollador de la piel del MicroEmulator para parecerse a su plataforma favorita móvil, el SonyEricsson T610, utilizando la capa de presentación del applet.

Perfecto Mobile probar aplicaciones móviles en dispositivos reales

El Perfecto teléfono móvil de servicios cloud le permitirá probar las aplicaciones móviles de sitios web o servicios de una multitud (más de 450 juegos de mano) de los teléfonos REAL. Que le permitirá el acceso real de los dispositivos móviles a través de la web y el control como si se les tiene en sus manos.
Este servicio no es gratuito, usted puede elegir entre pagar 16 dólares por hora o adquirir una suscripción de $ 12 por hora. Perfecto móvil de prueba de aplicaciones móviles en dispositivos reales » Perfecto demostración móvil »

mobiReady - dotMobi Cumplimiento y mobileOK Checker

La herramienta de prueba de mobiReady evalúa sus sitios web para móviles de preparación utilizando las mejores prácticas de la industria ANDS normas.
El informe ofrece gratis una puntuación (de 1 a 5) y un análisis en profundidad de las páginas para determinar qué tan bien su sitio funcionará en un dispositivo móvil .
Usted puede probar las páginas individuales (por entrada de URL), prueba el marcado o puede elegir a prueba de Sitio, el cual le dará informes detallados de todo el sitio. mobiReady - dotMobi Cumplimiento y mobileOK Checker »

W3C mobileOK Checker

El W3C mobileOK Checker es un servicio gratuito de la W3C que ayuda a verificar el nivel de móvil de manejo de documentos Web, y, en particular, afirman que un documento Web es mobileOK. W3C mobileOK Checker » W3C Mobile Web Buenas Prácticas »

Ojeada iPad

Ojeada iPad es una curiosa herramienta que te permite ver cómo un sitio web se hizo en el IPAD. Haga clic en el borde superior para cambiar de modo horizontal a vertical. El teclado virtual y los botones del navegador iPad son sólo para mostrar, pero las obras botón de recarga. ojeada iPad » ojeada de IPAD: ver cómo su sitio web se ve en el IPAD » artículo a través de Mashable.

Simulador de Opera Mini

Este MicroEmulator (ver arriba) demostración en vivo de potencia del navegador del mundo Web más populares móviles, Opera Mini 5.Funciona exactamente como lo haría cuando se instala en un teléfono. Simulador de Opera Mini »

Simulador de Opera Mini

Desarrollado de lujo

Desarrollo para teléfonos móviles y tabletas se convierte en una brisa. El emulador es super fácil de instalar y te permite hacer el desarrollo de móviles seria desde su escritorio.

Rampa de lanzamiento

Utilizar el lanzador para el desove de varias instancias de Opera Mobile con una resolución definida, la densidad de píxeles, modo de entrada y más, y guardar la configuración como perfiles para pruebas futuras.

Conéctate con Opera Dragonfly

Conectar el emulador de Opera Mobile con Opera Dragonfly y hacer la depuración móviles CSS, JS y el rendimiento, utilizando un kit de herramientas de gran alcance.

Link de Descarga del Emulador Opera Mobile 11 Gratis

20 nuevos marcos para la Web y desarrolladores para tu móvil

2011-09-04T07:30:00.000-03:00

Este artículo destaca 20 nuevos marcos y bibliotecas que ayudará a acelerar el desarrollo y hacer que su web sea más eficaz.

DHTMLX táctil - HTML5 JavaScript Framework para móviles

DHTMLX Tuch es un marco de HTML5 JavaScript para móviles y dispositivos táctiles. Esta biblioteca HTML5 basados JavaScript permite crear aplicaciones multiplataforma web para dispositivos móviles y la pantalla táctil. DHTMLX táctil demostración Docs Visual Designer

DHTMLX táctil Visual Designer

DHTMLX toque de diseño visual es una forma fácil e intuitiva para crear interfaces web para sus aplicaciones móviles. Todo lo que tienes que hacer es arrastrar y soltar los componentes necesarios en el diseñador visual y establecer sus propiedades. Aquí está un vídeo de introducción:

Béhat - BDD Framework para PHP

Béhat es un marco de BDD para PHP, que se ha inspirado en Ruby Pepino proyecto.
A diferencia de cualquier otro marco de pruebas que las pruebas de aplicaciones php dentro hacia fuera. Béhat está poniendo a prueba las aplicaciones de afuera hacia adentro Esto significa, que Béhat sólo funciona con la entrada de su aplicación / salida. Béhat demostración Docs

iX Marco - JavaScript interfaz de usuario basada Marco

El Marco de iX es una interfaz de usuario basada en JavaScript y el marco que le permite tender un puente entre una aplicación web y aplicaciones de escritorio. Cuenta con muchos componentes:. Grid, Chart, árbol, ventana, panel, de campo, validación, Combo, y más iX marco demo Docs

Initializr - Generador de plantillas HTML 5

Initializr, basado en el texto modelo HTML5 plantilla, es un generador de plantillas de HTML 5 que le ayuda a empezar con su proyecto HTML5. Lo hace mediante la generación de una plantilla personalizable limpio con lo que su proyecto necesita. Initializr

PUF: Marco PHP Utilidad

PUF es un marco de utilidad PHP (que es lo que significa PUF). Es una colección completa de las funciones de utilidad útiles y populares PHP creada para ahorrar tiempo a los desarrolladores que utilizan regularmente estas funciones en la construcción de aplicaciones web. PUF: PHP Utilidad Marco Docs

SproutCore - Marco de aplicación HTML5

SproutCore es un framework de aplicaciones HTML5, que le permite simplemente crear aplicaciones de escritorio a nivel de los navegadores modernos. SproutCore aplicaciones son programas completos, escritos en JavaScript. Que JavaScript se ejecuta en el navegador del usuario, liberando sus servidores (servidor de e ingenieros) para centrarse en lo que es más importante en una aplicación de nube. Entrega de datos de los usuarios lo más rápido y más fiable posible SproutCore demostración Docs

LimeJS - Marco de Juego

LimeJS es un marco de juego que combina muchas de las tecnologías de HTML5 diferente y le permite crear juegos para móviles y dispositivos de pantalla táctil, pero también puede ser utilizado dentro de los navegadores modernos, como las aplicaciones. Juegos construidos con LimeJS son rápidos y tienen la sensación de un nativo en lugar de "juegos de navegador". Cualquiera que esté familiarizado con los nativos IOS o marcos de Flash se sentirá muy cómodo trabajando con LimeJS. LimeJS demostración Demo 2 Docs

LimeJS Dispositivos compatibles

Mobl - de código abierto basado en lenguaje HTML5

Mobl es un código abierto basado en lenguaje HTML5 diseñados para acelerar la construcción de aplicaciones web móviles. Tiene fantásticos (Eclipse) soporte IDE (por ejemplo, el informe de errores que-usted-tipo, la finalización de código y la resolución de referencia) y tiene una parada rápida y el ciclo de prueba - No compilaciones más largos, el IDE mobl compila los módulos cada vez que guarde, listo para ser probado en el navegador móvil. Mobl demostración Docs

Mobl Video Preview

Ampliar

Amplificar es un conjunto de componentes diseñados para resolver problemas comunes de aplicación web con una API simple. Simplifica todas las formas de manejo de datos, proporcionando una API unificada para diversas fuentes de datos. Amplificar la componente de almacén se encarga persistente del lado del cliente de almacenamiento, utilizando estándares como localStorage y sessionStorage, pero volver a caer en la no-estándar de las implementaciones de los navegadores más antiguos. Amplificar Docs

960 Grid de jQuery-Mobile

960 Grid de jQuery-Mobile es un puerto de 960 Grid para jQuery móvil. Combina la flexibilidad de 960.gs con la facilidad de jQuery móvil, con el propósito de hacer jQuery móviles más flexibles y fáciles de usar en dispositivos móviles y la pantalla táctil. demostración Demo 2 Docs

Gury - lienzo HTML5 biblioteca de utilidades

Gury es una librería JavaScript diseñada para ayudar en la creación de HTML5 y aplicaciones de lienzo. Puede crear una etiqueta de tela, el tamaño y estilo, añada renderizable objetos, animar a los objetos, y colocarlo en cualquier lugar de la página en una expresión de cadena simple. Gury demostración Docs

MooModel - Marco Javascript

MooModel es un marco de JavaScript que simplifica el uso de objetos y clases en JavaScript. Está construido en la parte superior de MooTools y viene con un elegante sintaxis, así como soporte integrado de características orientadas a objetos. MooModel Docs

Galería - Galería de imágenes JavaScript Marco

Galleria es una imagen JavaScript marco de la galería, construida sobre jQuery, que simplifica el proceso de creación de galerías de imágenes profesional para sitios web y aplicaciones web / móvil. El marco tiene una gran cantidad de opciones como efectos de transición, recortar los métodos y los detalles de la interacción que se pueden utilizar para personalizar tu galería. Además de las opciones genéricas, cada tema Galleria tiene algún tema específico de las opciones. Galleria demostración Docs

No apenas un Grid - Marco CSS flexible y modular

No sólo es una cuadrícula de un marco CSS flexible y modular que ha sido diseñado para ayudar en la creación rápida de prototipos y desarrollo de sitios web. Ha sido diseñado para el futuro con pantallas de mayor tamaño y el uso de CSS3 para la mejora progresiva y más rica experiencia de usuario.
No es sólo una rejilla incluye hojas de estilo independientes que abarcan diseños de varias columnas, tipografía, formas, tablas y mejora la experiencia del usuario. También se incluye una serie de imágenes comunes que se utilizan tanto para el estilo visual y mejora la interfaz de usuario. Estas imágenes se pueden cambiar fácilmente para adaptarse a sus necesidades. No sólo una rejilla de demostración Docs

Framework de Formularios jQuery - jFormer

jFormer es un marco de forma escrita en la parte superior de jQuery que te permite generar rápidamente las bellas formas, compatibles con los estándares. Aprovechando las últimas técnicas en diseño web, jFormer le ayuda a crear formularios web que: Validación del lado del cliente, validación del lado del servidor y el proceso sin necesidad de cambiar las páginas (usando AJAX). Framework de Formularios jQuery - jFormer demostración Docs

Treesaver.js - Marco para la creación de estilos, diseños de la revista

Treesaver es un marco de JavaScript para la creación de estilo de la revista-los diseños que se adaptan dinámicamente a una amplia variedad de navegadores y dispositivos. . Con este marco de diseñadores uso compatible con los estándares HTML y CSS para el contenido y el diseño sin necesidad de programación JavaScript es necesario Treesaver.js - Marco para la creación de estilos, diseños de la revista demostración Docs

La M-Proyecto - HTML5 Javascript Marco

La M-Proyecto - HTML5 Javascript Marco -M-El proyecto

Flurid - La Red de fluidos CSS

Flurid es un sistema de anchura de la rejilla de líquido optimizado para la flexibilidad (fluidez) y es el único sistema fluido de la red para trabajar en las versiones de Internet Explorer 6 y 7 (y 5, con la excepción de los push / pull clases) sin ocultar píxeles en los márgenes.
Se viene con un plugin de jQuery compañero para ayudar a desarrollar con el marco más fácil. Junto con algunas características adicionales, como las columnas de igual altura, el plugin de jQuery también puede añadir automáticamente alterna "extraño" e "incluso" clases de filas y columnas y aplicar el "último" de clase cuando sea necesario para arreglar las cosas por Internet Explorer 7 y más adelante sin el necesidad de incluir estas cosas directamente en el código HTML. Flurid - El fluido de cuadrícula CSS

25 diseños de páginas para suscripciones o detallar tipo de plan web.

2011-09-03T18:04:00.000-03:00

Una página de suscripción bien diseñada y organizada debe disponer una gran cantidad de información en un área pequeña y debe ser rápida y fácil de entender. Suele ser mejor mantener un aspecto limpio y sencillo, dejando la creatividad para otras partes del sitio.

Por eso, en esta nota te traemos 25 ejemplos creativos y útiles que podrás tomar de base a la hora de diseñar tus propias páginas de suscripciones, que mantienen la elegancia pero no dejan de darle importancia al estilo.

1. Wufoo

Haz clic aquí para visitar Wufoo »

2. Ballpark

Haz clic aquí para visitar Ballpark »

3. Squarespace

Haz clic aquí para visitar Squarespace »

4. Concept Share

Haz clic aquí para visitar Concept Share »

5. The Resumator

Haz clic aquí para visitar The Resumator »

6. Big Cartel

Haz clic aquí para visitar Big Cartel »

7. MindMeister Editions

Haz clic aquí para visitar MindMeister Editions »

8. Freckle

Haz clic aquí para visitar Freckle »

9. Nibble Tech

Haz clic aquí para visitar Nibble Tech »

10. Form Spring

Haz clic aquí para visitar Form Spring »

11. Zen

Haz clic aquí para visitar Zen »

12. Strutta

Haz clic aquí para visitar Strutta »

13. Basecamp

Haz clic aquí para visitar Basecamp »

14. DropSend

Haz clic aquí para visitar Dropsend »

15. LightCMS

Haz clic aquí para visitar LightCMS »

16. Linkpatch

Haz clic aquí para visitar Linkpatch »

17. Mailer Mailer

Haz clic aquí para visitar Mailer Mailer »

18. Livestream

Haz clic aquí para visitar Livestream »

19. eWedding

Haz clic aquí para visitar eWedding»

20. Media Temple

Haz clic aquí para visitar Media Temple »

21. Litmus

Haz clic aquí para visitar Litmus »

22. Brightbox

Haz clic aquí para visitar Brightbox »

23. Harvest

Haz clic aquí para visitar Harvest »

24. Web-o-matic

Haz clic aquí para visitar Web-o-matic »

25. Crazy Egg

Haz clic aquí para visitar Crazy Egg »

¿Y tú? ¿Qué aspectos consideras importantes a la hora de diseñar una página de suscripciones?

Fuente: Web Designer Depot

Características más destacadas, de la nueva versión del futuro Windows 8

2011-09-03T16:00:00.000-03:00

Micrrosoft ha demostrado la próxima generación de Windows, llamado Windows 8 el 1 de junio de 2011.Viene con un nuevo tipo de dispositivo, que tiene contacto sólo a través de la pequeña pantalla a las pantallas grandes. Se puede utilizar con o sin nuestro teclado o el ratón.

Características más destacadas -

Rápida puesta en marcha de aplicaciones de una pantalla de inicio azulejo-basado, que reemplaza al menú Inicio de Windows con una personalizable y escalable vista de pantalla completa de aplicaciones.
Vivir azulejos con las notificaciones, mostrando siempre al día la información de sus aplicaciones.
Líquido, el cambio natural entre aplicaciones en ejecución.
Capacidad conveniente para romper y cambiar el tamaño de una aplicación para el lado de la pantalla, por lo que realmente puede realizar múltiples tareas con las capacidades de Windows.
Conectado a la Web y Web impulsado las aplicaciones construidas con HTML 5 y JavaScript que tienen acceso a toda la potencia de la PC.
Totalmente táctil de navegación optimizada, con todo el poder de aceleración por hardware Internet Explorer 10.

Windows 8 Imágenes Nueva interfaz de usuario -

Windows 8 Nuevo usuario de interfaz de vídeo -

Tutorial de introducción a PHP Phar

2011-09-03T00:25:00.000-03:00

Desde la versión 5.3, los programadores de PHP podemos disfrutar de archivos PHAR que son el equivalente a los JAR de Java. Los archivos JAR sirven para encapsular en un sólo archivo toda una aplicación. Así, será más fácil de distribuir e instalar. En el caso de los PHAR podremos hacer lo siguiente:

Crear un sólo archivo (sin comprimir, o comprimido en ZIP, por ejemplo) que incluya en su interior toda la aplicación PHP y los recursos necesarios (imágenes, etc).
Éste archivo contendrá en u interior un Stub. Un Stub es un pequeño programa que se ejecutará inicialmente cada vez que se llame a PHAR, sirve para inicializarlo y dirigirlo, por ejemplo, a un index.php.
El PHAR puede no ser una aplicación en si misma, que se autoejecute. Puede ser que sea una librería a cuyas clases queramos acceder. Para ello se podrá hacer utilizado la habitual función “include”.
PHAR incluye su propia API para crear los archivos, editarlos y trabajar con ellos.

Un tutorial completo sobre PHAR aquí.
Actualización:
Dejo aquí un tutorial de cómo convertir todo el Zend Framework en un PHAR y usarlo.
Fuente: programania.net

2011-09-02T22:19:00.000-03:00

Si usted ha leído el tutorial anterior sobre el registro se encuentra que los perfiles con el marco DooPHP es relativamente similar a la forma en que los mensajes de registro.De perfiles de rendimiento pueden ser utilizados para medir el tiempo y la memoria necesaria para los bloques de código específico y averiguar lo que el cuello de botella es. Instead of calling log() you change it to beginProfile() and endProfile() . En lugar de llamar log () lo cambia a beginProfile () y endProfile (). We need to mark the beginning and the end of each code block by inserting the following methods:

Tenemos que marcar el comienzo y el final de cada bloque de código mediante la inserción de los siguientes métodos:

Doo::logger()->beginProfile('block_id_here'); Doo:: logger () -> beginProfile ( 'block_id_here');
//...everything here will be profiled //... aquí todo lo que se perfila
Doo::logger()->endProfile('block_id_here'); Doo:: logger () -> endProfile ( 'block_id_here');

Ya esta disponible la versión del sistema para celulares Bada 2.0

2011-09-02T21:05:00.001-03:00

Bada 2.0 es el sistema operativo para celular que desarrolla la gente de Samsung desde hace un tiempo. El cual es multitarea, soporta HTML5, etc..

Destaca la plataforma

El recientemente lanzado bada 2.0 introduce varias características nuevas e interesantes para los desarrolladores y usuarios. Aquí se puede ver de un vistazo una visión general de largometrajes, así como de otros contenidos informativos de bada 2.0. Cada uno de los documentos que a continuación le ayudarán a entender mejor y le guiará a través del desarrollo.

¿Qué hay de nuevo en bada 2.0?

Link al sitio Oficial de Bada
Link al SDK de Bada

Google actualiza el panel de control de Blogger y le da el mismo aspecto Google Plus

2011-09-02T18:30:00.000-03:00

Después de varios meses anunciando el nuevo Blogger, hoy han empezado a liberarlo a algunos usuarios, mostrando un mensaje para que puedan realizar el cambio.

La estética afecta a la sección de administración, mas moderna, más intuitiva y más limpia, mostrando la información con un estilo que recuerda al ya utilizado en Gmail, Google Plus, y demás aplicaciones que están sufriendo el lavado de cara de la empresa.

Ya sea que te encuentres en el Escritorio o en la Configuración de blogger.com puedes crear o editar entradas con un solo clic desde la parte superior de la pantalla. Además, el editor de entradas se ha ampliado y simplificado para que puedas tener una vision más grande para la elaboración y vista previa de tu trabajo.

Tal y como comentan en el blog de Google, no todos los usuarios podrán ver el mensaje hoy mismo, aunque durante los próximos días la opción se mostrará de forma general.

Existe una nueva sección “Visión General” del Escritorio, con información relacionada con la reacción de la gente a nuestros artículos (comentarios, seguidores, visitas, etc), así como una lista de enlaces útiles, como un feed con actualizaciones de Blogger y una sugerencia de blogs que pueden resultar interesantes.

Usuarios de Blogger, atentos al mensaje de actualización en vuestro panel.

También me comentario que para antes de fin de año Google va a cambiar el nombre de Blogger por Google blog y va hacer lo mismo con el nombre de Picasa que va a pasar a ser Google Photo.. Veremos que pasa dentro de nos meses.

Post Pic 70 técnicas Javascript profesionales + tutoriales avanzados.

2011-09-02T18:18:00.000-03:00

Textboxlist Auto-Completar
Una de las mejores características de JavaScript es la capacidad de autocompletado avanzado. No existe un sitio web que emplee la técnica de autocompletado mejor que Facebook. Ellos han creado una forma elegante para la búsqueda de otros usuarios de Facebook usando esta característica. Una vez que el usuario es encontrado, su nombre es mostrado con un vínculo a su perfil y una X al lado para eliminarlo en caso que se quiera así. TextboxList ha imitado esta característica y ha creado un pequeño script para descargar.

Hyphenation in Web
Este proyecto colecciona soluciones de trabajo para plecaje en páginas XHTML automático. El mismo posee una solución JavaScript llamada Hyphenator.js. Hyphenator.js le muestra al cliente plecaje de documentos HTML en cada navegador insertando pequeñas plecas usando paternos de plecaje del algoritmo de Franklin M. Liangs comúnmente conocidos en LaTeX y en OpenOffice.

SocialHistory.js
SocialHistory.js te permite detectar qué sitios sociales de bookmarking están utilizando tus visitantes. NO te permite el resto del historial de los usuarios, solo eso. Chequea, en un formulario de 20 preguntas, si el usuario ha estado en una URL en particular. SocialHistory.js posee una lista inmensa de los sitios más populares de bookmarking los cuales chequea.

addSizes.js
Este pequeño JavaScript se encarga de un vínculo de generación de archivos. Por ejemplo, si posees un archivo .mp3 o un .pdf dentro de tu página, este script automáticamente chequea el tamaño del mismo y muestra el tamaño y la extensión.

syntaxhighlighter
SyntaxHighlighter está aquí para ayudar a un desarrollador a postear snippets de código online de manera fácil y se encarga de que luzca bien. Está basado al 100% en JavaScript y no importa lo que tengas en tu servidor.

samaxesjs
samaxesJS es un set de utilidades y controles, escrito en JavaScript, para la creación y construcción de aplicaciones webs. La creación de la tabla de contenidos se forma a partir de los encabezados que posea un documento y le provee a cada uno de los encabezados números de secciones.

Step by Step
Este script te permite mostrarle y explicarle a los visitantes lo que tu página tiene para ellos. Puedes encontrar demostraciones interactivas sobre el funcionamiento del mismo. La imagen muestra lo que este script es capaz de hacer.

MoreCSS
MoreCSS es una pequeña librería la cual te permite crear menús con pestañas, tablas y listas con estilo zebra como si estuvieras usando CSS puro.

Facelift Image Replacement
Facelift Image Replacement (o FLIR, se pronuncia “fleer”) es un script reemplazador de imagen el cual genera dinámicamente representaciones de texto mediante una imagen en tu página web con tipografías que comúnmente los usuarios no lograrían ver. La imagen generada será insertada en tu página web automáticamente vía JavaScript y visible para todos los navegadores. Cualquier elemento de texto puede ser reemplazado por una imagen, desde los encabezados (h1, h2, h3, etc.) hasta los elementos span, etc.

CSS Sprites2
jQuery trabaja en la gran mayoría de los navegadores de hoy día, así que, todo lo que ves en la imagen funciona perfectamente en Internet Explorer (versión 6 en adelante), Firefox, Safari, Opera, etc.

jParralax
“Parallax es una librería jQuery que transforma un objeto seleccionado en una ‘ventana’, o viewport, y todos sus derivados en capas posicionadas que pueden ser vistas a través del mismo. Estas capas se mueven en respuesta al mouse, y, dependiendo de sus dimensiones, se mueven en diferentes cantidades.” Imagina mirar a través de una cámara y tienes capas de objetos a varias distancias moviéndose alrededor. Esta librería logra ese efecto haciendo uso de múltiples imágenes estáticas, una por cada capa.

ddMenu – Context Menu Script
ddMenu es un script basado en MooTools para crear un menú contextual. Debes presionar la tecla Ctrl+Clic Derecho para que se active dicho menú y no el del navegador.

js-hotkeys
jQuery.Hotkeys es un plugin que te permite agregarle a tus vínculos teclas de acceso rápido, incluso combinación de teclas. Solo se requiere una pequeña línea de código para activar o desactivar una tecla de acceso rápido.

BarackSlideshow
El mismo es un elegante script de presentación de imágenes tipo lightweight. Trabaja bajo MooTools 1.2, y soporta todo tipo de transformaciones (coordenadas de izquierda, arriba, y propiedades de ancho y alto).

Galleria
Galleria es una galleria de imágenes escrita en JQuery. La misma carga las imágenes una por una desde una lista no ordenada y muestra las vistas en miniature cuando éstas son cargadas. Creará dichas vistas en miniatura si así lo escojes tú, escaladas o no, centradas y cortadas dentro de una vista en miniatura con los cambios mostrados, la cual es definida vía CSS.

History Keeper
unFocus History Keeper ies una librería JavaScript para manipular el historial de un navegador, además prove soporte para vinculaje profundo en animaciones Flash y en AJAX. Para los clients que navegan este script genera un botón de Atrás a tu gusto.

date.js
Datejs es una fuente extensa de JavaScript para el trabajo con fechas, la cual es open source, la misma nos sirve para formatear y procesar horarios y fechas.

Lightview
Lightview es otro script que crea una ventana donde podremos navegar cierto contenido. Posee una pequeño cargador de imágenes, esquinas ajustables, y contenido editable en cuanto a tamaño. El contenido siempre se las ingeniará para ajustarse a tu resolución de pantalla. El script nos servirá par aver imágenes, archives Quicktime, Fromularios, iFrames, Animaciones Flash, etc.

Coda popup bubbles
La compañía de software Panic es la dueña de una aplicación muy querida por los usuarios de Mac concebida para desarrolladores llamada Coda. Coda posee un increíble y elegante diseño, y dentro de la gran cantidad de efectos hechos en JavaScript que tiene, el más notable es una burbuja de información. El blog jQuery for Designers ha creado un script que combina jQuery con el código correspondiente para replica esta característica usada en el sitio de Coda. El efecto es precioso y le brinda al usuario una incredible experiencia de navegación.

ajax im
Con la popularidad de los clientes de mensajería via web como Meebo, muchos desarrolladores pudieran querer tener uno de su propiedad, sobretodo hecho en JavaScript. Ajax IM es una librería dedicada a crear un cliente de mensajería instantánea hecho en AJAX. El script es algo extenso, no obstante puede constituir un efecto distinto para muchos sitios web que necesiten más interacción con los usuarios.

LiveValidation
Esto que tienen a continuación es un diamante en bruto par aquellos que hagan uso de los formularios. Crear un formulario de subscripción de manera intuitive pudiera se una gran faena con todos los diferentes tipos de validación que se necesitan. No obstante, crear un formulario aún más rápido y más intuitive escrito en JavaScript no es tarea fácil del todo. Por suerte existe LiveValidation, el cual se ha hecho dueño del trono creando un script pequeñito y para nada trabajoso que puede alejarle el miedo a cualquiera respecto a enfrentarse a la creación de una validación de formulario. Si eres un desarrollador de Ruby on Rails, LiveValidation viene en dos formas: vía Prototype (ideal para Ruby on Rails) or un paquete conjunto.

Ajax AutoSuggest
Al igual que el script de autocompletado de TextboxList, Ajax AutoSuggest es un script de la misma índole con mucho ‘sabor’. El mismo es pequeño, se lleva tan solo 9KB a cambio de dotarle de un gran toque a cualquier formulario de búsqueda.

FancyUpload
Este es un script de subida el cual te muestra el progreso de los archives que se van subiendo. Es perfecto para cualquier formulario de subida, incluso permite la subida de múltiples subidas al mismo tiempo. Puedes limitar la capacidad del archivo a subir así como restringir el tipo de archive que va a ser subido. El único requerimiento que posee FancyUpload es que los usuarios deben tener instalado el reproductor Flash el cual está presente en el 95% de las computadoras de este mundo.

Taggify
Taggify es un poco distinto en implementación que los otros JavaScripts listados. Taggify es una solición hosteada para agregar widgets de información a las fotos. En vez de bajarlo para hostearlo en tu sitio, su implementación consta de agregar un en tu etiqueta, y tendrás el poder de instalado en tu sitio. Su uso es interesante; se le pueden agregar notas y otra información importante a las fotos.
Míralo como una variante a la característica de agregarle notas a las fotos en Flickr. Puedes agregar cualquier HTML a la nota de Taggify, creando una página bien informada y de manera única. Es esencial para imágenes que a veces requieren un tanto más de información.

AmberJack
AmberJack es una de las técnicas más interesantes creada en JavaScript. Un web tour es algo extremadamente beneficioso debido a que permiten que los usuarios puedan familiarizarse, muestran las características y productos de nuestro sitio y muchas cosas más. Posiblemente la mejor parte de AmberJack es que nada debe ser instalado o aprendido para comenzar a crear web tours. Su tamaño consta simplemente de 4KB. Increíble!

Sliding Tabs
Este es otro script inspirado por Coda. Esencialmente, es un sistema de ‘navegación’ de pestañas que permite una interacción entre sí muy fácil e inteligente. Para ver un demo puedes hacer clic aquí. Sliding Tabs está escrito bajo el framework MooTools.

JavaScript Image Loader
Si estás buscando una vía más intuitiva para proveerle a los usuarios una forma de efectuar subidas de imágenes y mostrar vistas previas de las mismas en tu sitio, pues te comento que JavaScript Image Loader (demo) puede llenar tus expectativas. JavaScript Image Loader es una forma de mostrarles a los usuarios la imagen antes de ser subida, también puede proporcionarnos otra información sobre la misma si lo deseamos así.

swfIR
swfIR es un interesante concepto el cual efectúa una combinación de Flash y JavaScript y les provee funcionalidades de manipulación. Una vez que swfIR es instalado, adiciona una etiqueta con la clase “swfir” alrededor de la imagen. swfIR puede proporcionarle a una imagen casi todo tipo de manipulación. Una característica que debemos resaltar es la habilidad de modificar el temaño de la imagen en dependencia del tamaño de la página. Cuando modificas el tamaño del texto de la página, el tamaño de la imagen se modifica proporcionalmente con el mismo. Modificando el tamaño de la imagen conjuntamente con el texto le crea al sitio mucha más coherencia.

MooFlow
Para los fanes de Cover Flow en Leopard (Mac), MooFlow es lo que más se acerca a ello. MooFlow es una galleria que hace uso de MooTools y trabaja con un poco de la magia de JavaScript para crear increíbles galerías de imágenes.
Así como Cover Flow, puedes manipular el esquema y la funcionalidad de MooFlow. Puedes activar el modo a pantalla completa, reflexión de imagen y autoplay. MooFlow es muy configurable y debido a eso adhiere todas las imágenes dentro de un element.

amCharts
Este script es un generador de charts que corre sobre una bella combinación entre Flash y JavaScript. Puedes generar virtualmente cualquier tipo de gráfico o chart con este script, incluso puedes utilizar archivos .CSV y XML para sacar los datos.

GreyBox
El sitio web de GreyBox sentencia a las ventanas flotantes hechas en JavaScript de la siguiente manera: “A pop-up window that doesn’t suck”, y bien que lo dicen por una buena razón. GreyBox hace todo lo que una ventana convencional debería hacer. Puede mostrar imágenes, sitios web, y casi toda cantidad de contenido que se te pueda ocurrir.

Mailist
Mientras que Mailist no se considera un formulario de contacto de AJAX este pequeño script es lo que los desarrolladores web necesitan para trabajar con direcciones de correo para cosas como suscripciones y similares formularios. Incluso posee un panel de administración para trabajar pequeñas cosas como salvas de correos y editar la vista del formulario.

SWFObject
SWFObject es un pequeño reproductor Flash que usa JavaScript para evitar mucho de los obstáculos que no pueden ser resueltos de manera convencional. El reproductor consta de una pequeña descarga de apenas 9.5KB (o 3.8KB en GZIP). SWFObject se enorgullece de su compatibilidad con todos los navegadores modernos, y actualmente hace uso de JavaScript para ayudar a detector qué version de reprodutor Flash posees y de esta forma evitas plugins Flash antiguos que corrompan el también contenido Flash.

PlotKit
PlotKit es un script para el trabajo con ploteo el cual es hecho bajo el framework Moochikit. PlotKit es una herramienta excepcional para plotear cualquier tipo de gráficos.

JavaScript tabifier
JavaScript tabifier es un pequeño script que te permite crear pestañas para la navegación de tu contenido. Todo lo que se requiere para hacer uso de dicho script es incluirle al sitio el archivo JavaScript y posteriormente adicionar una etiqueta

junto con la clase “tabber” rondando el contenido destinado, y entonces adicionar la clase “tabbertab” y el título para el

FancyZoom 1.1
Diseñado para ver imágenes a pantalla completa sin que te separes del navegador web, además, FancyZoom prove un diseño estilo Mac realmente asombroso.
Puede ampliarse sin que se requiera una carga externa y sin cambios dentro del código HTML. Además no requiere de librerías JavaScript. FancyZoom requiere solamente dos líneas de código en tus archivos HTML.

A Mac OS X-style Dock In JavaScript
Si por algo la gran Apple con su Mac OS X dejó asombrado al mundo fue por su increíble forma de verse respecto a los efectos gráficos. Sin lugar a dudas el más impresionante es es el efecto ‘fish-eye’, donde los iconos se agrandan en la medida que pasamos el mouse sobre ellos, formando una especie de ola. Lograr este efecto en JavaScript es muy difícil, no obstante MacStyleDock permite que esta tarea sea ejecutada con facilidad.

fValidator
fValidator es una herramienta open source para el trabajo con formularios de validación. El mismo le permitirá a los usuarios inserter los datos que le requieras de manera intuitive.

jQuery Interactive Date Range Picker with Shortcuts
Esta es una herramienta avanzada hecha en jQuery, la cual es un calendario en el cual seleccionamos fechas para diferentes propósitos, y para otras opciones que tiene esta herramienta existen una serie de transiciones que te dejarán con la boca abierta.

Raphaël
Raphaël es una pequeña librería JavaScript que debería simplificar tu trabajo con gráficos vectoriales en la web. En caso de que quieras ponerle a tu sitio alguna imagen vectorial, simplemente lo vas a lograr fácilmente con esta herramienta. Raphaël hace uso de SVG y VML como su base para la creación de gráficos.

NoGray Time Picker
Esta herramienta posee una interface ‘drag-and-drop’. Para seleccionar la hora los usuarios simplemente arrastran los minutes u horas de un reloj.

Yetii – Yet (E)Another JavaScript Tab Interface
Yetii es una implementación muy functional. Gracias a esta herramienta puedes varias interfaces de pestañas independientes en una sola página, especificar la pestaña inicial, accionar la rotación de pestañas, agregar navegación tipo anterior/siguiente, anidar una interface de pestaña dentro de otra y definir algunas funciones para que se ejecuten después de que cierta pestaña sea cliqueada.

Calendar
Calendar es una clase JavaScript escrita bajo MooTools, la misma te muestra un calendario con el fin de escojer cierta fecha, se desarrollo para los formularios de inscripción donde en muchas ocasiones debemos proporcionar nuestra fecha de nacimiento.

Starbox
Starbox te permite crear de manera facil todo tipo de sistemas de rating usando tan solo una imagen PNG. La librería está escrita en Prototype. Para efectos extras puedes usar Scriptaculous.

Magic Zoom
Magic Zoom es una herramienta hecha en JavaScript para la ampliación de imágenes. Es la mejor de las vías para mostrar imágenes en un increíble detalle. Los usuarios no tienen la necesidad de hacer clic en ninguna parte, simplemente mueven el mouse sobre la parte preferida de la imagen y esta se mostrará.

Magic Magnify
Magic Magnify es una herramienta escrita en Flash para la ampliación de imágenes. Es un efecto elegante para ver imágenes con un increíble detalle. Mientras el usuario corre el mouse libremente sobre la imagen esta mostrará un detalle más amplio de la misma. La aplicación no es libre y cuesta $28 / £15 / €18.

Carousel.us
Carousel.us es un carrusel, que usa los frameworks prototype.js y scriptaculous.js o mootools.js. También usa PHP Easy Reflections v3 por Richard Davey.

slideshow
Slideshow es una clase escrita en Mootools 1.2 para animar imágenes en tu sitio. Slideshow es el resultado de muchos códigos de prueba para crear una clase JavaScript que fuera fácil, detallada, profesional, extendible, configurable y no obstrusiva en su uso. Fue escrita con los mejores efectos que ofrece este framework. Comenzó como un pequeño proyecto de Aeron Glemann, y ahora es open source con una licencia MIT.

jgrousedoc
jGrouseDoc le permite a los desarolladores producir documentación para sus códigos JavaScript basados en comentarios estilo javadoc los cuales se embeben dentro del código fuente.

Lightbox 2
Lightbox es un simple y no obstrusivo script usado para ver imágenes dentro de una misma página. Es muy fácil de configurar y funciona con todos los navegadores modernos.

Control.Window
Control.Window es una herramienta programable y multipropósito para ventanas que trabaja con Prototype. Cubre una variedad de usos y permite una gran personalización.

SimpleModal
SimpleModal es un plugin de jQuery que provee una interface muy simple para crear un diálogo común. La meta de SimpleModal es brindar a los desarrolladores un modo de estar en contacto muy profesional e intuitivo.

MooTools Carousel
Probablemente lo habrás visto en varios sitios: esas pequeñas presentaciones de imágenes (y de contenido también). Muchas personas copian el código para usarlo en su sitio, bien, en lo personal creo que lográndolo tú mismo, aprenderás una nueva técnica y obtendrás una vista más profunda. De manera que, te caminaré hacia este tutorial que de seguro te gustará mucho, es muy interesante, el mismo te mostrará cómo lograr esto con CSS y Mootools.

Expand and Collapse Navigation
Un tutorial sobre cómo crear una navegación vertical que expandirá y colapsará el contenido a tu antojo haciendo uso de listas no ordenadas y algunas clases CSS.

Image Cross Fade Transition
El volcado de imágenes fue lo básico de JavaScript en sus inicios en los 90s, y para muchos desarrolladores JavaScript, su pasión comenzó debido al logro de efectos de este tipo. Hoy ya no es trabajoso crear efectos de volcado de imágenes, ya sea en CSS o en JavaScript.

Slider Gallery
Este ‘producto deslizante’ es similar a una galería de imágenes común, con la diferencia de que hay una barra deslizante para navegar los objetos.

FancyZoom meets jQuery
Este es un efecto hecho con jQuery, el mismo sirve para el trabajo de ampliación de imágenes, es muy curiosa la forma en que trabaja, en que se ‘expresa’, deberías probarlo.

AJAX Powered Shopping Cart
La meta de este tutotial es mostrar cómo construir una cesta de compra vía AJAX

jQuery iPod-style Drilldown Menu
Este es un menú tipo iPod, muy conveniente para cuando organizamos una larga estructura de datos.

Load Content While Scrolling With jQuery
Este script te permite cargar el contenido “al vuelo” en la medida en que los usuarios utilizan el scroll hacia abajo.

JavaScript Tooltips
Este tutorial muestra cómo crear un agradable y efectivo tooltip en JavaScript. Por Michael Leigeber.

Newsticker
Antonio Lupetti re-creó un mini mostrador de noticias muy similar al de Newsvine. Hecoh con Mootols.

jQuery virtual tour
Esta es una extensión del visor panorámico que te permite trabajar con jQuery de manera tal que podamos transformar una imagen panorámica en un tour virtual.

Flexigrid
Este es un datagrid de columnas expandibles y datos scrolleables, además posee la habilidad de conectarse a una fuente de base de datos XML usando AJAX para cargar el contenido. Muy similar en concepto a Ext Grid respecto a que es puro jQuery, lo que lo hace muy flexible ya que sigue la filosofía de jQuery de menos cantidad de configuración.

tableFilter
Este script le permite a los usuarios filtrar y mostrar largas cantidades de tablas de una forma muy rápida e interactiva.

Row Locking with Checkboxes
Este es un script muy útil, para el trabajo con rows y checkboxes, viene muy a manos cuando necesitamos trabajar con este tipo de datos.

jQuery File Tree
jQuery File Tree es un plugin navegador de datos en AJAX escrito en jQuery, muy configurable. Puedes crear árboles de archivos con tan solo una línea de código JavaScript. Posee la habilidad de estilizar iconos basados en su extensión, usa AJAX para mostrar la información de los archivos al vuelo, tiene un evento de expandir/colapsar y soporta la navegación de varios directorios.

Proto.Menu, prototype based context menu
Proto.Menu es una solución sencilla para crear menús contextuales dentro de tu sitio web.

Pricing Matrix
Este tutorial explicará cómo crear una matriz que podría brindar una indicación de relaciones sobre la información proveída.

Toggling Announcement Slider
Este es un script para trabajar con anuncios dentro de tu sitios web. Está escrito en MooTools 1.2.

Tutoriales

Mostrar/Ocultar un panel de Login usando Mootools 1.2

Deslizamiento de imágenes para crear presentaciones similares a Flickr

Create an apple style menu and improve it via jQuery

Crear un reproductor de contenido automático

Por Chris Coyier.

Construir un increíble formulario de login con jQuery

Crear un área de contenido por pestañas usando CSS y jQuery

Crear un efecto de navegación inteligente de Acordión usando Prototype y Scriptaculous

Crear un anuncio de productos con MooTools

Crear un sistema avanzado de encuestas con jQuery y PHP

Contenido relacionado

85 soluciones AJAX para el desarrollo profesional

Fuente: webizzima.com

Patrocinadores.net – Busca patrocinadores para tu proyecto

2011-09-02T01:29:00.000-03:00

Juan Carlos Requena me presenta patrocinadores.net, un proyecto que, con menos de un mes de vida, ya tiene varios usuarios activos registrando sus proyectos en busca de patrocinadores que les permitan seguir con el mismo.
Desde equipos de fútubol hasta startups dedicadas a proyectos de Internet, patrocinadores.net pretende abarcar varias categorías, siendo punto de encuentro entre los que quieren crear y los que pueden invertir en la idea.
Con blog, calendario de eventos y grupos, sólo necesita una gran comunidad que pueda darle vida al proyecto.

Fuente: wwwhatsnew.com

Template para paginacion - Clean Pagination Styles – Pack1

2011-09-01T22:20:00.000-03:00

Clean Pagination Styles – Pack1

Clean Pagination Styles – Pack1

Features
1. Easy change colors
2. .psd files are well organized
3. 6 different styles of pagination
4. Only free/system fonts

Graphics Files Included: Layered PSD

Font used : Arial & Comic Sans MS

The zip file contains :
> 1 .PSD file ; fully layered & editable.
> 1 High-resolution JPG Preview file

Dos Buscadores de números de serie

2011-09-01T21:53:00.000-03:00

Anunciando que sirven como backups de números de serie de productos de software, por si perdemos los nuestros, aquí os dejo un par de buscadores bastante conocidos en la web.
Cada “serial key” en Youserials.com puede ser votado por los otros usuarios, aumentando o disminuyendo su fama de “auténtico” dentro del buscador. Sin necesidad de registro es ya una de las 10.000 páginas más visitadas en Internet.

Mucho más reciente, serialnumber.in muestra las búsquedas más recientes y permite subir un serial key rellenando un formulario extremadamente básico en el que el campo de email es obligatorio.
Los términos de uso de ambos sitios son exactamente iguales, recordando las leyes vigentes relacionadas con la distribución no autorizada de software protegido.

Fuente: wwwhatsnew.com

9 Framework para desarrollar sitios web Mobile o Celulares como Android, IPhone, Windows Phone 7, BlackBerry, Bada

2011-09-01T21:05:00.000-03:00

Introducción

Desarrollo de aplicaciones móviles ha ido creciendo desde los días de Apple presentó el iPhone. Navegador móvil nunca ha sido tan fuerte. Es compatible con HTML5, CSS3, incluso con animación CSS. Después de eso, Google presentó Android, y la era de la plataforma móvil comenzó ha.

En la industria móvil, que tiene algunos de los marcos disponibles con el objetivo de crear una aplicación web móvil rápidamente. Para ayudarle a empezar su desarrollo móvil, he hecho algunas investigaciones sobre todos los marcos móviles, y por debajo de la lista. He utilizado jQTouch antes, es bastante fácil de aplicar, pero definitivamente tiene mucho espacio de mejora.

Zepto.jsZepto.js es un marco minimalista JavaScript para navegadores móviles WebKit, con una sintaxis compatible con jQuery. El objetivo: una biblioteca 2-5k que se encarga del trabajo esclavo más básico con una buena API para que pueda concentrarse en conseguir cosas por hacer. Zepto.js se encuentra actualmente en versión beta temprana, y usted puede ayudar para que sea impresionante por contribuir con código, documentación y demos.
DynamicXDHTMLX táctil es una biblioteca de HTML5 basados en JavaScript para crear aplicaciones web móviles. Que, no sólo convirtiéndose en protagonista de un conjunto de widgets de la interfaz de usuario, pero un marco completo que le permite crear llamativos, plataformas de aplicaciones web para dispositivos móviles y la pantalla táctil.
SenchaSencha Touch, el primer móvil HTML5 marco de JavaScript que le permite desarrollar aplicaciones web móviles que se ven y se sienten nativas en el iPhone y Android con pantalla táctil, acaba de llegar el gran 1.0. Y lo mejor de todo es que, el AM de uso completamente gratuito.
jQuery móvilde un usuario del Sistema Único de interfaz a través de todas las plataformas de dispositivos móviles popular, construida en la roca sólida jQuery y jQuery UI fundación. Su código está construido con ligera mejora progresiva, y tiene un diseño flexible, fácilmente diseños modificables.
jQTouchUn plugin de jQuery para el desarrollo web móvil en el iPhone, iPod Touch y otros dispositivos de visión de futuro.
Wink ToolKitEs un conjunto de herramientas Wink es un móvil marco de JavaScript para la construcción de aplicaciones web en el iPhone, el iPhone y Android
iUIiUI es un marco que consta de una biblioteca de JavaScript, CSS e imágenes para el desarrollo de avanzadas aplicaciones web móvil para los dispositivos iPhone y comparables / compatibles.
iWebkitiWebKit es un paquete de archivos diseñado para ayudarle a crear su propio iPhone, iPod Touch y el sitio web o aplicación web compatible IPAD.
WebAPP.netWebApp.Net es un peso ligero, potente framework javascript aprovechamiento de la tecnología AJAX. Se ofrece un conjunto completo de componentes listos para usar para ayudarle a desarrollar, de forma rápida y sencilla, aplicaciones avanzadas de Internet móvil.

3CX Phone es un estupendo software para tener como cliente de VoIP IP PBX

2011-09-01T20:43:00.000-03:00

Teléfono 3CX – Gratis teléfono VoIP para Windows, Android o iPhone

Teléfono 3CX es un teléfono VoIP gratuito disponible para Windows, Iphone o cualquier teléfono inteligente basado en Android, tales como Google Nexus, Sony Xperia, Motorola Droid o Samsung Galaxy. Conecte el Teléfono 3CX a unproveedor VOIP o a una central VoIP (por ejemplo Central Telefónica 3CX), para hacer llamadas a cualquier VoIP, móvil o número fijo.

Instalando Teléfono 3CX VOIP es fácil y solo toma unos pocos minutos. No hay costo de licenciamiento y no se esta atado a un proveedor VoIP. Se puede descargar aquí la versión para Windows XP, Vista o 7. Si esta usando Android, lo puede descargar desde el Mercado de Android. La versión para Iphone estará disponible en Septiembre 2010 a través del Apple appstore.

Características:

Disponible para Windows, Android o iPhone
En Windows escoja entre varias interfaces de teléfono populares
Aprovisionamiento automático de las opciones
Multi-líneas
Transferencia de llamadas
Grabación de llamadas a disco
Muestra registro / historial de llamadas personales
Soporta G.711, GSM y codecs Speex
Fácil de instalar y administrar
Soporta diademas USB estándar y Jabra (Windows)
Funciona con Central Telefónica 3CX, Asterisk y proveedores VoIP populares

Link para descargar la Version 6.0 de 3CX Phone for Windows

BrowserShots y NetRendered son una herramienta para probar tu sitio web en distintos navegadores.

2011-08-30T16:45:00.001-03:00

Otros métodos de pruebas

Un método común para las pruebas de un sitio (además de la instalación de una serie de navegadores y sistemas operativos) es el uso de un servicio que toma capturas de pantalla de su página web como se ve en diferentes navegadores y sistemas operativos. Éstos son algunos de los más populares:

BrowserShots

Soporta múltiples navegadores, Java, Flash, Javascript y resoluciones de pantalla. Fácil de usar y gratuito.

NetRendered

Comprueba cómo un sitio web se presta a través de Internet Explorer 7, 6 o 5.5. Libre.

VideoTutorial 17 de Codeigniter

2011-08-30T01:35:00.000-03:00

Videotutorial 17 de Codeigniter ,En esta entrega veremos el sistema de login y logout con el Framework para nuestro aplicativo TaskStart, veremos la forma de proteger los accesos al controlador si el usuario no se encuentra logueado y la forma de redireccionar los usuarios de acuerdo a la necesidad.

Pueden seguir su trabajo en su web www.tutorialesvirtuales.com.

Ayuda memoria de HTML5, para tener siempre a mano cuando desarrollamos

2011-08-30T01:29:00.001-03:00

El ayuda memoria de HTML5 creada por TechKing, está creada en forma de infografía y será de mucha utilidad para nuestros desarrolladores y diseñadores que empiezan a trabajar o ya lo están haciendo con HTML5, al final del Cheatsheet hay una tabla comparativa de navegadores web y móviles que muestran las funciones HTML5 que soportan, no soportan o soportan parcialmente.

Vía: Testking.com

Las nuevas características de WordPress 3.1.

2011-08-30T01:26:00.000-03:00

Desde el punto de vista de la interfaz, WordPress 3.1 tiene el mismo look que WordPress 3.0. Se han hecho algunos pequeños cambios en el Dashboard con un aspecto más limpio, el diseño en general sigue siendo el mismo.

Formatos de Post

Esta nueva característica de WordPress sirve para personalizar la forma en que un Post de WordPress se presenta en la web. Aunque no es una característica necesaria, los diseñadores de themes pueden aplicarla para mostrar mejor determinados tipos de contenido.

Los formatos de posts son útiles en aquellos que desean crear una experiencia de usuario similar a Tumblr en un blog de WordPress. Esto significa que el autor pueda designar un determinado estilo de presentación para un enlace, video, imagen, cita, audio, galería, etc.

Enlaces internos

Esta es una característica para blogs con mucho contenido, ya que el objetivo es facilitar a los editores de blogs, buscar contenidos publicados anteriormente. Estos enlaces se utilizan generalmente para ampliar el conocimiento sobre un determinado tema.

Para utilizarla simplemente haga clic en el botón de enlace en el panel de escritura, ingresa alguna palabra clave y se mostraran entradas relacionadas a la frase.

El Admin Bar

Los usuarios de WordPress.com probablemente estarán familiarizados con el Admin Bar, ya que todos los blogs alojados en wordpress.com tienen un acceso rápido a diferentes herramientas mediante esta barra, como por ejemplo tener acceso directo para editar un post al estar viéndolo, agregar un post, ver los comentarios nuevos, desloguearse, etc.

Para los usuarios que no quieran esta opción, pueden entrar a su perfil de usuario y desactivarla.

WordPress 3.1 está disponible para descarga y también podemos hacer un update automático desde nuestro admin panel.

Vía: Mashable

JournalCrunch : Otro template o Theme free para WordPress

2011-08-30T01:15:00.000-03:00

JournalCrunch es un tema para WordPress 3.0 gratuito, este themes es ideal para Noticias o Portafolio. Fue diseñado por Site5 y lanzado en el blog de Smashing Magazine de forma libre para el uso privado y comercial.

Características

Soporte para Widgets en la barra lateral y Footer.
Página de inicio personalizada (destacados y Slide).
Soporte de gestión de Menú en WordPress 3.0.
Widget de últimos tweets.
Formulario de contacto en Ajax con Validación.
jQuery Menú desplegable y PrettyPhoto.

Galería

ver demo – descargar – documentación

VideoTutorial 16 de Codeigniter

2011-08-30T01:00:00.002-03:00

Videotutorial 16 de Codeigniter y Decima -10- Parte de la aplicación taskstart, En esta entrega nos centraremos en hacer las validaciones del registro de usuarios pero del lado del cliente usando ajax mediante la libraria Jquery, modificaremos algunos detalles en los estilos para darle aviso al usuario en vivo que cierto nombre de usuario no puede ser usado porque esta Taken -Ocupado-.

Pueden seguir su trabajo en su web www.tutorialesvirtuales.com.

VideoTutorial 15 de Codeigniter

2011-08-30T00:59:00.001-03:00

Videotutorial 15 de Codeigniter y Novena -9- Parte de la aplicación taskstart, En esta entrega veremos el menajo de la libreria (Clase) Mail, y con ella vamos a enviar el mail de confirmacion de registro que nos permitira validar si el correo electronico es valido.Crearemos los metodos necesarios para esta labor.

Pueden seguir su trabajo en su web www.tutorialesvirtuales.com.

VideoTutorial 14 de Codeigniter

2011-08-29T00:57:00.000-03:00

Videotutorial 14 de Codeigniter y Octava -8- Parte de la aplicación tackstart, En esta entrega analizaremos a profundidad la clase form_validation, crearemos los metodos de verificacion de validaciones como llamadas callback de la clase de validacion; veremos como repobalr los campos de formulario usando el framework en caso de algun error de validacion e insertaremos los datos del registro de usuarios en la base de datos.

Pueden seguir su trabajo en su web www.tutorialesvirtuales.com.