Entradas relacionadas

• Windows XP Service Pack 2 (UE) Unattended Edition version 7 (16)
• Validar formularios fácilmente con jQuery (4)
• Un dock diferente: Cairo-Dock (1)
• Ultamatix – Instalar y desinstalar programas en Ubuntu facilmente (4)
• Todo jQuery – Un blog dedicado a jQuery. (1)

Entradas relacionadas

• Validar formularios fácilmente con jQuery (4)
• [Video] Crear Formularios en html , validar en javascript y guardar con php en MYSQL. (10)
• Tutoriales y ejemplos de jQuery. (0)
• Sexy Forms – Dale estilo a tus formularios. (2)
• Hojas de trucos (Cheat Sheets) para diseñadores y desarrolladores web. (4)

Al ejecutarse con jQuery, tiene el plus que los rastreadores no se van a encontrar con una web sin contenido que es lo que pasa con la mayoría de simples páginas de bienvenida, si no que el rastrador se va encontrar con la página de inicio ya que lo unico que estás haciendo es ejecutar un script, también es una buena opción para colocar barners publicitarios o para cualquier cosa que quieras que la gente conozca, puedes hacer que aparezca un pop-up en la parte superior o inferior de la página web de forma que quede claramente visible y no moleste la visivilidad del contenido de tu web.

Meerkat es un script perfecto para la publicidad, es compatible con la mayoría de los navegadores y su aspecto visual es bastante bueno.

Entra a Meerkat para probar una demo o para descargarlo.

Vía: Webappers

Entradas relacionadas

• TypeKit – Usar cualquier tipo de fuente en una web. (3)
• Compartiva de frameworks. (2)
• Tutoriales y ejemplos de jQuery. (0)
• Tutorial AJAX desde cero. (2)
• TinyJS – Pequeños scripts útiles para tus proyectos. (0)

Las recopilación incluye cheat sheets de Wordpress, PHP, CSS, jQuery, Photoshop, Colores, Ilustrator … desde luego una recopilación muy útil.

También pueden leer el artículo”Hojas de trucos (Cheat Sheets) para diseñadores y desarrolladores web.” si quieren ver más.

Vía: Xyberneticos

Entradas relacionadas

• Hojas de trucos (Cheat Sheets) para diseñadores y desarrolladores web. (4)
• [Vídeo] Tutorial de CSS y hoja de trucos. (1)
• Todo jQuery – Un blog dedicado a jQuery. (1)
• Script para redimensionar imágenes. (0)
• Sumo – Editor de imágenes online (1)

Gracias al blog de unijimpe me entero de un plugin para jQuery llamado VanadiumJS que nos facilitará mucho esta tarea, para instalarlo en nuestro fichero html lo primero que tendremos que hacer es insertar en la cabecera jQuery con el siguiente código:

• <script type=“text/javascript” src=“http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script>

Una vez hecho esto descargamos VanadiumJS, lo subiremos por ftp y lo pondremos en la cabecera de la siguiente manera.

• <script type=“text/javascript” src=“vanadium.js”></script>

Cuando tengamos esto en la cabecera del fichero del formulario, ya podremos validar los formularios de una forma sencilla añadiéndole alguna de las siguiente clases según lo que necesitemos validar en el campo:

• :required -> obligatorio.
• :integer solo números enteros.
• :float números decimales.
• :length;x tiene que tener x caracteres.
• :min_length;x mínimo x caracteres.
• :max_length;n máximo x caracteres.
• :accept debe ser aceptado.
• :email comprobar email.

Esta es una pequeña lista de ejemplos en VanadiumJS puedes ver muchos otros, también puedes leer el artículo Vanadium: Validar formularios fácilmente

Entradas relacionadas

• Sexy Forms – Dale estilo a tus formularios. (2)
• Todo jQuery – Un blog dedicado a jQuery. (1)
• Editores web Linux (1)
• Ultamatix – Instalar y desinstalar programas en Ubuntu facilmente (4)
• Precarga de imagenes con CSS (1)

Algunos posibilidades que nos da IxEdit es la posibilidad de crear, expandir y editar elementos, agregar nuevos , crear selectores y pestañas … las alternativas son muy elevadas ya que puedes echar mano de todo el potencial de jQuery. Otra opción bastante interesante es la posibilidad de  guardar los cambios en Google Gears que previamente tendrás que tener instalado.

Podemos ver el siguiente vídeo como ejemplo:

Página oficial: IxEdit

Conoce más acerca de IxEdit en el artículo Agrega interacción a tu web sin escribir código Javascript de Marlex Systems

Entradas relacionadas

• Glimmer, trabaja con jQuery de manera sencilla. (1)
• Crea tu canal de televisión online. (5)
• [Vídeo] Tutorial de CSS y hoja de trucos. (1)
• Precarga de imagenes con CSS (1)
• eyeOS, el mejor sistema operativo Web (3)

Lo primero que tendriamos que hacer es buscar una imagen de carga (puedes buscar en google imágenes) o crearla tu mismo, una vez seleccionada la imagen solo nos queda añadir al código html o al css la siguiente linea:

• background: url(nombre.gif) no-repeat center center;

Si quieres añadirlo en la propia imagen podríamos lo siguiente:

• <img style=”background: url(nombre.gif) no-repeat center center;” src=”imagen.gif” width=”ancho” height=”alto” />

Si tenemos muchas imagenes podemos simplificar el trabajo con la ayuda de jquery:

• <script src=”jquery.js” type=”text/javascript”></script>
• <script type=”text/javascript”><!–
• $(document).ready(function() {
• $(img).css({‘background’ : ‘url(nombre.gif) no-repeat center center’});
• });
• –></script>

Entradas relacionadas

• Glimmer, trabaja con jQuery de manera sencilla. (1)
• IxEdit – Efectos jQuery sin necesidad de saber programar. (2)
• Validar formularios fácilmente con jQuery (4)
• Sexy Forms – Dale estilo a tus formularios. (2)
• Editores web Linux (1)

En jQuery list encontrarás una magnífica página web dedicada en su totalidad a esta biblioteca de javascript.

Entra en jQuery list y conoce todo el potencial de jQuery.

Puedes conocer más en el artículo Plugins y ejemplos para jQuery de Kabytes

Entradas relacionadas

• Todo jQuery – Un blog dedicado a jQuery. (1)
• Hojas de trucos (Cheat Sheets) para diseñadores y desarrolladores web. (4)
• TypeKit – Usar cualquier tipo de fuente en una web. (3)
• IxEdit – Efectos jQuery sin necesidad de saber programar. (2)
• Eliminar el contenido duplicado en tu propia web. (0)

Para conseguir lo que necesitamos lo que se hace en gran parte de los casos en buscar una base de lo que necesites gracias a San Google y después modificarlo a tu gusto, ahora también dispondrás de la herramienta Glimmer.

Glimmer es la herramienta de escritorio perfecta para todos los que no les guste escribir código o no sepa utilizar jQuery ya que no te hará falta escribir ni una sola linea para crear algunos efectos, con Glimmer solo tendrás que seguir un asistente guiado para conseguir aplicaciones como menús desplegables, tooltips, rotación de imágenes …

Descarga Glimmer

Visto en el artículo “Glimmer, jQuery sin escribir ni una línea de código” de Webmaster Libre

Entradas relacionadas

• Precarga de imagenes con CSS (1)
• IxEdit – Efectos jQuery sin necesidad de saber programar. (2)
• eyeOS, el mejor sistema operativo Web (3)
• Validar formularios fácilmente con jQuery (4)
• Iniciandonos en Linux! Linux desde cero! (1)

Use jQuery es una página web que pone a tu disposición cientos de páginas web que utilizan jQuery con sus respectivas librerías, todos los sitios que se agregan van con el código que le permite tener esos efectos. Use jQuery es un buen lugar donde encontrar todo tipo de recursos que parten de la imaginación de los diseñadores y desarrolladores web.

Encuentra nuevas utilidades para jQuery en Use jQuery

Visto en el artículo Use jQuery – Galería de sitios utilizando jQuery de Xyberneticos

Entradas relacionadas

• Glimmer, trabaja con jQuery de manera sencilla. (1)
• [Vídeo] Tutorial de CSS y hoja de trucos. (1)
• TinyJS – Pequeños scripts útiles para tus proyectos. (0)
• IxEdit – Efectos jQuery sin necesidad de saber programar. (2)
• Iniciandonos en Linux! Linux desde cero! (1)

He traducido el artículo con todas las hojas de trucos al castellano para que podáis disfrutar de ellas, las hojas están divididas en las categorías HTML – XHTML – CSS, Scripts / Lenguajes de programación, Bases de datos, Subversion, Mod_Rewrite – Htaccess y Aplicaciones. Estoy seguro que os facilitará las tareas que conlleva el diseño web.

HTML – XHTML – CSS

HTML – XHTML Hojas de trucos (Cheat Sheets)

• HTML – Etiquetas de referencia XHTML
• Entidades de caracteres XHTML
• Entidades de caracteres HTML Hoja de trucos
• Diseñador Web HTML de la tarjeta.

Hoja de trucos CSS

• Hoja de trucos CSS
• Hoja de trucos Web basada enCSS Hoja de trucos
• Hoja de trucos CSS Taquimecanografía
• YUI Library: Restablecer CSS, Base, Fuentes, y las Grids

JavaScript y JavaScript Frameworks

Hojas de trucos (Cheat Sheets) JavaScript

• Hoja de trucos de JavaScript
• JavaScript Tarjeta de referencia rápida

Hojas de trucos (Cheat Sheets) jQuery

• Hoja de trucos jQuery 1,3
• Hoja de trucos jQuery 1,2 Hoja de trucos

Hojas de trucos (Cheat Sheets) MooTools

• Hoja de trucos MooTools 1,2
• Hoja de trucos MooTools 1,1

Hoja de trucos Prototype

• Hoja de trucos Prototipo 1.6.0.2
• Hoja de trucos Prototipo 1.5.0

Hoja de trucos YUI Library Cheat

• Yahoo!
• Hoja de trucos Librería de interfaz de usuario

Hoja de trucos Dojo

• Hoja de trucos Dojo 1.3 Base API

Scripts / Lenguajes de programación

Hojas de trucos (Cheat Sheets) de PHP

• Hoja de trucos de PHP
• PHP Hoja de trucos de Mac OS X Widget
• Tarjeta de referencia para PHP 4
• PHP Smarty Hoja de trucos

Hojas de trucos (Cheat Sheets) ASP.NET

• De Microsoft. NET Framework 3.5 Tipos y usos más comunes de nombres
• Hoja de trucos de tiempo de ejecución de ASP.NET
• . NET Cadena de formato de referencia rápida
• ASP.NET 2.0 Page Life Cycle & Common Events
• Microsoft Ajax Biblioteca

ASP / VBScript trucos Hojas

• Hoja de trucos ASP – VBScript

Hoja de trucos Ruby (on Rails)

• Hoja de trucos Ruby on Rails
• Hoja de trucos Rails Testing
• Ruby on Rails 1.1 Referencia (HTML)
• Ruby on Rails Security Guide (HTML)
• Esenciales de Ruby

Hojas de trucos (Cheat Sheets) Python

• Hoja de trucos Python
• Python 2.6 de referencia rápida

Bases de datos

Hojas de trucos (Cheat Sheets) de MySQL

• Hoja de trucos MySQL
• Hoja de trucos SQL Injection Cheat Sheet

Hojas de trucos (Cheat Sheets) MSSQL

• Hoja de trucos MSSQL Server
• Hoja de trucos MSSQL Injection

Hojas de trucos (Cheat Sheets) para PostgreSQL

• Hoja de trucos PostgreSQL

Subversion, Mod_Rewrite – Htaccess y otros

Hojas de trucos (Cheat Sheets) de Subversion

• Hoja de trucos Subversion

Hoja de trucos Htaccess y mod_rewrite

• Hoja de trucos Mod_Rewrite
• Hoja de trucos Web Based Mod_Rewrite Tips
• Hoja de trucos Mod_Rewrite Variables
• Hoja de trucos Htaccess

Hoja de trucos Expresiones regulares

• Hoja de trucos expresiones regulares
• RegExLib.com Hoja de trucos de expresiones regulares (. NET)
• Expresiones regulares Guía de Referencia Rápida

Aplicaciones

Hojas de trucos (Cheat Sheets) de Adobe Dreamweaver

• DreamWeaver CS4 Keyboard Shortcuts ( PC )
• DreamWeaver CS3 referencia rápida ( PC – Mac )
• DreamWeaver 8 referencia rápida ( PC )
• DreamWeaver MX referencia rápida ( PC – Mac )

Aptana Hojas de trucos (Cheat Sheets)

• Aptana Atajos de teclado

Hoja de trucos Adobe Flash

• Atajos de teclado de Flash CS4 (PC y Mac)
• Flash CS3 de referencia rápida (PC – Mac)
• Flash MX de referencia rápida (PC – Mac)
• Hoja de trucos ActionScript 3.0
• Hoja de trucos ActionScript 2.0
• Hoja de trucos ActionScript 3.0: Paquete flash.display
• Hoja de trucos ActionScript 3.0: Paquetes
• Hoja de trucos AS2 – AS3 Migraciones

Hojas de trucos (Cheat Sheets) de Adobe AIR

• Hoja de trucos Hoja de trucos de Adobe AIR
• Adobe AIR para desarrolladores JavaScript Pocketguide

Microsoft Frontpage trucos Hojas

• Hoja de trucos FrontPage 2003 (PC)
• Hoja de trucos FrontPage 2002 (PC)

Gracias a M. Vieites

Entradas relacionadas

• Todo jQuery – Un blog dedicado a jQuery. (1)
• Editores web Linux (1)
• [Vídeo] Tutorial de CSS y hoja de trucos. (1)
• TypeKit – Usar cualquier tipo de fuente en una web. (3)
• Notepad++(GPL) el mejor editor para Windows . (3)

Una de las que más me gusta es la que encontré en la página Cheat Sheet en el apartado jQuery, viene bastante bien organizada y está en pdf. jQuery Cheat-Sheet 1.2

Otra que también me gusta mucho es la que leyendo mis feed me encontré en el artículo de Kabytes “jQuery cheatsheet“. Esta hoja de ayuda nos será mucho más cómoda a la hora de buscar, gracias a los colores que definen las categorías conseguirás encontrar lo que necesitas de un vistazo. jQuery Cheat Sheet 1.2

Entradas relacionadas

• Hojas de trucos (Cheat Sheets) para diseñadores y desarrolladores web. (4)
• Diseño web Galicia (2)
• Conoce quien copia el contenido de tu web. (1)
• Ver películas gratis en Internet (3)
• Tutoriales y ejemplos de jQuery. (0)

Todo jQuery es un blog donde encontrarás noticias, tutoriales, ejemplos y documentación gracias a todo esto podrás sacarle el mayor partido a la librería o también puedes utilizar el blog como de fuente de inspiración para todos tus proyectos.

Puedes entrar a la web Todo jQuery para conocer más acerca de este proyecto.

Entradas relacionadas

• Hojas de trucos (Cheat Sheets) para diseñadores y desarrolladores web. (4)
• Validar formularios fácilmente con jQuery (4)
• Tutoriales y ejemplos de jQuery. (0)
• Dividir con guiones el texto de tu blog o página web (2)
• Sexy Forms – Dale estilo a tus formularios. (2)

Otro opción es recurrir a TinyJS, es una página web que recopila scripts de jQuery, YUI y Moo Tools de tamaños pequeños y con los que conseguiras resultados muy interesantes.

Visto en Xyberneticos en el artículo: “TinyJS – Pequeños script para tus proyectos“

Entradas relacionadas

• Webmin, administra Linux (y otros UNIX) de forma fácil. (3)
• Crea tu canal de televisión online. (5)
• Medir el tiempo de carga de una web. (1)
• IxEdit – Efectos jQuery sin necesidad de saber programar. (2)
• Hojas de trucos (Cheat Sheets) para diseñadores y desarrolladores web. (4)