Artículos
→ CSS →

Redondear bordes con CSS

Creado: 19/Mar/2011 Actualizado: 12/Ene/2024

Gracias a CSS3 podemos redondear los bordes de los elementos. Y es que para redondear bordes con CSS3 utilizaremos la propiedad border-radius.

La sintaxis general de la propiedad border-radius es la siguiente:

border-radius: [tamaño|porcentaje];

De esta forma podemos indicar el tamaño o porcentaje en el que se redondeará cada una de las esquinas de la capa. El valor corresponde con el radio de la circunferencia trazada en la esquina.

Así, si utilizamos:

border-radius: 15px;

Veremos el siguiente resultado:

Border Radius

Podemos especificar un radio para cada una de las esquinas. En este caso se aplicará el orden de las agujas del reloj, empezado por la esquina superior izquierda, siguiendo por la esquina superior derecha, esquina inferior derecha y esquina inferior izquierda.

border-radius: 5px 30px 45px 60px;

Si bien tenemos la capacidad de indicar el tamaño de cada de las esquinas por separado mediante las propiedades: border-top-left-radius, border-bottom-left-radius, border-top-right-radius y border-bottom-right-radius.

border-top-left-radius: [tamaño|porcentaje] [tamaño|porcentaje];
border-bottom-left-radius: [tamaño|porcentaje] [tamaño|porcentaje];
border-top-right-radius: [tamaño|porcentaje] [tamaño|porcentaje];
border-bottom-right-radius: [tamaño|porcentaje] [tamaño|porcentaje;

Cuando identificamos los radios de las esquinas por separado podemos indicar de forma diferente los dos radios que conforman la esquina. Por ejemplo, podríamos modificar la esquina superior izquierda de la siguiente forma:

border-top-left-radius: 400px 200px;

Y obtendremos el siguiente resultado:

Border Radius

Si queremos modificar los dos radios de todas las esquinas podemos utilizar la versión reducida de border-radius:

border-radius: [tamaño|porcentaje] {1,4} [tamaño|porcentaje] {1,4};

Por último tenemos que ser conscientes del soporte de la propiedad border-radius de CSS3. Ya que no todos los navegadores van a poder ejecutarla. En esos casos, los bordes que hayamos redondeado no se verán.

La implementación de border-radius que hemos visto es la de la W3C. Hay implementaciones propietarias en los motores de renderizado de los browsers. Este es el caso de Mozilla Firefox. Dónde las propiedades para redondear los borders con CSS están especificadas como:

-moz-border-radius: [tamaño|porcentaje];
-moz-border-top-left-radius: [tamaño|porcentaje] [tamaño|porcentaje];
-moz-border-bottom-left-radius: [tamaño|porcentaje] [tamaño|porcentaje];
-moz-border-top-right-radius: [tamaño|porcentaje] [tamaño|porcentaje];
-moz-border-bottom-right-radius: [tamaño|porcentaje] [tamaño|porcentaje;

En el caso de Webkit (sería, por ejemplo, para versiones antiguas de Safari) se soportaba mediante el prefijo -webkit:

-webkit-border-radius: [tamaño|porcentaje];
-webkit-border-top-left-radius: [tamaño|porcentaje] [tamaño|porcentaje];
-webkit-border-bottom-left-radius: [tamaño|porcentaje] [tamaño|porcentaje];
-webkit-border-top-right-radius: [tamaño|porcentaje] [tamaño|porcentaje];
-webkit-border-bottom-right-radius: [tamaño|porcentaje] [tamaño|porcentaje;

Por lo cual, si queremos buscar compatibilidad con nuestros ejemplos anteriores podemos poner lo siguiente:

border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

border-radius: 5px 30px 45px 60px;
-moz-border-radius: 5px 30px 45px 60px;
-webkit-border-radius: 15px;

border-top-left-radius: 400px 200px;
-moz-border-top-left-radius: 400px 200px;
-webkit-border-radius: 15px;

Los navegadores a partir de los cuales se empezó a dar soporte a border-radius son:

Código Fuente

Descárgate el código fuente de Redondear bordes con CSS
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
Redondear bordes con CSS

Test CSS

¿Te atreves a probar tus habilidades y conocimiento en CSS con nuestro test?

Test CSS
Artículos
→ jQuery →

Modificar valores por defecto de un formulario con jQuery

Creado: 15/Mar/2011 Actualizado: 27/Ago/2021

Cuando creamos un formulario podemos asignarle valores por defecto a sus campos. Pero si no queremos que estos valores estén asociados directamente a nuestra estructura de la página, podemos utilizar jQuery para modificar los valores por defecto de un formulario y asociar los que nos interesen.

Lo primero el formulario:

Vemos que no hay valores por defecto, para tener una estructura limpia.

El código jQuery irá a buscar los elementos input, que tengan un atributo type con valor «text».

De esta forma el selector a utilizar es el siguiente:

$("input[type='text']")

Ahora solo nos queda modificar el valor de estos campos, insertando el texto que más nos guste. Para ello utilizaremos el método .val():

$("input[type='text']")
  .val('Inserta un valor');

Código Fuente

Descárgate el código fuente de Modificar valores por defecto de un formulario con jQuery
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
Artículos
→ jQuery →

Enlaces de _top a _self con jQuery

Creado: 11/Mar/2011 Actualizado: 18/May/2015

En el artículo Cambiar el target de los enlaces con jQuery veíamos como podíamos meter un target «_blank» a ciertos enlaces de la página.

Pero, ¿qué hacer si nuestros enlaces tienen un valor de «_top» y queremos pasarlo a «_self»? como nos comentaba María Fernandez en el anterior artículo.

Para llevar a cabo el cambio de _top a _self solo tenemos que jugar con el selector de filtrado.

Ya veíamos que con A filtrábamos los enlaces de la página:

$(a)

Al selector deberemos de añadirle un filtrado de atributo entre corchetes. Si queremos que la coincidencia del atributo sea exacta deberemos de utilizar la siguiente estructura:

[name*="value"]

Así nuestro selector quedará de la siguiente forma:

$("a[target*='_top']")

Solo nos quedará, mediante el método .attr modificar el valor de target.

$("a[target*='_top']")
  .attr({target: "_self"});

Código Fuente

Descárgate el código fuente de Enlaces de _top a _self con jQuery
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
Artículos
→ Java →

Finalizar un objeto en Java

Creado: 04/Mar/2011 Actualizado: 25/Ago/2021

Cuando un objeto ya no está en uso por el programa es eliminado de memoria por el garbage collector. Si bien, antes de ser eliminado de la memoria, el garbage collector finaliza el objeto Java. Es decir, ejecuta el método finalize().

Y es que el método finalize() nos permite ejecutar las acciones pertinentes sobre el objeto antes de que sea totalmente eliminado. Por ejemplo, podemos pensar en casos como gestión de ficheros o bases de datos, en los cuales podremos cerrar las conexiones sobre dichos recursos.

La definición del método finalize() tiene la siguiente estructura:

protected void finalize() throws Throwable{
  System.out.println("Finalizando el Objeto");
  super.finalize();
}

Al incluir el método finalize() sobre un objeto estaremos reescribiendo el método finalize() por defecto que viene en la clase Object. Mediante la sentencia super.finalize() estamos ejecutando el método finalize() de las clases padre.

Aunque los métodos finalize() se ejecutarán cuando pase el garbage collector, existe la posibilidad de sugerir a la máquina virtual java (jvm) que se ejecute el finalize de los métodos. Esto lo conseguiremos ejecutando el método runFinalization() de la clase System.

El método System.runFinalization() solo es una sugerencia. No implica una ejecución directa de los métodos finalize().

El código de ejecución del System.runFinalization() sería el siguiente:

public static void main(String[] args) {	
  FinalizarUnObjeto fuo = new FinalizarUnObjeto();
  System.out.println(fuo.toString());
  fuo = null;
  System.runFinalization();				
}

Vídeos sobre Java

Disfruta también de nuestros artículos sobre Java en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Java

¿Te atreves a probar tus habilidades y conocimiento en Java con nuestro test?

Test Java
Artículos
→ Java →

Constantes en Java

Creado: 02/Mar/2011 Actualizado: 09/May/2024

Si queremos hablar de cómo definir constantes en Java, lo primero que tenemos que saber es ¿qué es una constante en el mundo de la programación?

En el mundo de la programación, una constante es un tipo especial de variable que mantiene un valor que no puede variar o cambiar durante todo el ciclo de vida del programa, es decir, tiene un valor inmutable. Es decir, una vez que se le asigna un valor a una constante, ese valor permanece inalterable hasta que finaliza el programa.

En el lenguaje de programación Java, las constantes se definen utilizando el modificador final. Esta palabra clave, final, indica que el valor de esta variable no puede modificarse una vez que se ha establecido inicialmente. Por lo tanto, las constantes en Java son fundamentales para mantener la coherencia y la integridad de los datos en un programa.

La estructura de definición de una constante en Java sería la siguiente:

static final nombreConstante = valor;

Si nuestra intención es definir las constantes DIAS_SEMANA y DIAS_LABORABLES, las cuales sabemos con certeza que son variables que no modificarán su valor a lo largo de la ejecución del programa, podemos hacerlo de la siguiente manera:

static final int DIAS_SEMANA = 7;
static final int DIAS_LABORABLES = 5;

Una vez que ya tenemos definidas las constantes, si queremos utilizar una constante Java, simplemente deberemos de utilizar su nombre. Así, si queremos utilizar las anteriores constantes, lo haremos de la siguiente forma:

System.out.println("El número de días de la semana son " + DIAS_SEMANA);
System.out.println("El número de días laborables de la semana son " + DIAS_LABORABLES);

El código completo del programa de constantes, dónde se incluye tanto la definición como el uso de las mismas, en Java será el siguiente:

public class ConstanteEnJava {

  static final int DIAS_SEMANA = 7;
  static final int DIAS_LABORABLES = 5;

  public static void main(String[] args) {

    System.out.println("El número de días de la semana son " + DIAS_SEMANA);
    System.out.println("El número de días laborables de la semana son " + DIAS_LABORABLES);

  }
}

En este caso vemos que las hemos declarado de tipo static en la clase. Si bien podrían ir dentro del método main sin ser static, si solo las vamos a utilizar dentro del código principal:

public class ConstanteEnJava {

  public static void main(String[] args) {

    final int DIAS_SEMANA = 7;
    final int DIAS_LABORABLES = 5;

    System.out.println("El número de días de la semana son " + DIAS_SEMANA);
    System.out.println("El número de días laborables de la semana son " + DIAS_LABORABLES);

  }
}

E incluso podrían definirse dentro de otra clase. Siempre en el ámbito que pensemos que es más útil para nuestro cometido.

Espero que el artículo te haya sido de utilidad.

Constantes en Java

Vídeos sobre Java

Disfruta también de nuestros artículos sobre Java en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Java

¿Te atreves a probar tus habilidades y conocimiento en Java con nuestro test?

Test Java
Artículos
→ Java →

Pasar parámetros a una aplicación Java

Creado: 01/Mar/2011 Actualizado: 29/Dic/2014

Si estamos haciendo una aplicación Java normal hay que saber que se le pueden pasar parámetros de inicialización.

Seguro que muchos habéis reparado en el método main, qué es el método principal de una aplicación Java, y en cómo se describen sus parámetros.

public static void main(String[] args) { ... }

En ese array de String es dónde vamos a encontrar los parámetros de inicialización. Estos parámetros se pasan en la invocación de nuestro programa Java. Así, si tenemos un programa Java que se llama ParametrosJava, la forma de invocarlo desde la línea de comando será la siguiente:

java ParametrosJava parametro1 parametro2 ... parametroN

No existe un orden estandar para los parámetros, si no que según se pongan en la línea de comando, así le llegarán al programa.

Si queremos listar los parámetros que le llegan a la aplicación lo podemos hacer con un bucle for-each

for (String arg : args)
  System.out.println(arg);

Así tendremos el listado entero de parámetros que se le han pasado al programa.

Vídeos sobre Java

Disfruta también de nuestros artículos sobre Java en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Java

¿Te atreves a probar tus habilidades y conocimiento en Java con nuestro test?

Test Java