2011-08-11

Plugin Select o Combox con multiselect para tus desarrollo web.

Introducción

Una mejora progresiva de los elementos <select forma múltiples>. Se ofrece una alternativa más sencilla con las siguientes ventajas:
  • Facilitar a los usuarios a entender e interactuar con los elementos de forma periódica <select múltiples>. Los usuarios saben cómo interactuar con él de instrucciones sans.
  • No se requiere que el usuario Ctrl-Click o Shift-Click varios elementos. En cambio los usuarios de su formulario puede agregar o quitar elementos de forma individual, sin riesgo de perder los que ya han sido seleccionados.
  • Elementos seleccionados son siempre visibles (dentro de los límites de su interfaz), mientras que los elementos no seleccionados siempre están ocultas (dentro de un normal <select>).
  • A diferencia de los elementos regulares <select opción múltiples>, los de asmSelect opcionalmente se puede ordenar con un simple arrastrar y soltar (esta parte requiere jQuery UI).
  • esconde asmSelect, mantiene y actualiza la <select múltiples> originales para que no se requieren cambios en el código existente.
  • Si un usuario no tiene javascript, entonces por supuesto el múltiples> regulares <select elemento de formulario se utiliza en su lugar.
  • Si el original de múltiples> <select elemento de formulario es modificado por algunos jQuery o código Javascript, el cambio se verá reflejado en el asmSelect así.

Tenedores de asmSelect

Requisitos

  • jQuery 1.2.6 o posterior
  • Un documento HTML / XHTML que contiene uno o más elementos de formulario <select múltiples>.

Uso

Incluyen jQuery, asmSelect y css en la cabeza de documento:

 <script type="text/javascript" src="jquery.js"> </ script>
 <script type="text/javascript" src="jquery.asmselect.js"> </ script>
 <link rel="stylesheet" type="text/css" href="jquery.asmselect.css" />

El uso de un selector de jQuery en su función de documento preparado:

 $ (Document). Ready (function () {
     $ ("Select [varios]") asmSelect ().;
 }); 
Si lo desea, puede especificar opciones cuando se llama al plugin:
 $ (Document). Ready (function () {
     $ ("Select [varios]"). AsmSelect ({
         ordenable: true,
         animar: verdad,
         addItemTarget: 'top'
     });
 });

Para configurar opcionalmente una etiqueta dentro de la selección, establezca el atributo título:

 <select name="cities" multiple="multiple" title="Please seleccionar un city">
 ...
 </ Select> 

Link con ejemplo:

Link al home

Alternativa mas atractiva del mismo plugin
Demo Link
Plugin alternativo

2011-08-06

978.gs Otro FrameWork CSS GRID interesante para nuestros sitio.


978.gs es un Framework Grid CSS al estilo de 960.gs o al BluePrint o como tantos otros este lo que tiene de interesante que contempla varias resolucion para Moviles, Tables, NetBooks, y Pantalles 1024, 1280 y 1440.
También dispone de plantillas para Adobe PhotoShop



Link al Home: 978.gs

2011-08-05

10 Framework para crear sitio web bajo ( HTML5 + CSS3 )

HTML5 y CSS3 son el futuro del desarrollo de sitios web, desarrollo de aplicaciones móviles y el desarrollo de juegos web. La ventaja de tener una plataforma estandarizada sobre la que desarrollar más rápido el tiempo de desarrollo de código más limpio y más eficiente.  Para ayudarle a lograr este objetivo, ahora hay una variedad de opciones HTML5 marco CSS3 disponibles para su uso.
En este caso, he seleccionado 10 marcos gran red, que consta de algunas plataformas marco HTML5 CSS3 que se combinan, así como algunos marcos específicos de HTML5 y CSS3 marcos.

10 Frameworks (HTML5 + CSS3)

Gravity HTML5 CSS3 Framework

HTML5 CSS3 Framework

HTML5 Boilerplate

HTML5 CSS3 Framework

Perkins HTML5 CSS3 Framework

HTML5 CSS3 Framework

Less HTML5 CSS3 Framework

HTML5 CSS3 Framework

Inuit CSS3 Framework

HTML5 CSS3 Framework

Gridless HTML5 CSS3 Framework

HTML5 CSS3 Framework

52 HTML5 CSS3 Framework

HTML5 CSS3 Framework

G5 HTML5 CSS3 Framework

HTML5 CSS3 Framework

Lime.js HTML5 Framework for Games

HTML5 CSS3 Framework

Jo HTML5 Mobile Framework

HTML5 CSS3 Framework

2011-08-04

Sphinx un sistema para hacer búsqueda de en nuestros sitio web con PHP



Sphinx un sistema para hacer búsqueda de en nuestros sitio web con PHP se integra con distinta base de datos. Es una alternativa interesante para solucionar cuando trabajamos con tablas InnoDB las cuales sabemos que no permite index FULLTEXT. También tiene la ventaja de ser multi-plataforma, Linux (RedHat, Ubuntu, etc), Windows, MacOS, Solaris, FreeBSD, etc... También es muy rápido y liviano ya que fue escrito en C++

Buscar a través de SphinxAPI es tan simple con tres líneas de código, y la consulta a través de SphinxQL es aún más simple, con consultas de búsqueda se expresa en SQL.

Quien sitio web lo utiliza, en producción?
 Sphinx escala hasta miles de millones de documentos y decenas de millones de consultas de búsqueda por día, alimentando principales sitios web como Craigslist, , Dailymotion , NetLog , etc

Y por último pero no menos importante, que es de código abierto bajo GPLv2, y la edición de la comunidad es libre de usar.

Características a grandes rasgos:
  • Alta velocidad de indexación (hasta 10 MB / seg en las modernas CPUs)
  • Alta velocidad de búsqueda (consulta media está en 0,1 segundos en colecciones de textos 2.4 GB)
  • Alta escalabilidad (hasta 100 GB de texto, hasta 100 M documentos en una única CPU)
  • Soporta búsqueda distribuida (desde v.0.9.6)
  • MySQL soporta de forma nativa (tablas MyISAM e InnoDB son compatibles)
  • Soporta la búsqueda de la frase
  • Apoya ranking frase de proximidad, ofreciendo un buen relevancia
  • Admite cualquier número de campos del documento (el peso se pueden cambiar sobre la marcha)
  • Apoya a los grupos de documentos
  • Apoya las palabras vacías
  • Soporta diferentes modos de búsqueda ("contienen todas", "búsqueda de frases" y "ningún resultado" a partir de v.0.9.5)
  • Interfaz genérica XML que simplifica enormemente la integración personalizada
  • PHP puro (es decir, NO módulo compilar etc) búsqueda del cliente API
 Rendimiento y escalabilidad:
  • Rendimiento de la indización. Índices Sphinx hasta 10-15 MB de texto por segundo por cada núcleo CPU, que es de 60 MB / seg por servidor (en una máquina dedicada indexación).
  • Buscando el rendimiento. Buscando a través de 1.000.000 de documentos, 1,2 GB de recogida de texto que usamos para el desarrollo de todos los días y las pruebas se ejecuta en 500 consultas / seg en una máquina de escritorio de 2 hilos con 2 GB de RAM.
  • Mayor escalabilidad. Conocidos índices cluster Sphinx casi 5 millones de documentos, lo que resulta en más de 6 TB de datos. Mayor actividad conocida es, unsurpisingly, Craiglist , top-10 en los EE.UU. sitio web que sirve de 50 millones de consultas / día.
Características clave:
  • Por lotes y en tiempo real, índices de texto completo. Dos backends índice de apoyo tanto a la construcción eficiente de índice sin conexión andincremental sobre la marcha las actualizaciones de índice están disponibles.
  • No los atributos de texto de apoyo. Un número arbitrario de atributos (ID de producto, nombres de compañías, precios, etc) se pueden almacenar en el índice y utilizarse sólo para retrieveal (para evitar golpear la base de datos), o para una eficiente esfinge del lado de resultados de búsqueda conjunto de post-procesamiento.
  • Indexación de bases de datos SQL.Sphinx  puede acceder directamente a los datos almacenados en el índice de MySQL (todos los motores de almacenamiento son compatibles), PostgreSQL, Oracle, Microsoft SQL Server, SQLite, llovizna, y todo lo que soporta ODBC.
  • No son de SQL indexación de almacenamiento. Los datos también pueden ser escuchados a indexador de lotes en un sencillo formato XML llamado XMLpipe, o insertar directamente en un índice incremental RT.
  • Integración de aplicaciones de fácil. Esfinge viene con tres diferentes APIs, SphinxAPI, SphinxSE y SphinxQL. SphinxAPI es una librería nativa para Java, PHP, Python, Perl, C, y otros idiomas. SphinxSE, un motor de almacenamiento conectables para MySQL, permite a los enormes conjuntos de resultados se envían directamente al servidor de MySQL para el procesamiento posterior. SphinxQL permite la Sphinx consulta de aplicaciones utilizando la biblioteca estándar de cliente de MySQL y la sintaxis de consulta.
  • Avanzada búsqueda de texto completo de sintaxis. Nuestro motor de consulta admite consultas arbitrariamente compleja combinación de operadores booleanos, una frase, la proximidad, por riguroso orden, y se pongan quórum de campo, y los límites de posición, la coincidencia exacta forma de palabras clave, búsquedas de subcadenas, etc
  • Rica base de datos de características similares a la consulta. Sphinx no se limite sólo a la búsqueda de palabras clave. En la parte superior del texto completo conjunto de resultados de búsqueda, se puede calcular expresiones aritméticas arbitrarias, añadir condiciones WHERE, ORDER BY, GROUP BY, el uso MIN / MAX / AVG / SUM, etc agregados Esencialmente, en toda regla SQL SELECT es compatible.
  • Relevancia una mejor clasificación. A diferencia de muchos otros motores, la Sphinx no depender sólo de 30 años de edad, clasificación estadística de que sólo tiene en cuenta las frecuencias de palabras clave, ni los límites que a la misma. De manera predeterminada, la Sphinx, además, analiza la proximidad de palabras clave, y se ubica más cerca de la frase coincide con mayores, con partidos perfecta entre las mejores. Además, la clasificación es flexible: se puede elegir entre una serie de funciones de relevancia incorporado, ajustar su peso mediante el uso de expresiones, o desarrollar otros nuevos.
  • Procesamiento de textos características flexibles de indexación Sphinx incluye soporte completo para SBCS y UTF-8 codificaciones (lo que significa que efectivamente todas las lenguas del mundo son compatibles), eliminación de palabras vacías y el retiro opcional de la posición de golpe (de indexación sin hits), la morfología y el procesamiento de sinónimo a través de formas de la palabra los diccionarios y lematizadores , las excepciones y los caracteres mezclados, y muchos más.
  • Búsquedas búsqueda distribuida. Se pueden distribuir entre varios equipos, lo que permite horizontal scale-out y HA (alta disponibilidad).


Link al sitio oficial: sphinxsearch.com

Link a distinto tutoriales:



2011-08-02

Plugin jQuery Ninja UI otra alternativa para nuestros desarrollos web.

Acá dejo el link al plugin Ninja UI para utilizar con jQuery muy interesante y para tener en cuenta para nuestro desarrollos web.






También dispone de 5 themes para los componentes con distintos colores.

Link al sitio oficial: Link

Linux Live USB Creator: usa Linux desde el escritorio de Windows

La gente que quiere probar Linux pero no se anima a instalarlo en su PC, cada vez la tiene más fácil. Hoy quiero hablarles de Linux Live USB creator, una herramienta gratuita que nos permite crear versiones “Live” de cualquier distro de Linux para que podamos ejecutarlas desde una memoria USB.



Entre las funciones más destacadas de esta herramienta están: soporta cientos de distribuciones Linux, es gratis y open-source, muy fácil de usar y está disponible en múltiples idiomas.
Una de las cosas que me gustó de “Lili” es que no tenemos que reiniciar nuestra PC para ejecutar la distro de Linux que queremos probar, sino que se puede usar directamente desde Windows. Además, a diferencia de los Live CD’s/DVD’s, en este caso podemos instalar programas y guardar archivos.
Así que ya sabes, si quieres probar Linux sin complicaciones o simplemente, ya usas Linux y quieres llevar tu distro favorita para usarla en cualquier PC, prueba Linux Live USB Creator, estoy seguro que te va a encantar.

Rails Installer: es el XAMP o WAMP o EasyPHP pero de Ruby

Aquellas personas que como yo, desarrollan aplicación con PHP, seguramente conozcan los sistemas que nos permiten instalar fácilmente es nuestra PC un completo entorno de desarrollo (Apache, MySQL, PHP).



Para los que usan Ruby on Rails, existe algo parecido. Se trata de una aplicación llamada Rails Installer que por el momento solo está disponible para Windows (próximamente habrá versiones para Linux y Mac OSX) con la que podremos, con un solo click instalar todo lo necesario para poder desarrollar aplicaciones usando Ruby.

Aquí les dejo el link para su descarga:

2011-08-01

Como agregar un contador a nuestra galería de fotos, con el plugin jQuery Cycle.


$(function(){

    $('#mini-photos').cycle({
        fx:     'fade',
        speed:  'fast',
        timeout: 0,
        next:   '#arrow-ad-l',
        prev:   '#arrow-ad-r',
        after:     onAfter
    });  
});

function onAfter(curr,next,opts) {
    var caption = (opts.currSlide + 1) + ' / ' + opts.slideCount;
        $('#num').text(caption)
}



Demo online: Link

Script base para bajar y ajustar a nuestras necesidades o desarrollo, al estilo twitter


Aca dejo un link a un script completo y listo para tomar de base para poder hacer una linea de tiempo mientras te permite agregar nuevos comentario al estilo twitter con 140 caracteres.
Muy bueno para ajustar a la necesidad de un problema particular que tengamos que hacer para nuestro sitio.

Link a la Descarga

3 Tags Meta, para modificar el comportamiento de los buscadores


Acá les dejo 3 Tag <META> que son muy importante para modificar el comportamiento de los buscadores o de los Bot, Robot o Arañas, como Google, Yahho, Etc..

1) Con este forzás a que no guarden cache del sitio los motores de busqueda.
<META NAME="ROBOTS" CONTENT="NOARCHIVE">

2) Con este forzas a que no muestre el contenigo en las busqueda que hacen sobre los motores.
<META NAME="ROBOTS" CONTENT="NOINDEX">

3) Con este forzas a que no sigas los enlaces que están en la pagina las distintas arañas.
<META NAME="ROBOTS" CONTENT="NOFOLLOW"> 

Con la combinación de los 3 tags meta, te aseguras de que no vas a encontrar ningún resultado en los buscadores solo de las paginas que tiene estos 3 meta.

Para mas información podes ver la documentación de cada buscador donde se detallas otros metas que son particular a cada uno de ellos. 
Ejemplo como esta que es puntual mente para el buscador de google
<META NAME="googlebot" CONTENT="noarchive,nofollow">

Doc Yahoo!
Doc Bing