Color en Hexadecimal

Seleccion el color que deseas y se mostrará el código hexadecimal.

De donde me visitan

Convertir string a int o float

Question: How do I convert strings to numbers in JavaScript?

Answer: To convert a string to a number, use the JavaScript function parseFloat (for conversion to a floating-point number) or parseInt (for conversion to an integer).

parseFloat syntax: parseFloat('string')

How it works:
The argument of parseFloat must be a string or a string expression. The result of parseFloat is the number whose decimal representation was contained in that string (or the number found in the beginning of the string). If the string argument cannot be parsed as a decimal number, the results will be different in different browsers (either 0 or NaN).

Examples (comments in each line give the conversion results):

parseFloat('1.45kg')  // 1.45
parseFloat('77.3')    // 77.3
parseFloat('077.3')   // 77.3
parseFloat('0x77.3')  // 0
parseFloat('.3')      // 0.3
parseFloat('0.1e6')   // 100000

parseInt syntax: parseInt( 'string' [, base] )

How it works:
The first argument of parseInt must be a string or a string expression. The result returned by parseInt is an integer whose representation was contained in that string (or the integer found in the beginning of the string). The second argument (base), if present, specifies the base (radix) of the number whose string representation is contained in the string. The base argument can be any integer from 2 to 36.

If there is only one argument, the number base is detected according to the general JavaScript syntax for numbers. Strings that begin with 0x or -0x are parsed as hexadecimals; strings that begin with 0 or -0 are parsed as octal numbers. All other strings are parsed as decimal numbers.

If the string argument cannot be parsed as an integer, the results will be different in different browsers (either 0 or NaN).

Examples (comments in each line give the conversion results):

parseInt('123.45')  // 123
parseInt('77')      // 77
parseInt('077',10)  // 77
parseInt('77',8)    // 63  (= 7 + 7*8)
parseInt('077')     // 63  (= 7 + 7*8)
parseInt('77',16)   // 119 (= 7 + 7*16)
parseInt('0x77')    // 119 (= 7 + 7*16)
parseInt('099')     // 0 (9 is not an octal digit)
parseInt('99',8)    // 0 or NaN, depending on the platform
parseInt('0.1e6')   // 0
parseInt('ZZ',36)   // 1295 (= 35 + 35*36)

Imprimir una determinada parte de la página

En el código HTML incluiremos una etiqueta DIV por ejemplo con ID="Imprimir", introduciendo en ella la parte de la página que se quiere imprimir.

Aquí obtenemos todo el código que está dentro del DIV

var htmlImpresion= document.getElementById('Imprimir');

Creamos una ventana de presentación

var ventimp = window.open(' ', 'popimpr');

En ella escribimos lo que queramos que se imprima

ventimp.document.write(htmlImpresion);
ventimp.document.close();
ventimp.print();
ventimp.close();

Flash en HTML

Flash Embedded in HTML

Para introducir un pelicula flash en una página HTML sólo hay que incluir el siguiente código:

<object width="550" height="400">
<param name="movie" value="somefilename.swf">
<embed src="somefilename.swf" width="550" height="400">
</embed>
</object>

Efecto Fotografía Retro, Polaroid, con Photoshop

En este artículo vamos a aprender a convertir nuestras fotografías a un aspecto retro, con apariencia antigua, un Efecto Polaroid de los años 80, todo ello con Photoshop.




Abrir página en nueva pestaña

Impresion paginada CSS

Existen propiedades de CSS como page-break-after y page-break-before que sirven para alterar el aspecto de las páginas web al ser impresas en papel.

Atributo CSS page-break-after

Sirve para forzar, o no, un salto de línea después de un elemento de la página. Se puede colocar en elementos de bloque, como tablas o capas DIV. Un uso típico sería:

style="page-break-after: always;"

Tanto page-break-after como page-break-before permiten otros tipos de valores, aparte del always que hemos visto en los dos ejemplos anteriores.

Entonces, a la hora de imprimir la web, se insertará un salto de línea después del bloque DIV.

Atributo CSS page-break-before

De manera similar al anterior atributo, page-break-before sirve para decir si queremos, o no, forzar un salto de página antes de un elemento. Si lo colocamos con el valor always, haremos que siempre se cambie de página antes de imprimir dicho elemento.

Esto puede venir muy bien para, por ejemplo, tablas u otros elementos que no queremos que se rompan en dos partes, si coincide un salto de página en medio de la impresión de la página. Con ello hacemos que se cambie de página, con un salto de página forzado y así en la nueva página es más fácil que tengamos espacio suficiente para que quepa la impresión de ese elemento.

style="page-break-before: always;"

Otros posibles valores de los atributos

• auto: es el valor por defecto. Sólo coloca el salto de página si es necesario..
• always: coloca siempre un salto de línea, después o antes del elemento.
• avoid: evita colocar un salto de línea antes o después.
• left: inserta uno o dos saltos de página, de modo que se pueda asegurar que la siguiente página es una página izquierda (page-break-after), o para asegurar que la página donde se empieza el elemento es una página izquerda (page-break-before). Imaginemos un libro abierto, que tiene páginas a la izquierda y a la derecha para saber a lo que se refiere una página izquierda.
• right: inserta uno o dos saltos de página, para asegurar que se pueda insertar el elemento al principio de una página de derecha (page-break-before) o para asegurar que después del elemento comience una página derecha (page-break-after).