elWebmaster.com

plagio | código | javascript

CopyRightParser: que nadie plagie tu código Javascript

CopyRightParser es un servicio online gratuito que est√° completamente en contra de los “avivados” que copian c√≥digo Javascript y lo utilizan en sus propios proyectos, o peor, que lo venden a sus clientes.

CopyRightParser inserta un string de aviso de copyright junto con una línea de código ofuscado que dificulta que terceros lo usen fuera del dominio de tu sitio web. Para usarlo puedes subir un zip con el código o pegarlo en el editor online. CopyRightParser te lo devolverá con los agregados de copyright. ¡Muy bueno para evitar plagios!

05/sep/08, 11.30 Juan Manuel 6 comentarios

PHP | Programación | código

PHP Snippets: para copiar y pegar

Revisar si un usuario esta logueado, agregar un captcha a tu sitio, convertir un JPG a ASCII o algo tan simple como validar si una dirección de email tiene un formato correcto son algunas de las muchísimas funciones que encontraremos en PHP Snippets y podremos usar sin esfuerzo.

Un snippet es una porci√≥n de c√≥digo escrita previamente, ya que por su uso frecuente es com√ļn tener almacenada, para utilizar con un simple copiar y pegar. De esta forma tan s√≥lo debemos abrir el que precisamos y ya encontraremos todo lo que necesitamos listo para usar.
Seguir leyendo

02/sep/08, 17.00 Micaela Comentar

CSS | recursos | html

Efecto para resaltar las filas de tus tablas

En distintos sitios web habrás visto en las tablas que al pasar el ratón por encima de una fila, toda la fila se remarca.  Gracias a Dhtml Goddies podrás crear una tabla con ese efecto y, también, con la posibilidad de que al hacer clic cobre una de las filas esta quede remarcada permanentemente.

Puedes ver una demostración del resultado final aquí. Como habrás observado allí se cambian tanto el color de fondo de la fila como el de la letra. En realidad puedes modificar cualquier atributo que permita CSS. Por ejemplo es posible agregar subrayado o cambiar la fuente. Seguir leyendo

02/sep/08, 15.30 Micaela 16 comentarios

CSS | recursos | código

Encuentra los selectores inncesarios de tu CSS

Ya mencioné alguna vez la importancia de mantener el código de nuestro sitio limpio y ordenado para poder revisarlo sin mayores inconvenientes. La web CSS Redundancy Checker puede sernos de mucha ayuda en esta tarea.

CSS Redundancy Checker es una aplicaci√≥n online que nos permitir√° conocer cu√°les son los selectores CSS de nuestro c√≥digo que no est√°n siendo utilizados por ning√ļn archivo HTML y que, por lo tanto, son precisamente redundantes.
Seguir leyendo

01/sep/08, 16.00 Micaela Comentar

PHP | Programación | recursos

Web Form Factory: enlazando nuestros formularios a MySQL

Luego de pasarnos horas dise√Īando y maquetando un formulario con nuestras herramientas favoritas seguramente nos quedar√° como quer√≠amos y se ver√° muy bien. Sin embargo todav√≠a nos falta algo. Hacer que funcione.

Si no conocemos ning√ļn lenguaje de programaci√≥n o deseamos ahorrarnos trabajo podemos usar¬† Web Form Factory. Esta herramienta es un generador de c√≥digo PHP para formularios que nos lo enlazar√° autom√°ticamente a una base de datos MySQL o lo dejar√° apto para el env√≠o de e-mails.
Seguir leyendo

29/ago/08, 14.30 Micaela 2 comentarios

PHP | CSS | wordpress

√ćconos con la fecha y la cantidad de comentarios de tu blog

A medida que nuestro blog crece, se hace cada vez mas difícil poder mostrar toda la información que deseamos en el espacio que disponemos. Css-tricks nos trae una opción interesante para solucionar esto: agregar en cada posteo un ícono con la fecha y una burbuja sobre este que indique la cantidad de comentarios que posee el artículo.

Es un efecto que queda verdaderamente original y hará que nuestro sitio se vea mucho más elegante y organizado. Realizarlo es muy sencillo, así que si tienen un blog o sitio web, no duden en implementarlo.
Seguir leyendo

27/ago/08, 15.30 Micaela Comentar

Dise√Īo | CSS | recursos

Una √ļnica imagen (sprite) para todo un men√ļ interactivo en CSS

Si uno desea crear un men√ļ con varios botones que cambien su imagen al pasar el mouse por encima, normalmente crea varias im√°genes, dos por cada estado de cada bot√≥n. Esto ralentiza el sitio y genera muchas peticiones al servidor (HTTP Requests).

Sab√≠as que Google, por ejemplo, extrae todas las im√°genes de su sitio de un √ļnico archivo? Esto es posible gracias a los sprites, una especie de grilla de im√°genes que naci√≥ con los videojuegos. Conoce c√≥mo aplicar sprites en tu sitio para ganar velocidad de descarga, espacio y peticiones en el servidor y mucho m√°s.
Seguir leyendo

18/ago/08, 09.00 Micaela 11 comentarios

Dise√Īo | Usabilidad | CSS

Destacando las abreviaturas y acrónimos con CSS

En Real World Style encontr√©¬† un peque√Īo truco que puede interesarles para utilizar junto a los tags ABBR y ACRONYM. Estos elementos HTML son sumamente √ļtiles, aunque poco usados, y sirven para explicar una abreviatura o un acr√≥nimo a los usuarios.

Sin embargo la mayor√≠a de los navegadores actuales no hace nada para se√Īalar a los usuarios d√≥nde se usa alguno de estos tags, por lo tanto no lo notan y no lo utilizan. Con el siguiente c√≥digo CSS es posible modificar esto en todas las p√°ginas de tu sitio.
Seguir leyendo

12/ago/08, 18.15 Micaela Comentar

CSS | recursos | código

Agregar efectos de dise√Īo al texto de tu sitio web con CSS

Si eres un fan√°tico del dise√Īo, te romper√°s la cabeza pensando c√≥mo hacer para darle efectos a las tipograf√≠as de tu blog, en los t√≠tulos de las entradas por ejemplo, o en cualquier otra parte. En teor√≠a, el trabajo con tipograf√≠a es bastante “limitado” (a nivel dise√Īo) en CSS.

¬ŅPara qu√© estamos en elWebmaster.com? ¬°Para solucionarte la vida ^_^, claro! Bueno, con este tutorial aprender√°s a aplicar algunos bonitos efectos de dise√Īo gr√°fico al texto de tu sitio web. ¬°Comencemos! Seguir leyendo

12/ago/08, 15.00 Juan Manuel 2 comentarios

Dise√Īo | Programaci√≥n | c√≥digo

Script para rotar contenido de forma atrayente

Si queremos destacar algo en nuestra web o blog -ya sean artículos, publicidades, o cualquier tipo de contenido- la librería Javascript Crossfader.js nos puede llegar a ayudar mucho en esta tarea.
¬ŅEn qu√© consiste? Nos permite mostrar de forma din√°mica contenido que ir√° rotando cada cierta cantidad de segundos.

Lo bueno de esta herramienta es que nos permite agregar cualquier tipo de información, ya que lo que va rotando son divs definidos por nosotros mismos como deseemos.
De esta forma podremos usar, por ejemplo, im√°genes, texto o cualquier cosa que se pueda incluir en la web. Incluso podremos mezclar todas estas cosas. Seguir leyendo

09/ago/08, 11.15 Micaela 13 comentarios

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder