Resalta código en tu blog

Ya contamos en su día como formateamos el código en Sentido Web, consiguiendo que los scripts que contamos sean más fáciles de leer. Supongo que existen varios scripts que hacen la misma función, pero este que os muestro ahora me ha gustado bastante porque sirve para varios lenguajes (PHP, HTML, Java y Javascript y porque además usa los colores que se muestran en Eclipse (a los cuales estoy bastante acostumbrado).
rtsh.png
Real Time Syntax Highlighting JavaScript
Vía / dzone

Colors on the Web: ayuda para diseñadores

colorsontheweb.pngVisitando una entrada de Vecindad Gráfica, he encontrado una página que nos puede ser muy útil a los que diseñamos sin llegar a ser grandes diseñadores. Se trata de Colors on the Web, una página centrada en los colores y el diseño web. En ella encontraremos información sobre los colores (colores primarios, saturación, …), el significado de los colores (por ahora solo el rojo), el uso de colores en la web, combinación de colores (rueda de colores, colores análogos, …) y tres utilidades bastante interesantes: un selector de colores similar a las que ya existen, una rueda de color que selecciona aleatoriamente colores y nos muestra sus resultados en un diseño y una colección de esquemas organizada por categorías.
Colors on the Web
Vía / Vecindad Gráfica

Limita el tamaño de ficheros a subir mediante Apache

El otro día una amiga me escribía bastante agobiada preguntando cómo se podía saber mediante Javascript el tamaño de un fichero que se quería subir, porque si superaba cierto tamaño, no se debía permitir que se subiera (antes de que se intente mandar). Mi respuesta fue un “no se puede hacer desde el cliente” (espero no haberme equivocado).

El problema que tenía es que le obligaban a que fuera en el navegador, supongo que o el cliente (cabezón) o el analista/jefe (más cabezón aún). La solución, que creo que no aceptaban era controlarlo mediante Apache: se añade en el fichero .htaccess la siguiente directiva y ya no hay problemas:

LimitRequestBody tamaño

Siendo tamaño el número de bytes que ponemos como límite para subir ficheros.

A parte de este ejemplo, mi pobre amiga siempre anda enmarronada con peticiones increibles. Por ello, dos consejos:

  • No dejéis que el cliente imponga lo que le venga en gana, hay cosas que no se pueden/deben hacer y por mucho que se empeñe, seguirán sin poderse/deberse hacer. Entre ellas, siempre se comprueban las cosas en el servidor, nunca únicamente en el cliente, sobre todo por temas de seguridad.
  • El elemento input file es tal cual es, no se le puede cambiar el texto del botón, ni aplicarle filtro, ni que te vaya a la carpeta que quieran, ni cambiar el diseño de la ventana, ni modificar mediante Javascript el fichero que se quiere seleccionar. Aunque parezca mentira siempre acaban pidiéndonos alguna de estas cosas.

Pido disculpas si esta entrada no es la típica, pero es que las tonterías del cliente acaban sacándote de quicio.

Novedades en ‘Google Office’

google.pngExisten novedades dentro de las aplicaciones de escritorio que ofrece Google, algo que no deja de sorprendernos al tenernos acostumbrados a nuevas funcionalidades:

  • Google Calendar ya está disponible en varios idiomas, entre ellos el español.
  • Google Calendar envía SMS a móviles de España, recordándote eventos, o incluso anunciandote nuevas invitaciones o invitaciones canceladas. Aunque Google no cobra nada por este servicio, tu operador puede llegar a cobrarte por los SMS recibidos.
  • El registro en Writely se va a integrar con las cuentas de usuario de Google.
  • Google Spreadsheet ofrece nuevas funcionalidades como exportar a PDF u Open Office.

Vía / google.dirson.com

links for 2006-09-22

  • No te vamos a contar nada que no sepas de Firefox pero si que ya salieron las “release candidate” para la versión final (v2). Se publicaron ayer en el servidor de Mozilla y las tenéis de todos los sabores y colores. Estas versiones disponibles para
    (tags: firefox)
  • Como complemento al material de una charla ofrecida hace unos meses en el Parque Tecnológico de Álava, hemos creado el capítulo “cómo conseguir enlaces” como ayuda para que intentéis obtener más links hacia vuestros sitios web dentro del posicionami
  • XForms is the next generation of Web-based data processing. It replaces traditional HTML forms with an XML data model and presentation elements. In this three-part series, you’ll be introduced to XForms and its capabilities, including the basic XForms mod
    (tags: xforms)
  • Me gustaría abrir esta discusión para conocer sus opiniones sobre los sistemas prefabricados que más les han ayudado en el desarrollo de proyectos para Internet. Ya sean gratuitos, de pago, los usen actualmente o hayan sido parte importante de algún p

Crea ‘destacados’ sin duplicar texto

Entendemos destacados como esa parte de un artículo de especial interés que se repite en otra parte del artículo y que se resalta. Quizás otra alguien de periodismo lo podría definir de otra forma o llamarlo de distinta manera, pero creo que con la imagen siguiente nos entenderemos todos.
destacados.png
En 456 Barea Street nos ofrecen un javascript para realizarlo directamente sin necesidad de duplicar el texto.

La forma de realizarlo es sencillo, marcas el texto que quieres resaltar entre un elemento span, que tenga un estilo específico. Después tan solo tenemos que obtener esta etiqueta, hacer una copia de su contenido, crearnos una capa que tenga el estilo float con valor left, incluir la capa nueva antes del padre del texto original, y ya está, tenemos el texto destacado resaltado sobre el texto normal.

Automatic pullquotes with JavaScript and CSS

Vía / Site Point