Ajaxman

[Noticias] La comunidad Mozilla México estrena foro y Blog

Bueno mi tiempo ya se esta acabando, estoy posteando desde un café Internet, entonces pues no dispongo de mucho tiempo,pero no me quería ir sin comentarles que mi amigo Ricardo Meza, acaba de lanzar el foro y pagina web para usuarios/programadores de Mozilla en México.

mozilla méxico

En el primer post Ricardo nos comenta

Te damos la bienvenida a nuestra nueva sección de Noticias que nos permitirá comunicar las actividades relevantes que ocurren en el mundo de Mozilla, sus productos, los avances en los trabajos de localización y cualquier otra noticia relevante para nuestra comunidad.

En el menú superior se encuentran los enlaces hacia las secciones generales:

  • Noticias. Esta sección.
  • Foros. Discusión y debate. Próximamente.
  • Documentos (wiki). Documentación especializada en la localización y traducción de los productos Mozilla.
  • ¡Ayúdanos!. Deseas participar, entérate en qué forma puedes cooperar. Próximamente.

Les pido su colaboración para hacer mas grande esta comunidad, difundir Firefox y acabar de una vez por todas con el molesto Internet Explorer, además están buscando logotipo, si tu nos puedes echar la mano, te lo agradecemos, un saludo a Ricardo, a aquí les dejo el enlace al blog.

Visita Mozilla México

0 comentarios » por: Ajaxman Viernes, 02 May 2008 a las 5:36 pm Pertenece a : Mozilla, Noticias, Recursos Comparte

[Colección] Elegantes diseños para formularios usando CSS

Y ya que estamos entrados con esto de las listas les dejo también unos diseños de formularios que están muy impresionantes, a mi me gustaron bastante inclusive me he inspirado para hacer algunos en un par de proyectos.

Creo que a veces no tomamos en cuenta esta parte sin embargo esta parte es algo sumamente fundamental para interactuar con los usuarios, de lo contrario, sentirán como si el sitio fuera algo raro o no muy amigable.

Nuevamente les pongo algunos diseños y enlaces de los que mas me han gustado, el resto lo encontraran en la pagina de quien hizo esta recopilación que ahora si son de smashinmagazine, en donde también hay otros, diseños pero me gustaron mucho mas estos.

assine

blue

forms-02

Seguir leyendo […]

0 comentarios » por: Ajaxman Viernes, 02 May 2008 a las 5:08 pm Pertenece a : Css, Programacion, Recursos, Wordpress Comparte

[Colección] 30 Diseños para comentarios en Wordpress

Como sabrán me gusta estar rediseñando mi blog muy seguido, esto no es con el afán de molestarlos ni mucho menos, pero me gusta experimentar, salir de lo habitual.

El nuevo theme, mes esta costando trabajo diseñarlo, pero como lo prometí sera muy simple, mientras trato de estilizar mi tema, me dispuse a buscar diseños para los comentarios, y vi unos que realmente me impresionaron, y aunque no lo crean esta lista de formularios no esta en smashinmagazine, para muestra ayer cuando quise verlo de nuevo, tuve que leer todos los posts de este blog para descubrir donde estaba y por mas que pude no lo localicé hasta hoy, entonces no dejemos de perder la oportunidad, de mostrarselos.

Les recuerdo que, son diseños de inspiración o sea no son temas completos para descargar o algo así, son puros diseños de comentarios, bueno aquí se los dejo.

alwaysbeta

blogdesignblog

tutorial9

Hay un total de 30 diseños claro no puse todos aquí solo algunos que me gustaron, me inspirare en alguno para mi blog, eso tenganlo por seguro.

Mas diseños en | 30 Must See Comment Designs for Web Designers

0 comentarios » por: Ajaxman Viernes, 02 May 2008 a las 4:38 pm Pertenece a : Css, Programacion, Recursos, Wordpress Comparte

[Ajax] Usando peticiones Ajax con Mootools

Tendré que hacer una comparación para ver cual framework es la que trabaja mejor, y es que viendo bien a Mootools me he quedado encantado.

mootools

Tal vez siga usando Jquery por que realmente me gusta la forma en la que uno la puede usar digamos en pocas palabras es simple, pero la única pega que a veces tenemos es el peso, y recordemos que el peso tiene que ver con la experiencia del usuario, y a veces unos cuantos Kbs de Javascript, puede transformase en alejarse de nuestro sitio web/Blog.

Ahora bien veamos como usarla para poder hacer peticiones XMLHttpRequest osea Ajax.

Como primer paso necesitaremos Descargarnos Mootools de Aquí:

http://mootools.net/download

Ahí hay que elegir los componentes que deseamos bajar, ya que esta librería esta como segmentada.

Debemos elegir solamente Ajax, ya que una vez eligiendo este componente, Mootools carga sus dependencias de componentes automaticamente.

Una vez que hemos bajado el Framewokr vamos a proceder a usarlo “en caliente” o sea sin tanta explicación y saben por que, bueno pues por que su uso es muy fácil, en cuanto tenga un poco mas de tiempo explicare mejor como funciona el core de esta libreria

Primero incluiremos la Librería Mootools

HTML:
  1. <script type=“text/javascript” src=“mootools-release-1.11.js”></script>

Posteriormente necesitaremos nuestro código html

HTML:
  1. <h3>Ejemplo Ajax</h3>
  2. <p><a id=“peticion” href=“#”>Click Aqui</a> para procesar la peticion ajax</p>
  3. <div id=“resultado”>
  4.     <p>Esperando respuesta…….</p>
  5. </div>

El funcionamiento de este ejemplo es el siguiente, al darle click a el elemento con el ID “peticion”, nos hará una petición ajax y el resultado de este proceso lo mostrara en la capa(div) identificada con el id “resultado”

Como ya tenemos el HTML que usaremos ahora nos falta el Javascript, que actuara en conjunto con Mootools

JAVASCRIPT:
  1. $(‘peticion’).addEvent(‘click’, function(e) {
  2.     e = new Event(e).stop();
  3.  
  4.     var url = “pagina2.php”;
  5.  
  6.     /**
  7.      * la url en cuestion
  8.      */
  9.  
  10.        /*
  11.    * nuevo objeto ajax
  12.     */
  13.     new Ajax(url, {
  14.         method: ‘get’,
  15.         // metodo ajax get o post
  16.         update: $(‘resultado’)
  17.         // donde se va  a insertar el resultado
  18.     }).request();
  19. });

Y listo

Creo que no hay mucho mas que explicar, de todos modos si tiene dudas ya saben por algo están los comentarios.

Prometo mas manuales/ayudas sobre el Framework Mootools, que seguro sera de gran ayuda en nuestros desarrollos.

Con información | Mootools Ajax

0 comentarios » por: Ajaxman Martes, 29 Abr 2008 a las 5:09 pm Pertenece a : Ajaxman, Javascript, Mootools, Programacion, Recursos Comparte

[Google] ¿Que es iGoogle?

Bueno talvez no muchos conocen esta funcionalidad, me refiero a iGoogle, la respuesta podria ser simple como.

Una pagina de inicio donde podemos tener gran cantidad de servicios Web proporcionados por google y muchos proveedores mas(hasta uno mismo) al alcance de la mano.

Pero mejor veamos el ejemplo con un video que esta en la red, asi se entendera mejor.

Nota: Yo descubri iGoogle en el mundial del 2006 por que ahi aparecian los resultados de los partidos, jaja.

Via | ¿Qué es iGoogle?
Igoogle esta en | IGoogle

0 comentarios » por: Ajaxman Lunes, 28 Abr 2008 a las 3:51 pm Pertenece a : Google, Internet, Recursos Comparte

[Ajax-Php] mooHP: Mootools y Php

Buscando un script que me facilitara poner unas tabs para el próximo theme de el blog, el cual por cierto al parecer usara Mootools para unas tabs, las cuales luego verán, Me tope con este Framework.

Se llama mooHP, el cual como su nombre lo indica es una mezcla entre Mootools y Php.

La ventaja reside en que su sintaxis es muy similar a la de Mootools , por lo cual si estas acostumbrado a usar esta librería la implementación sera fácil y las ventajas muchas mas, como gestionar la gran mayoría de código vía Php.

A continuación les pongo un ejemplo de código y posteriormente un link para que vean el demo.

PHP:
  1. <?php
  2. include(“mooHP2/dom.class.php”);
  3. include(“mooHP2/element.class.php”);
  4. include(“mooHP2/css.class.php”);
  5. include(“mooHP2/utility.class.php”);
  6.  
  7. //New instance of the dom class
  8. $t = new dom();
  9.  
  10. //Loads a template from file
  11. $t->loadFile(“base.html”);
  12.  
  13. //Gets element by css selector  and sets it’s HTML content.
  14. $t->SE(“body”)->setHTML(“”);
  15.  
  16. //Selected ellement: body adopts  new element
  17. $t->SE(“body”)->adopt( $t->element(“div”, array(“id”=>“header”) ,“Hello world!”) );
  18.  
  19. //Body adopts  <br />
  20. $t->SE(“body”)->newLine();
  21.  
  22.  
  23. $picked = “”;
  24. if (isset( $_GET[“cd”] )) {
  25.  $picked = ” you have selected #”.$_GET[“cd”];
  26. }
  27.  
  28. //Body adopts new element div: with assigned properties as second argument and text as content;
  29. $t->SE(“body”)->adopt( $t->element(“div”, array(“style”=>“margin:10px; padding:10px; border:1px solid #444;”), “Counting down:”.$picked) );
  30.  
  31. // $select  = new Element()
  32. $select = $t->element(“select”, array(“name”=>“cd”), “”);
  33.  
  34. //Body adopts new element of type form
  35. $t->SE(“body”)->adopt( $t->element(“form”, array(“id”=>“newForm”,“method”=>“get”) ) );
  36. //Selects new element by ID and adopts previously defined element $select
  37. $t->S(“newForm”)->adopt( $select );
  38. // #newForm adopts new Element input
  39. $t->S(“newForm”)->adopt( $t->element(“input”, array(“type”=>“submit”, “value”=>“CLICK!”) ) );
  40.  
  41.  
  42. for ($i=1; $i<=20; $i++) {
  43.     //$newOption is new option element
  44.     $newOption = $t->element(“option”, array(“value”=>$i), “Count down: “ . $i );
  45.     //$select adopt as it’s first child the $newOption element
  46.     $select->adoptTop( $newOption );
  47.     if ( isset($_GET[“cd”]) && $_GET[“cd”] == $i ) {
  48.         //Setting an attribute to an element
  49.         $newOption->setProperty(“selected”,“selected”);
  50.     }
  51. }
  52.  
  53. //Body accepts  new style rules
  54. $t->SE(“body”)->setStyle(“margin”,“10px”);
  55.  
  56. //Body adopts <br />
  57. $t->SE(“body”)->newLine();
  58.  
  59. //Appending text to the body
  60. $t->SE(“body”)->appendText(“and here comes the appended text”);
  61.  
  62. //Body is adopting the inc.html contents
  63. $t->SE(“body”)->adopt( $t->includeFile(“inc.html”) );
  64.  
  65. if (!isset( $_GET[“cd”] )) {
  66.     //Make simple alert with javascript
  67.     $t->alert(“Hello and welcome to mooHP”);
  68. }
  69.  
  70. //Setting the <title> tah innerHTML
  71. $t->setPageTitle(“..:: Hello and welcome to mooHP ::..”);
  72.  
  73.  
  74. //Creating new instance of the css class
  75. $newCss = new css();
  76. //Setting rule in css
  77. $newCss->setStyle(“color”,“#ff9900″);
  78. //Setting rules in css
  79. $newCss->setStyles(array(“font-weight”=>“bold”,“font-size”=>“24px” ));
  80. //Writing the defined css to element
  81. $newCss->writeToElement( $t->S(“header”) );
  82.  
  83.  
  84. //Creating new instance of the css class
  85. $newCss2 = new css();
  86. //Setting rule in css
  87. $newCss2->setStyle(“border”,“10px solid #DDD”);
  88. //Setting rule in css
  89. $newCss2->setStyle(“padding”,“10px”);
  90. //Writing the defined css as #newForm selector in $t dom instance
  91. $newCss2->writeToDom(“#newForm”, $t);
  92.  
  93. //Writing the page   if true is passed as argument the page will be compresed
  94. $t->writePage(true);
  95.  
  96. ?>

El resultado de esto seria lo siguiente.
http://www.devpartment.com/testdrive/mooHP/

Creo que Mootools, me esta ganando, y eso se debe a una gran ventaja que ofrece ante otras Frameworks, como JQuery o Prototype, y eso es su peso, que es extremadamente pequeño, bueno aun sigo defendiendo a Jquery, pero si no se compacta un poco mas quiza tenga que darle un vistazo a Mootools.

Por cierto fui la Flisol, no participe casi en nada y es por que no me dio tuve mucho tiempo, eso si me compre una nueva playera muy chida de Debian Linux, tome unas fotos y me queria traer la de Php, pero pues no habia mas Varo($), asi que sera para la próxima, en cunato baje las fotos les platicare como estuvo la cosa.

Via | mootools + PHP = mooHP
Descarga | Descargar MooHP
Mas información en | http://www.devpartment.com/posts/mootools-php-moohp/

0 comentarios » por: Ajaxman Lunes, 28 Abr 2008 a las 10:29 am Pertenece a : Ajax, Javascript, Librerias, Mootools, Programacion, Recursos Comparte

[Informe Antivirus] Panda Security: Importante informe sobre vulnerabilidades en sitios web

Hoy en mi habitual mail que me llega desde panda labs, le di especial importancia a este el cual transcribo apanda continuación.

Según informa PandaLabs, una vulnerabilidad de los servidores Internet Information Server está posibilitando un ataque hacker masivo que ya ha afectado al menos a 282.000 páginas web(286,000 al escribir esta nota), y que puede seguir afectando a muchas más.

A través de dicho problema de seguridad, los hackers pueden inyectar código SQL en todas las páginas que se encuentren alojadas en un servidor web. Dicho código está diseñado para redirigir a todos los visitantes de las páginas manipuladas a un sitio web malicioso, desde el que intentarán analizar el sistema en busca de otras vulnerabilidades que permiten descargar todo tipo de amenazas.

La situación se agrava por el hecho de que la mayor parte de las páginas afectadas no resultan sospechosas en absoluto y tienen, además, un elevado tráfico web.

Cómo detectar si una página ha sido manipulada

Panda Security aconseja a todos los webmasters que tengan sus páginas alojadas en servidores Internet Information Server comprobar, lo antes posible, si sus páginas web han podido verse afectadas. El procedimiento es sencillo, ya que se trata de buscar una cadena de código específica en el código fuente de las páginas, asociada a una etiqueta IFRAME. Dicha cadena es:

HTML:
  1. <script src=“http://www.nihaorr1.com/1.js”>

En caso de detectarla, hay que proceder a su eliminación inmediata y avisar a la persona o empresa encargadas de la gestión del servidor donde se alojan las páginas, para que proceda a tomar las medidas de seguridad pertinentes.

Revisen sus Web’s y otra cosa, ¿no es mas facil usar Apache que usar IIS?, prueben Apache lñes aseguro que

Lo pueden comprobar y detectar equipos vulnerables o que han sido atacados con la siguiente busqueda en Google.


Ver resultados en Google

Via | Boletin Panda

0 comentarios » por: Ajaxman Jueves, 24 Abr 2008 a las 11:42 am Pertenece a : Informes Antivirus, Recursos, Tips Comparte
  

Buscar

¿No esta el articulo en portada? Utiliza nuestro buscador.

Realiza una donación a este blog

Agrega a Ajaxman a tus favoritos

Add to Technorati Favorites