Mostrando entradas con la etiqueta Programación. Mostrar todas las entradas
Mostrando entradas con la etiqueta Programación. Mostrar todas las entradas

jueves, 14 de octubre de 2010

Ultimate CSS Gradient Generator

The Ultimate CSS Gradient Editor was created by Alex Sirota (iosart). If you like this tool, check out ColorZilla for more advanced tools such as eyedroppers, color pickers, palette editors and website analyzers.
As you might know, HTML5 introduced many exciting features for Web developers. One of the features is the ability to specify gradients using pure CSS3, without having to create any images and use them as repeating backgrounds for gradient effects.

IDE on line

CodeRun Studio is a cross-platform Integrated Development Environment (IDE), designed for the cloud. It enables you to easily develop, debug and deploy web applications using your browser.
CodeRun Studio can be used instead or alongside your existing desktop IDE. You can upload existing code in order to test it in the cloud or for sharing with your peers.

sábado, 9 de octubre de 2010

100 best jQuery image gallery plugins

Recently, I had a client that needed to create a one page portfolio in a tight deadline. Initially, I thought that an already available free jQuery plug-in could be an interesting starting point for the gallery. I’ve never used a pre made plug-in before, so I began browsing the net in search of my timesaving lazy solution. What I discovered is that I spent almost half a working day looking for a decent list, burning hours skimming through lousy demos and messy coding. I eventually found a cool plug-in and the site went well and was delivered at time. But I couldn’t believe that there weren’t many sites with a decent roundup of jQuery galleries. So, in the face of this opportunity, Webdesignshock will provide. We want this to be the most extensive roundup in the internet of high quality jQuery gallery plugins. Enjoy! Remember to click on the demo button to check more detailed info and to download.

Saki's Ext Examples Page

Saki's Extensions, Plugins and Know-How

150 best jQuery effects for web designers and developers

Since the arrival of the jQuery library, the life of JavaScript programmers have gotten a lot easier because now it’s simpler to develop web 2.0 applications. With jQuery, the programmers can keep their code organized and concise, which is the major slogan of the library, “write less, do more”.

You can utilize jQuery to handle events, generate animations, and even add an Ajax support into your web applications in a very easy way. Certainly you can use JavaScript to execute all the jQuery functions, but if you use it, your programming times will reduce and your effectiveness will increase, and that’s the real magic of jQuery. On this roundup we will show you the most captivating and creative jQuery tools and effects to inspire you, from animations to slideshows, you will find plenty of effects on this article, hope you enjoy it.

viernes, 8 de octubre de 2010

Extjs: Simple Image Gallery Using DataView and PHP

I will not explain the CSS code in here you can see on the code I provided below, just playing with float properties, the div element inside the body tag have to be rendered by the Ext Panel that we will create on the next step, div with “left” id for displaying the Ext Panel that have a DataView Component, div with “right-top” id for displaying the Ext FormPanel (to upload the image) and div with “right-bottom” id is for displaying simple image detail when one of the image in DataView clicked.

miércoles, 29 de septiembre de 2010

3 Ways to render HTML inside of a ExtJS container


I thought of three different ways – let’s take a look at them:
Ext.onReady(function(){
 new Ext.Panel({
     renderTo: Ext.getBody(),
        title: '3 Ways to render HTML inside of a ExtJS container',
        items: [{
            html: "<a href='#'>1. HTML property of a panel</a>",
            xtype: "panel"
        }, {
            xtype: "panel",
            html: new Ext.XTemplate("<a href='#'>{value}").apply({
                value: '2. HTML property of a panel generated by an XTemplate'
            })
        }, {
            xtype: 'box',
            autoEl: {
                tag: 'a',
                html: '3. Dom element created by a DomHelper and wrapped as Component',
                href: '#'
            }
        }]
    });
});
It’s easy to think about the first one and you can find it quite often by googling around. Just setting the html property of a panel. The problem I am having with it is that the overhead of a panel is generated and the HTML is just static – I can’t generate similar values at runtime (e.g. a different link label in the example).
So apart from the second example that uses a template, I thought of the third solution that generates a DOM element at runtime using the DomHelper (theautoEl property calls this implicitly) and wraps it in a component. What do you think?

Hacer ficheros jar

Cuando tenemos un programa grande, con varios paquetes y clases, ya sabemos cómo organizarlo, compilarlo y ejecutarlo. Sin embargo, para pasárselo a los amiguetes o instalarlo en otro ordenador es un poco rollo. Tenemos que llevarnos directorios enteros, con los ficheros que hay dentro y demás.
Lo ideal es meter todos estos ficheros y directorios en un único fichero comprimido. Java, con su comando jar, que está en el directorio bin de donde tengamos java, nos permite hacer esto. Empaqueta todo lo que le digamos (directorios, clases, ficheros de imagen o lo que queramos) en un único fichero de extensión .jar. Un fichero de extensión .jar es similar a los .zip de Winzip, a los .rar de Winrar o a los ficheros .tar del tar de unix. De hecho, con Winzip o Winrar se puede ver y desempaquetar el contenido de un fichero .jar

Firmar Applets

Un Applet por defecto no puede acceder a los recursos del ordenador donde se está visualizando, ni disco duro, ni impresora ni ninguna otra cosa. Tampoco puede establecer conexiones con otros ordenadores que no sean el servidor de dónde viene.
El motivo de esto es sencillo. Yo podría hacer y poner en esta página un Applet que borre el disco duro del que navega y vea esta página. Sólo por visualizar esta página, se borraría el disco duro. Eso, evidentemente, es muy inseguro.

Using applet, object and embed Tags


This chapter includes the following topics:

How to get args to constructor at extjs?


var AddOrgWindowUI = Ext.extend(Ext.Window, {
    title: 'form',
    width: 400,
    height: 198,
    layout: 'form',
    padding: 5,

    initComponent: function() {
        this.items = [
            {
                xtype: 'textfield',
                fieldLabel: 'parapapa',
                anchor: '95%',
                value: this.initialValue,
                emptyText: 'perapapa'
            }
        ];
        AddOrgWindowUI.superclass.initComponent.call(this);
    }
});
function test() {
    var AddOrgWindowForm = new AddOrgWindowUI({initialValue:'aaa'});
    AddOrgWindowForm.show();
}