BlogESfera Directorio de Blogs Hispanos - Agrega tu Blog
Sitio certificado por
Adoos
ingyenes hirdetés
petites annonces gratuites
Buscador de blog

Archivo de ‘Javascript’

Unit PNG Fix: Pleneando contra IE 6

Fecha Julio 28th, 2008  Comentarios 1 Com  Categoria IE, Javascript, Microsoft, Scripts

Unit PNG Fix

IE 6, ademas de ser conocido por renderizar toda web aceptable para la remil y gran #&$%=!, tambien se lo conoce por no soportar (nativamente) las transparencias de los archivos PNG, y en estos tiempos, eso es una gran molestia (por no decir que esta para la remil y gran #&$%=!).

Si eres programador/diseñador web, seguramente ya tienes una que otra solucion para esto, pero no esta de mas tener otra que POR AHI esta mejor. (Aunque tambien puedes hacer como yo, que no dejo que la gente que navega en IE entre a mi blog :P)

La gente de Unit Interactive Labs ha desarrollado un nuevo parche para solucionar este gran inconveniente, y es un js de tan solo 1 kb. Algunas de sus principales funciones son:

  • Trabaja sobre objetos img y propiedad background-image simultaneamente.
  • Permite el uso de elementos con auto width y auto height
  • No genera errores en interactividad con otros scripts

Su instalacion es tan sencilla como la de cualquier js, solo que debemos poner la llamada al script dentro de tags especiales para que solo se realice cuando el navegador sea inferior a IE 7, del siguiente modo:

HTML:
  1. <!--[if lt IE 7]>
  2. <script type="text/javascript" src="unitpngfix.js" mce_src="unitpngfix.js"></script>
  3. <![endif]-->

Antes de subir el script, debemos decirle donde se encuentra la imagen clear.gif que viene con el js, esto se hace en la primera linea del archivo:

JavaScript:
  1. var clear="images/clear.gif" //path to clear.gif

Espero esto les sirva, saludos
Via | elWebmaster
Enlace | Unit PNG Fix
Descarga | unitpngfix.zip

32 Codigos Ajax y Javascript bastante interesantes

Fecha Junio 25th, 2008  Comentarios 5 Coms  Categoria Ajax, Javascript, Web 2.0

Como hoy no he tenido tiempo de desarrollar ninguna clase ni nada para postear, he decidido hacer un rejunte de varios codigos y aplicaciones ajax/javascript que me parece que deberian ser tenidas en cuenta a la hora de programar, por que por ahi, nos pueden sacar de varios inconvenientes en unas simples lineas, vamos al listado:

1 - Niceforms 1.0:

Si eres desarrollador web, estoy seguro que mas de una vez has discutido con un cliente por el hecho de que no podes aplicar estilos sobre los campos select, bueno, ahi es donde Niceforms 1.0, cambiando todo los controles de nuestros formularios

Niceforms

Demo - Pagina oficial

2 - FancyUploads (Mootools):

Este sistema es bastante completo y "lindo" a la vista, nos permite seleccionar varios archivos para subir al servidor y luego mandarlos todos de una sola vez, hasta incluye barra de progreso, para esos archivos que nunca terminan de subir:

Fancyuploads

Demo - Pagina oficial

Lee el resto de la entrada »

jQuery:CSS Browser Selector

Fecha Febrero 25th, 2008  Comentarios 3 Coms  Categoria CSS, Javascript, Navegadores

CSS Browser Selector

Una de las tareas mas tediosas de los programadores es validar nuestro css contra varios navegadores(especialmente en IE que parece no tener soporte para css :P), basandose en este problema, Rafael Lima nos provee de una ayuda realmente util: Una funcion que nos permite declarar un prefijo para cada navegador, por ejemplo:

CSS:
  1. .ie .example {
  2. background-color: yellow
  3. }
  4. .ie7 .example {
  5. background-color: orange
  6. }
  7. .gecko .example {
  8. background-color: gray
  9. }
  10. .win.gecko .example {
  11. background-color: red
  12. }
  13. .linux.gecko .example {
  14. background-color: pink
  15. }
  16. .opera .example {
  17. background-color: green
  18. }
  19. .konqueror .example {
  20. background-color: blue
  21. }
  22. .safari .example {
  23. background-color: black
  24. }
  25. .example {
  26. width: 100px;
  27. height: 100px;
  28. border: 1px solid black;
  29. }

Segun la demo, parece funcionar bastante bien, y lo mas importante (bueno, para mi) valida el css perfectamente!.
Actualmente soporta los siguientes navegadores:

  • ie - Internet Explorer (All versions)
  • ie6 - Internet Explorer 6.x
  • ie5 - Internet Explorer 5.x
  • gecko - Mozilla, Firefox, Camino
  • opera - Opera (All versions)
  • opera8 - Opera 8.x
  • opera9 - Opera 9.x
  • konqueror - Konqueror
  • webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira

Via | StylizedWeb.com
Descargar | CSS Browser Selector
Demo y Mas info | CSS Browser Selector

GWT-Ext:Libreria de Widgets

Fecha Febrero 16th, 2008  Comentarios Sin Coms  Categoria Javascript, Widget

GWT-Ext

GWT-Ext es una poderosa libreria de widget que nos provee de recursos como grillas dinamicas, paginacion y filtros, arboles con soporte de Drag & Drio, y muchas otras cosas que estoy seguro que nos resultaran bastante utilies a la hora de construir una aplicacion RIA.

Via | WebAppers
Enlace | GWT-Ext

moord: Extension para MooTools

Fecha Febrero 16th, 2008  Comentarios Sin Coms  Categoria Javascript, Plugin

moo.rd

Aunque no sea necesario, nunca esta de mas agregarle un par de efectos interesantes a nuestras aplicaciones, ya que la parte visual de esta es la que practicamente "compra" al usuario. Moo.rd es una pequeña extension para MooTools que se encargara de darle buenos efectos a nuestras listas, tablas o boxs.

Via | Xyberneticos
Enlace | DEMO - Descarga

Scripteka: Repositorio para Prototype

Fecha Febrero 15th, 2008  Comentarios Sin Coms  Categoria Ajax, Herramientas, Javascript

Scripteka

Jugando a "Stumblear" me encuentro con esto, que es un poco viejo, pero que no esta de mas para tener como referencia.
Scripteka es un completo directorio de librerias desarrolladas para funcionar con el famoso framework Prototype. Muy util para todos aquellos que utilizamos el framework.

Enlace | Scripteka

Puntos a tener en cuenta cuando eliges un Framework js

Fecha Febrero 14th, 2008  Comentarios Sin Coms  Categoria Framework, Javascript

Ultimamente son mas las personas que utilizan frameworks a la hora de desarrollar sus proyectos ya que estos vienen para diferentes lenguajes y tipos de aplicaciones.
En Sentido web he encontrado una lista de puntos a tener en cuenta cuando elegimos un framework para JavaScript, y me parecio interesante publicarla, ya que seguramente haya varios que anden en busca de uno, y debido a la cantidad de frameworks que salen dia a dia, se complica la eleccion de uno.
Aqui la lista:

Rapidez: los usuarios esperan agilidad a la hora de mostrar la página, da igual lo bien diseñada que esté o los efectos que muestren. Por ello es muy importante que el framework tenga buen rendimiento y que sea rápido. Puedes comprobar las velocidades de 3 frameworks aquí.

Tamaño del js: el tamaño es imporante en dos aspectos: lo que tarda en cargarse en la página y el ancho de banda que consume. Yo añadiría que en los frameworks que te permiten seleccionar que componentes queremos añadir, solo seleccionemos los necesarios. A parte, siempre viene bien comprimir el js.

Documentación: es como aprender un lenguaje nuevo, da igual que sepas Javascript, no se parecerá demasiado a lo que hayas usado anteriormente. Cuanto mejor esté documentado mejor.

Comunidad: lo más importante de un proyecto open source es la comunidad que hay detrás de ella. Los miembros de la comunidad aportan ayuda, código, ejemplos y mucho más que nos facilitará el trabajo.

Módulos: como ya he dicho anteriormente, los módulos nos permiten incluir solo las funcionalidades que deseamos, ahorrando en rendimiento.

Quién lo usa: el hecho de que sitios importantes usen un framework es un reconocimiento a su calidad.

Recuerden tambien, que hay veces que convinar dos Framworks tambien puede ayudar(Prototype para manejar Ajax y MooTools para efectos esteticos), pero si tenemos todo lo que necesitamos en uno solo, mejor :D.

Via | Sentido Web

PHP.js: Equivalencias PHP para Javascript

Fecha Febrero 2nd, 2008  Comentarios Sin Coms  Categoria Javascript, PHP, Scripts

PHPJs

PHP.js es una herramienta que le facilitara el trabajo a los desarrolladores PHP que tambien utilizan Javascript. Ofreciendo una serie de funciones para javascript que serian equivalentes a las funciones mas populares de PHP.
Aqui pueden ver el ejemplo de la funcion que, supongo, mas se debe usar en PHP:

Include()

JavaScript:
  1. function include( filename ) {
  2. // http://kevin.vanzonneveld.net
  3. // +   original by: mdsjack (http://www.mdsjack.bo.it)
  4. // +   improved by: Legaev Andrey
  5. // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
  6. // *     example 1: include('/js/imaginary1.js');
  7. // *     returns 1: 1
  8.  
  9. var js = document.createElement('script');
  10. js.setAttribute('type', 'text/javascript');
  11. js.setAttribute('src', filename);
  12. js.setAttribute('defer', 'defer');
  13. document.getElementsByTagName('HEAD')[0].appendChild(js);
  14.  
  15. // save include state for reference by include_once
  16. if (!window.php_js) window.php_js = {};
  17. if (!window.php_js.includes) window.php_js.includes = {};
  18. if (!window.php_js.includes[filename]) {
  19. window.php_js.includes[filename] = 1;
  20. } else {
  21. window.php_js.includes[filename]++;
  22. }
  23.  
  24. return window.php_js.includes[filename];
  25.  
  26. }

Via | aNieto2K
Descargar| PHP.js

XTND:Dreamweaver soporta librerias JS

Fecha Enero 31st, 2008  Comentarios 1 Com  Categoria Editores, Javascript

Adobe Dreamweaver

Adobe Dreamweaver no es conocido por su soporte para JavaScript, pero apartir de ahora, eso cambiara. Chris Charlton ha creado una extension para Dreamweaver (versiones del MX al CS3) que te permite trabajar con jQuery 1.2 y Prototype 1.6.
Charlton tambien planea incorporar un soporte para otras otras librerias, como MooTools o YUI.

Via | Ajaxian
Enlace | XTND

Video de Jaxer en accion

Fecha Enero 26th, 2008  Comentarios Sin Coms  Categoria Ajax, Javascript, Noticias

Jaxer

Hace un par de dias hablabamos de que era Jaxer, bueno, dando vueltas por mi blogroll me encontre con este video en Ajaxman donde se muestra como crear un proxy para tener Twitter en nuestro Localhost. Parece algo bastante sencillo, pero, lo sera?...

Les dejo el link del video, porque no creo que se vea bien aca: http://www.vimeo.com/626674

Via | Ajaxman
Enlace | Video

Segun Pownce, ahora...
Pownce
  • No public Pownce messages.
  • Subscribite al Feed
    RSS Feed Agregar a del.icio.us Agregar a Technorati Agregar a StumbleUpon Agregar a Digg
    Geek Readers
    Control del Blog

    Ultimos Posts

    Post Un poco de hum... Post Un poco de Pro... Post Sleipnir: Nave... Post Unit PNG Fix: ... Post Taringa! ext: ... Post MEME: Lo que s... Post Actualizacion ... Post Anoche vi Batm... Post Comet: El Ajax... Post PHP: JW FLV Pl...
    Cronologia

    2008 2007
    Colabora con mis proyectos
    1 Centavo hace la
    diferencia
    Proyectos

    Proximamente!

    Powered by
    PHP xHTML Get Firefox
    MySQL CSS Wordpress

    Esta obra está licenciada bajo una
    Licencia Creative Commons
    Atribución-No Comercial 2.5 Argentina
    Blog potenciado por
    Wordpress & nBlak Studios

    RSS | Legal | Contactar