elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Tutorial básico de Quickjs


  Mostrar Temas
Páginas: [1] 2 3 4
1  Programación / Desarrollo Web / [EBook] Essential Facebook Development en: 28 Julio 2011, 19:05 pm

Excelente libro que quiero compartir con ustedes, esta es un pequeña reseña

Con mas de 250 de millones de usuarios activos, Facebook es la red social numero uno. Pero desarrollar aplicaciones presenta un reto único, combinando técnicas y no técnicas propiamente dichas. Ahora, dos de los mas grandes desarrolladores experimentados de Facebook muestran como enfrentar estos desafíos. El Libro ofrece una guía hasta el momentos de las mejores practicas sobre el ciclo de vida de una aplicación Facebook: diseño, codificación, pruebas, distribución, monitoreo incluso aplicaciones en marketing

Descargar
2  Programación / Desarrollo Web / [Aporte] TN3 Gallery en: 15 Junio 2011, 15:45 pm

TN3 Gallery es una galería profesional desarrollada sobre JQuery para la visualización y rotación de una colección de imágenes de diversas maneras.

Ya esta validada para todos lo navegadores (Incluyendo los móviles), tiene múltiples efectos de transición, puede mostrar leyendas y presentar la miniaturas horizontal o verticalmente.

El plug-in puede generar automáticamente los thumbnails si necesidad de hacerlo al lado del servidor (server-side con la ayuda de php) y le permite a los usuarios navegar por medio de esta miniaturas.

Las miniaturas no son la única manera de ver las imágenes, también hay botones para ir hacia adelante o hacia atrás, presentación de diapositivas automáticas.

Una de características que tiene esta Galería es la capacidad de presentar varios álbumes con cada álbum tiene su miniatura y un titulo para ayudar a lo usuarios a entender lo que hay dentro.


Fuente del Articulo

Demo
3  Programación / Desarrollo Web / [Aporte] Framework para Crear Juegos con javascript en: 14 Junio 2011, 17:19 pm

Con el desarrollo de javascript junto con HTML5, cada vez más se hace mas popular la aplicaciones desarrolladas bajo este lenguaje y navegadores que soporten estas nuevas características, están siendo utilizados por más usuarios cada día vez mas, un ejemplo de este avance es el desarrollo de Juegos y cada vez mas se esta alejando Flash ;)

Los Juegos desarrollados JavaScrip no sólo son más fáciles de programar para los coder’s WEB, pero también son los únicos que cumplen con la condición de desplegarse en forma de aplicación de escritorio, web y móvil.

A continuación presentare un lista de tres Frameworks que puedes utilizar para la creación de Juego nuevo:

The Render Engine



    Un buen manejo de cross-browser, ofrece mucha mucha flexibilidad y viene con una extensa API.
    Utiliza objetos para reducir código y propone una recolección de basura.
    Abstracción de todo el elemento Canvas.
    Contiene Box2D el cual es es una librería para manejar propiedades físicas.

Lime JS



    Es un Framework para la creación y construcción de juegos con HTML 5 es bastante rápido nativos y también trabaja con pantallas táctiles moderno y navegadores de escritorio.
    LimeJS se crea con el cierre Biblioteca construida por Google y viene con funciones y clases para controlar la línea de tiempo, eventos, formas y animaciones.

Además, el marco tiene un soporte completo de hojas de sprite (se puede recoger todas las imágenes dentro de un solo archivo).

Fuente
4  Programación / Desarrollo Web / [Aporte] Flux Slider puro CSS3 en: 14 Junio 2011, 16:58 pm

Con esta galería se ha podido desmostar el alcance que ha tenido CSS3, Flux Slider es una implementación similar, también realizado con jQuery (y compatible con Zepto Mobile Framework) pero que en lugar de hacer uso de funciones javascript para las transiciones utiliza animaciones CSS3. ¿Cuál es la ventaja? Transiciones más fluidas ya que hacen uso de las capacidades nativas del navegador. Muy recomendable sobretodo los efectos en 3D.

Fuente
5  Programación / Desarrollo Web / [Aporte]jShowOff: Un Plugin para jQuery para Rotar Contenido en: 16 Febrero 2011, 18:54 pm
jShowOff es un plugin de jQuery flexible para  crear efectos de rotación a cualquier contenido HTML, simplemente funciona mediante la creación de “diapositivas o slideshow” de los elementos secundarios de un contenedor (como elementos de lista <li>).

La salida es completamente personalizable con opciones de reproducción automática,  también podemos configurar la velocidad de las transiciones, los controles de encendido / apagado, efectos y mucho más.

El plugin provee elementos de rotación que nos ayuda en la navegación como un contador de páginas, botones al lado de anterior y  siguiente o imágenes en miniatura (donde todos son opcionales.

FUENTE
6  Programación / Desarrollo Web / [Aporte] Treesaver: Presentacion de Contenido HTML con Estilo de Revista en: 10 Febrero 2011, 20:28 pm
Treesaver es un framework para javascript con el fin de crear presentaciones de contenido como si fuera una revista. El framework se adaptan dinámicamente a una amplia variedad de navegadores y dispositivos.

Tanto el contenido y el diseño es en forma compatible con los estándares HTML, CSS y javascript y no hay necesidad de tener conocimientos avanzados en programación.

Simplemente busca los tags <article> (es una nueva etiqueta del estandar HTML5) y muestra el contenido dentro de ellos, en cuanto a la navegación es similar a la de una dispositiva tiene  cuatro botones adelante, atras, ir al primero e ir al ultimo y es capaz de generar automáticamente el “contenido” del menú.

El contenido de este javascript no sobrepasa los 21Kb en su versión comprimida (gzipped), ideal para dispositivos mobiles y trabaja en diferentes navegadores sin mucho problema.




FUENTE
7  Comunicaciones / Android / Actualizar Android en HTC G1 en: 24 Enero 2011, 23:30 pm
Hola Hola amigos !!!! tengo HTC G1 y esta corriendo version 1.6 de Android !!! me gustaria saber si conocen de algun video, manual o lo que sea para actualizarlo a 2.1 o 2.2 ... gracias de antemano !!!  :rolleyes:
8  Seguridad Informática / Seguridad / SafeGo: Antivirus para Facebook en: 17 Enero 2011, 15:02 pm
Introducción

Navegando por la red, descubrí una aplicación bastante particular y que jamas creí que me iba a encontrar. Todos sabemos que  si usamos Windows como nuestro Sistema Operativo debemos contar con un buen antivirus. Ya que nos protege de cualquier Software malicioso que intente acceder o tomar control de nuestras maquina. Pero este antivirus nos es una aplicación de escritorio y no es para nuestro PC, sino que es una aplicación  útil desarrollada con el objetivo de brindarnos protección cuando navegamos en Facebook.

Contenido

Safego

Safego, es un aplicación en facebook que escanea nuestro perfil, muro, mensajes y comentarios en busca de cualquier enlace malicioso, aplicaciones fraudulentas, de malas configuraciones de seguridad o privacidad. Además, se instala como cualquier aplicación normal.

Instalación

Para instalar la aplicación debemos visitar la pagina oficial de Safego y hacer click en el botón Okidokey! Let’s see the App y aceptar todos lo términos que te solicita y después te desplegara la interfaz de la aplicación.

Paso 1: Dar permisos a la aplicación


Paso 2: Despliegue de la Interfaz de Safego


La interfaz de la aplicación nos muestra información de nuestro perfil y un botón llamado Double Check, el cual nos permite escanear nuestro perfil las veces que queramos.

[FUENTE]
9  Programación / Desarrollo Web / [Aporte] JQuery: Color Picker en: 8 Enero 2011, 18:46 pm
JQuery: Color Picker

Introducción

Dando vueltas por un foro me recomendaron un plugin bastante atractivo para desplegar una paleta de colores bastante amigable al usuario usuario su nombre es Color Picker, esta escrita para JQuery y su integración es bastante sencilla como veremos a continuación. Su pagina oficial es http://www.eyecon.ro/colorpicker/ y podrán encontrar una descripción detallada del plugin, con su respectiva documentación y con algunos ejemplos de implementación.

Contenido

Color Picker es un selector de colores que maneja tres formatos de codificación RGB, HSB y Hexadecimal, cuando insertamos el plug a alguna etiqueta del HTML por medio de los selectores de jQuery, este nos desplegara un interfaz intuitiva utilizada en varios editores de imágenes o herramientas semejantes.

Implementación

Para implementar el plug, debemos llamar los siguientes códigos js y css

Código
  1. <link href="css/colorpicker.css" type="text/css" rel="stylesheet"></link>
  2. <script src="jquery.js"></script>
  3. <script type="text/javascript" src="js/colorpicker.js"></script>

Invocación

Como he comentado en artículos anteriores, la invocación de este plug se hace por medio de un selector, de la siguiente forma:

Código
  1. $('mi selector').ColorPicker(options);

Ejemplo

Código
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.    <head>
  5.        <title>jQuery Picker</title>
  6.        <link href="css/colorpicker.css" type="text/css" rel="stylesheet"></link>
  7.        <script src="jquery.js"></script>
  8.        <script type="text/javascript" src="js/colorpicker.js"></script>
  9.        <script>
  10.            $(function(){
  11.                $("#colorpickerHolder").ColorPicker({
  12.                    flat:true,    //Con esto evitamos que el plug no se llamado por algun evento
  13.                    color: "#000", //Color por defecto
  14.                    onShow: function(){ //Una vez se carga toda la vista, se llama a este Evento
  15.                        //CODE
  16.                    },
  17.                    onChange: function(){ //Evento que controla el cambio de color
  18.                        //CODE
  19.                    },
  20.                    onBeforeShow: function(){
  21.                        //CODE
  22.                    },
  23.                    onHide: function(){
  24.                        //CODE
  25.  
  26.                    },
  27.                    onSubmit: function(){
  28.                        //CODE
  29.                    }
  30.                });
  31.            })
  32.        </script>
  33.    </head>
  34.    <body>
  35.        <div id="colorpickerHolder"></div>
  36.    </body>
  37. </html>


Para aterrizar mejor el uso del plug, daré un ejemplo claro y conciso del manejo de este recurso.

Conclusión

Color Picker, presenta un interfaz liviana, su programación es demasiado sencilla y le ofrecerá un estilo verdaderamente elegante en sus aplicaciones futuras, es una herramienta que debemos tener en cuenta.

[FUENTE]
[EJEMPLO FUNCIONANDO]
10  Programación / Desarrollo Web / [Aporte] JQuery (Selectores) en: 4 Enero 2011, 18:08 pm
Introducción

En siguiente articulo explicare el manejo de selectores por medio de JQuery. Esta es una gran ventaja que nos ofrece este Framework ya que no ahorra un largo trabajo de programación como por ejemplo: Seleccionar todos los elementos de un arbol DOM que tenga la clase “subTitulo”, otro ejemplo seria seleccionar todo los elementos hijos de un nodo del árbol o simplemente seleccionar todo lo elementos DOM y almacenarlos en un vector.

Contenido

En el articulo anterior ya dábamos nociones de los selectores por medio de una función global denominada $(), básicamente podemos seleccionar elementos con las siguientes condiciones:

    * Por Etiqueta: Seleccionar elementos según su etiqueta por ejemplo<p> o <table>
    * Por Identificador: Seleccionar elementos según sea su id
    * Por Clase: Seleccionar elementos según la clase CSS que llame.
    * Otras mas especializadas que podemos encontrar en el API de JQuery

Ejemplos

Supongamos el siguiente codigo de una pagina cualquiera:

Código
  1.    <head>
  2.        <script src="jquery.js"></script>
  3.        <script type="text/javascript">
  4.            $(function(){
  5.                $("#botonNumParrafos").click(function(){
  6.                    alert($('p').length);
  7.                })
  8.  
  9.                $("#botonNumMiClase").click(function(){
  10.                    alert($('.miClase').length);
  11.                })
  12.  
  13.                $("#botonNumHijosDiv1").click(function(){
  14.                    alert($('#div1 > *').length);
  15.                })
  16.  
  17.                $("#botonGetHijosDiv2").click(function(){
  18.                    str = "";
  19.                    $('#div2 > *').each(function(){
  20.                        str += $(this).attr("id")+" Contenido: "+$(this).attr("innerHTML")+"</br>"; //Concatenamos
  21.                    })
  22.                    $("#mostrarResultados").html(str);
  23.                })
  24.            });
  25.  
  26.        </script>
  27.  
  28.        <style>
  29.            .miClase{
  30.                background: #CCC;
  31.            }
  32.  
  33.        </style>
  34.    </head>
  35.  
  36.    <body>
  37.        <div id="div1">
  38.            <p id="p1">Parrafo 1</p>
  39.            <p id="p2">Parrafo 2</p>
  40.            <p id="p3">Parrafo 3</p>
  41.            <p id="p4">Parrafo 4</p>
  42.        </div>
  43.  
  44.        <div class="miClase" id="div2">
  45.            <h3 id="cabecera1">Cabecera H3</h3>
  46.            <h4 id="cabecera2">Cabecera H4</h4>
  47.        </div>
  48.  
  49.        <div id="mostrarResultados">
  50.            <!-- MOSTRAR RESULTATOS -->
  51.        </div>
  52.  
  53.        <table>
  54.                <tr>
  55.                    <td>
  56.                    <input id="botonNumParrafos" type="button" value="Contar Parrafos"></td>
  57.                    <td>
  58.                    <input id="botonNumMiClase" type="button" value=".miClase Contar"></td>
  59.                    <td>
  60.                    <input id="botonNumHijosDiv1" type="button" value="Contar Hijos de DIV 1"></td>
  61.                    <td>
  62.                    <input id="botonGetHijosDiv2" type="button" value="Consultar Hijos de DIV 2"></td>
  63.                </tr>
  64.  
  65.        </table>
  66.    </body>
  67. </html>

1. Deseamos seleccionar todos los párrafos de una pagina, contarlos y mostrar dicho valor en un alert

Código
  1. alert($('p').length);

2. Deseamos seleccionar todos los elementos que tengan asignada la clase CSS “.miClase”, contarlos y mostrar dicho valor en un alert

Código
  1. alert($('.miClase').length); //Existen dos div con la clase asignada .miClase

3. Deseamos seleccionar un elemento identificado como div1 y contar cuantos hijos tiene
Código
  1. alert($('#div1 > *').length); //div1 tiene 4 parrafos

Estos son ejemplos claros del potencial de JQuery, cuando usamos el selector este nos retorna un objeto que podemos recorrer y consultar, miremos el siguiente escenario:

4. Deseamos seleccionar los hijos del div2 y mostrar en un alert los identificadores de cada uno de los hijo y el contenido

Código
  1. str = "";
  2. $('#div2 > *').each(function(){
  3.   str += $(this).attr("id")+" Contenido: "+$(this).attr("innerHTML")+"</br>"; //Concatenamos
  4. })
  5. $("#mostrarResultados").html(str);

En este punto he tocado funciones que no he mencionado aun, como es each(), $(this), attr() y html() a continuación esta la explicación de cada uno de ellos:

    * each: realiza un ciclo por cada uno de lo elementos seleccionados
    * $(this): hace referencia a cada uno de los objetos del vector que se esta recorriendo
    * attr(): hace referencia a un atributo del elemento, por ejemplo si quiero consultar el src de una imagen lo hago por medio de attr(‘src’)
    * html(): es lo mismo que realizarle un innerHTML pero mas reducido

Conclusión

Como lo he venido mencionado y lo sigo justificando, JQuery nos ahorra lineas y lineas de código podemos conseguir resultados en muy poco tiempo y nos deja volar la imaginación de una forma increíble. Por ultimo, recomiendo consultar el API porque existen mas formas para seleccionar elementos con ejemplos claros de uso de cada uno de ellos

FUENTE

Páginas: [1] 2 3 4
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines