El Àgora se cerró. Aquí un archivo de lo que fue Tuesday January 23, 2018.

Propuestas de código interesantes para OCAx

enrikuspf

Buenas compis

A raiz de la creación de un grupo promotor del Observatorio Ciudadano de la Diputación de Barcelona. Una experta en diseño ha estado jugando y metiendo código en el software ocax.

La verdad es que yo esperaba que simplemente editara contenido en la misma web como usuaria/editora en html, Pero ha presentado mejoras interesantes, sobretodo en móvil y tablet.

Qué os parece? http://ocmdiba.cat/

Veréis que algo pasa con el javascript (me imagino) a mejorar, tienes que clickar varias veces a las pestañas para entrar en ellas.

davila2709

Hola a todos!

Lo primero agradecer a Enric su comentario y la confianza que ha puesto en mi para este proyecto del Observatorio Ciudadano de la Diputación de Barcelona.

A continuación os paso las indicaciones sobre el trabajo realizado en esta web para mejorar su maquetación:

En primer lugar, hay que añadir un par de líneas de código al de nuestro sitio. Estas líneas son:


Con la primera etiqueta podremos adaptar nuestra web a tablets y móviles, ya que esta etiqueta permite a los navegadores interpretar el código para mostrar correctamente cada página en móviles.

Y la segunda, lo que hace es una llamada a un archivo custom.css con todos los estilos CSS necesarios para la nueva maquetación, así como los establecidos para los diferentes tamaños de pantallas (adaptación responsive). Este archivo custom.css lo podremos modificar a gusto para cada proyecto web, sólo es necesario saber algo de programación CSS y HTML. Y deberá ir guardado dentro de la carpeta "css" de nuestra "template" o plantilla.

davila2709

Perdón... se borraron las líneas de código al enviar el mensaje. Las vuelvo a poner...

Línea 1: <meta name="viewport" content="width=device-width, initial-scale=1.0" />
Línea 2: <link rel="stylesheet" type="text/css" href="/css/custom.css" />

enrikuspf

Muchas gracias Pilar @davila2709
A ver si más gente se anima a introducir estas mejoras y otras.
Realmente la versión de móvil y tablet de ocmdiba.cat ha mejorado muchísimo lo que teníamos hasta ahora.