|

Algo de Javascript avanzado

Algo malo de dedicarse a la informática es que te puedes quedar anticuado con facilidad, algo bueno de ser blogger (al menos para mí) es que al querer dar buenas noticias y buenos scripts, te hace estar al día.
Algún compañero me ha preguntado alguna vez por partes de Javascript que no entendía, incluso me decía si realmente es Javascript. Supongo que a todos nos ha sonado raro el código Javascript cuando incluye JSON.
Lo malo es que cuando buscas por ese tipo de código que desconoces, buscas por términos como “javascript function”, “javascript avanzado”, y otras cosas que no suelen dar los resultados que esperamos. En el caso de “javascript function” nos suele dar cómo crear funciones, pero solo lo más básico, sin embargo, si hubieramos buscado por “javascript funciones anónimas” si hubieramos obtenido resultados deseados. Si buscamos por “javascript avanzado” solemos obtener directorios de efectos hechos en javascript y no las novedades que trae Javascript en sus nuevas versiones.
Por eso, si quieres aprender conceptos más avanzados de Javascript, te va a venir bastante bien este tutorial:
Quick guide to somewhat advanced JavaScript

¿Páginas totalmente en Flash?

flash.pngSupongo que esto puede ser un tanto polémico, pero aquí va el resumen de una entrada en la que recomienda no hacer páginas totalmente en Flash. Supongo que hay gustos para todo, a mí el Flash no me gusta especialmente, pero está claro que se pueden hacer cosas increibles, aunque también otras horribles (de estas mejor no pongo enlace para no buscarme enemigos).

Motivos por los que no deberías crear un sitio totalmente en Flash:

  • Se ha buscado mala fama, algunos visitantes cuando ven que está completamente en Flash cierran el navegador. [yo a veces soy de esos]
  • Buenos diseñadores no tienen por qué ser buenos diseñadores web, por lo que diseños muy atractivos pueden tener una mala navegación. [te quedas loco viendo la espectacularidad, pero luego te pasas un par de minutos moviendo el ratón por todas partes para saber que es un enlace]
  • Puede influir negativamente en el buen contenido. Muchos usuarios acceden a un sitio para buscar información, y les gusta que sea de forma rápida y sencilla, lo cual a veces no es del todo sencillo con Flash. [odio cuando no se puede seleccionar el texto para hacer un copy/paste]
  • Aunque una de las ventajas del Flash es necesita un plugin para visualizarse por lo cual el problema de compatibilidad de navegadores no existe, no implica que el usuario tenga la ultima versión del plugin, y no todo el mundo se va a bajar la última versión para ver la página. [sin embargo ese es uno de los problemas de SVG, que aún usando el mismo plugin de Adobe, se visualiza de forma diferente en distintos navegadores]
  • Los motores de busqueda no hacen caso a los contenidos en Flash.
  • El que te permita hacer cosas multimedia muy elaboradas suele implicar tener que esperar bastante a que se cargue la película flash, aún cuando aparece el preloader, la espera no suele gustar.
  • Lo bueno del HTML es que primero carga la página y luego las imágenes, por lo que puedes acceder a la información mientras se cargan las imágenes. [claro que un buen diseñador puede hacer lo mismo en flash]

El texto entre corchetes son mis comentarios sobre cada punto, no es lo único que pienso sobre el flash, también creo que es a veces mejor usar flash que HTML, por ejemplo en la página de un artista puede ser más efectivo el flash que el HTML.

Should You Make Your Website in Flash?

Vía / dzone

|

Video tutoriales de PHP

phpvideotutorials.pngLa idea es muy buena, el trabajo que debe llevar es bastante. Se trata de video-tutoriales sobre PHP, que nos van explicando desde como instalar WAMP a las partes básicas del PHP.
Por ahora solo hay 8 lecciones pero parece que se van ampliando poco a poco. Si te asusta el inglés, no te preocupes que se entiende bastante bien, salvo la parte inicial en la que le da por contarte su vida, algún chiste o una historia de un pollo en bikini (si, increible).
PHP Video Tutorials
Vía / dzone

OpenOffice versión Premium

openoffice.pngEl título de miedo pero es el nombre que le han dado a una versión de OpenOffice desarrollada por usuarios, que incluye clip art, plantillas y tipos de letra, dando así un servicio que ofrecen otras suites ofimáticas.
oop.png
Aunque asociamos Premium a versiones de pago (otro nombre hubiera sido más acertado), esta versión sigue siendo gratuita, eso sí, por lo visto el uso de RAM y de disco duro no es del todo eficiente.
OpenOffice.org Premium
Vía / Digg

links for 2006-08-31

|

Crea una guía de estilos

Un gran consejo que deberíamos llevar todos a cabo, es crearnos una guía con los estilos que tiene nuestra aplicación. No solo si trabajamos en nuestro propio diseño, porque siempre se nos acaban olvidando y podemos caer en el error de crearnos estilos repetidos, sino también para cuando trabajamos en proyectos grandes y o bien los estilos ya están creados pero no los conocemos, porque una cosa es leer un css y otra es adivinar que pinta tiene, o bien porque creamos alguno para que se sepa que existe.
cssguide.png
Uno de esos documentos que odiamos hacer, pero que siempre echamos de menos tener.
Creating a Style-Guide for your site
Vía / SitePoint

|

Javascript 1.7 en Firefox 2

Una de las nuevas características que nos trae Firefox 2 es el soporte para Javascript 1.7. Entre las novedades que nos encontramos está:

  • Generadores: una forma de ejecutar procesos iterativos, usando yield para “congelar” el valor de una variable y usando next() para realizar la llamada al siguiente estado.
  • Iterators: en vez de usar for…in y for each…in, nos podemos crear un iterador, mediante Iterator(), para realizarlo de una forma más sencilla.
  • Comprensión de arrays: una forma sencilla de inicializar el valor de arrays.
  • Sentencia let: para modificar el alcance de variables para un bloque de código.
  • Devolver varios valores: la posibilidad de que una función devuelva varios valores.

Más información

New in JavaScript 1.7

Javascript 1.7 en Firefox 2

Vía / SitePoint

links for 2006-08-30

| |

Laboratorio: control input selector para HTML

Uno de los controles que he visto en alguna aplicación (sobre todo de tipo editor gráfico), es aquella en la que el valor numérico de una caja de texto se puede modificar mediante botones y mediante una barra de progreso.
input-selector.png
La versión que he realizado modifica los input type=”text” que haya en la página que tengan el atributo rel el valor selector[min,max], siendo min y max los valores mínimos y máximos que permite el controlador.

Entre otras cosas, el controlador permite modificar el valor mediante la forma tradicional (usando la caja de texto), usando las flechas, pinchando en la barra de progreso o haciendo drag en la misma barra.

Read More “Laboratorio: control input selector para HTML”

| |

Selecciona tu hoja de estilos mediante PHP

En 456 Berea Street nos muestran una forma muy interesante para poder mostrar tu página con diferentes hojas de estilo. Tiene el inconveniente de que solo admite dos estilos entre los que elegir.

Funciona aunque el javascript esté desactivado, pero no cuando estan desactivadas las cookies, pero no daría error, tan solo visitaríamos siempre la misma página.

El funcionamiento es sencillo, disponemos de dos directorios, cada cual con las hojas de estilo que nos interesa. Habrá un enlace a una página que cuando accedemos a ella nos cambiará de directorio, guardará el valor en una cookie y nos devolverá a la página a la página desde la que hemos hecho la llamada o a la raíz si no existía esa página. Y luego en cada página deberemos obtener el valor del directorio de las cookies y usarlo para recuperar la hoja de estilo correspondiente.

El script que se encarga de cambiar de directorio es el siguiente:

<?php
$layout = (isset($_COOKIE['layout']) && ($_COOKIE['layout'] == "zoom")) ? "main" : "zoom";
setcookie("layout", $layout, time()+31536000, '/');
$ref = (isset($_SERVER['HTTP_REFERER'])) ? $_SERVER['HTTP_REFERER'] : "http://{$_SERVER['SERVER_NAME']}/";
header("Location: $ref");
?>

Y luego en cada página tendremos que incluir lo siguiente:

Para recuperar el directorio.

$layout = (isset($_COOKIE['layout']) && ($_COOKIE['layout'] == "zoom")) ? "zoom" : "main";

Para seleccionar el estilo correcto.

<style type="text/css" media="screen,projection">
@import '/css/<?php echo $layout; ?>.css';
</style>

Build your own PHP style sheet switcher