El mas tonto ..

Pues el titulo se queda corto!,

Ya que me siento el más estúpido del planeta no verifique bien la descripción de mi proyecto y no realice todas las cosas requeridas. Escribo esto solo para que me quede de recordatorio para poner mas atención en lo que hago. Me odio en estos momentos. jajaja

CSS3 Transición y Transformación - Cuadrado a un Circulo

El nombre hojas de estilo en cascada viene del inglés Cascading Style Sheets, del que toma sus siglas. CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores.

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.

La información de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "<style>".

CSS3

En diferencia a CSS2, que fue una gran especificación que definía varias funcionalidades, CSS3 está dividida en varios documentos separados, llamados "módulos".
Cada módulo añade nuevas funcionalidades a las definidas en CSS2, de manera que se preservan las anteriores para mantener la compatibilidad.

Ejemplo:

Archivo CSS

#efecto

{

background:rgba(195,202,203,0.3);

width: 150px;

height: 150px;

margin: 10% auto;

transform: rotate(360deg); /* Realiza la rotación del div en 360° en direccion a las manecillas del reloj */

-webkit-transform: rotate(360deg);

transition: all 2s ease-in-out; /* Transition se encarga de dar el timpo en que sucede la transformacíon, en    el cual es de 2 segundos*/

-webkit-transition: all 2s ease-in-out;

}

#efecto:hover  /* hover es una subclase la cual detecta cuando pasamos el puntero sobre un determinado objeto y realizara los cambios que estan a continuación  */

{

background:#f33;

width:200px;

height:200px;

border-radius:50%;

-webkit-border-radius:50%; /* Formamos el circulo */

transform: rotate(-360deg); /* la figura rotara 360 grados en direccion contraria a las manecillas del reloj */

-webkit-transform: rotate(-360deg);

}

div

{

overflow: auto;

}

body

{

background: black;

} 

El archivo con el ejemplo completo se puede descargar aquí: Descargar

Aprendiendo UML en 24 horas

Lenguaje Unificado de Modelado (LUM o UML, por sus siglas en inglés, Unified Modeling Language) es el lenguaje de modelado de sistemas de software más conocido y utilizado en la actualidad; está respaldado por el OMG (Object Management Group). Es un lenguaje gráfico para visualizar, especificar, construir y documentar un sistema. UML ofrece un estándar para describir un "plano" del sistema (modelo), incluyendo aspectos conceptuales tales como procesos de negocio, funciones del sistema, y aspectos concretos como expresiones de lenguajes de programación, esquemas de bases de datos y componentes re utilizables.

Para conocer más sobre UML en poco tiempo les comparto este libro que muestra lo fundamental del UML es cual se llama "Aprendiendo UML en 24 horas"-----> "Descargar"

MouseEvent en C# - Haciendo Dibujos

Utilizamos los los MouseEvent para saber cuando se hace algún click o saber la posición del puntero en algún punto del área de trabajo.  

En esta aplicación se utilizan MouseUp, MouseDown y MouseMove para capturar el desplazamiento del mouse   por el área de trabajo y con la cual se ira dibujando una secuencia de puntos para lograr realizar un dibujo.

Este es el código que utilice :


using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;


namespace WindowsFormsApplication1
{
    public partial class Form1 : Form
    {
        bool paint = false;
        SolidBrush color;

        public Form1()
        {
            InitializeComponent();
        }
        private void Salir(object sender, EventArgs e)
        {
            this.Close();
        }
        private void Borrar(object sender, EventArgs e)
        {
            Graphics g1 = panel1.CreateGraphics();
            g1.Clear(panel1.BackColor);
        }

        private void panel1_MouseUp(object sender, MouseEventArgs e)
        {
            paint = false;
        }

        private void panel1_MouseDown(object sender, MouseEventArgs e)
        {
            paint = true;
        }

        private void panel1_MouseMove(object sender, MouseEventArgs e)
        {
            if (paint)
            {
                color = new SolidBrush(Color.Black);
                Graphics g = panel1.CreateGraphics();
                g.FillRectangle(color,e.X,e.Y,3,3);
                g.Dispose();
            }
        }
         
    }
}


Aquí les dejo la aplicación para que lo puedan chequear, fue realizado con Visual Estudio 2010: Descargar

Lenguaje de Programación C#

     El lenguaje C# fue creado con el mismo espíritu que los lenguajes C y C++. Eso explica sus poderosas prestaciones y su fácil curva de aprendizaje. No se puede decir lo mismo de C y C++, pero como C# fue creado desde cero. Microsoft se tomó la libertad de eliminar algunas de las prestaciones más pesadas (cómo los punteros).  

     Microsoft diseño C# de modo que retuvieran casi toda la sintaxis de C y C++. Los programadores que estén familiarizados con esos lenguajes pueden escoger el código C# y empezar a programar de forma relativamente rápida. Sin embargo, la gran ventaja de C# consiste en que sus diseñadores decidieron no hacerlo compatible con los anteriores C y C++. Aunque esto puede parecer un mal asusnto, en realidad es una buena noticia. C# elimina las cosas que hacían que fuese difícil trabajar con C y C++. Como todo el código C es también  código C++. C++ tenia que mantener todas las rarezas y deficiencias de C. C# parte de cero y sin ningún requisito de compatibilidad, así que puede mantener los puntos fuertes de sus predecesores y descartar las debilidades que complicaban las cosas a los programadores de C y C++.

Aqui les adjunto el link de este libro "La Biblia C# ", en el cual se encuentran muy buenos ejemplos para ir conociendo C#.  ---> Descargarlo

Como usar un JRadioButton y ButtonGroup Java

ButtonGroup se utiliza para presentar al usuario un conjunto de opciones excluyentes entre si, es decir si el usuario selecciona un componente RadioButton todos los demás componentes RadioButton en la forma, se desmarcan solos.
Aquí se muestra la clase en la cual se crean los JRadioButton y el ButtonGroup:

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;

public class componentes extends JFrame{

private JTextField tf;
private Font pf;
private Font bf;
private Font itf;
private Font bif;
private JRadioButton pb;
private JRadioButton bb;
private JRadioButton ib;
private JRadioButton bib;
private ButtonGroup group;


public componentes(){
super ("El Dark Blog");
setLayout (new FlowLayout());

// Creamos un JTextField
tf = new JTextField("Dark les explico el JRadioButton", 25);
add(tf);

// Creamos los JRadioButton
pb = new JRadioButton("plain", true);
bb = new JRadioButton("bold", false);
ib = new JRadioButton("italic", false);
bib = new JRadioButton("bold y italic", false);
// Agregamos los JRadioButton a nuestro JFrame
add(pb);
add(bb);
add(ib);
add(bib);

// A los JRadioButton los reunimos en un ButtonGroup
group = new ButtonGroup();
group.add(pb);
group.add(bb);
group.add(ib);
group.add(bib);

pf = new Font("Serif", Font.PLAIN, 14);
bf = new Font("Serif", Font.BOLD, 14);
itf = new Font("Serif", Font.ITALIC, 14);
bif = new Font("Serif", Font.BOLD + Font.ITALIC, 14);
tf.setFont (pf);

// Registramos los escuchas de los JRadioButton
pb.addItemListener (new HandlerClass (pf));
bb.addItemListener (new HandlerClass (bf));
ib.addItemListener (new HandlerClass (itf));
bib.addItemListener (new HandlerClass (bif));

}
private class HandlerClass implements ItemListener{
private Font font;

public HandlerClass (Font f){
font = f;

}
public void itemStateChanged(ItemEvent event){
tf.setFont (font);
}

}

}

---------------------------------------------------------------

También les dejo el archivo en el cual se encuentra el ejemplo realizado en NetBeans, aquí el link para descargarlo.