Logo diseñado con la primera letra del nombre de Susana deOliveira: S/O

Susana de Oliveira

FÍSICO AMBIENTAL

Barca anclada en el rio Lima (Norte de Portugal), al atardecer de un día de noviembre de 2015.
El mayor descubrimiento de mi generación es que un ser humano puede cambiar su vida cambiando su actitud mental.

William James

Trabajo Realizado

Collage con fotos de diferentes platos confeccionados con vegetales.

COLORSCODEX

COLORSCODEX es un libro diseñado en formato de blog (desde octubre 2016 a agosto de 2017), constituido por 49 páginas (divididas en dos idiomas; Español e Inglés), con más de cien recetas e ilustrado con fotografías (cámara: iPad iOS 9.3.5).

Las recetas son de alimentos vegetales confeccionados con el estilo de la cocina Mediterránea. Por ello, las recetas tienen un sello: Sabor Mediterráneo.

Captura de pantalla de la página Pixel Art Maker

Pixel Art Maker

A diferencia del blog, donde utilizé diferentes plantillas, suministradas por el servidor Blogger de Google, a las que les modifiqué el color y la fuente del texto para crear un estilo muy personal, ahora escribo el código para crear la estructura, dar color y diseño a mi primera página.

Pixel Art Maker es Proyecto Final de la primera fase del Curso Front End Nanodegree de Udacity (Enero 2018).

Captura de pantalla de la pagina que contiene una Carta. Título: Cuando estás preparado, la oportunidad aparece

Carta

El primer proyecto del curso FEND, a través de Udacity, consistió en realizar una réplica de un artículo (mockup-to-article) utilizando solo código HTML5.

A partir de este proyecto, diseñé el soporte digital para la Carta. Añadí nueva estructura en lenguaje HTML5, modifiqué otras y para dar un toque de color, creé el estilo personalizado con CSS3.

La única forma de volverse más inteligente es jugar contra un oponente más inteligente.

Fundamentos del Ajedrez, 1885

Efectos CSS3 y jQuery

Me fascina el movimiento al hacer clic sobre una imagen o un botón (cómo en las imágenes anteriores, este efecto solo es visible en pantallas grandes); ahora, hacemos clic en la foto y gira. Con el botón, reset, vuelve la imagen.

Rotación

"Existe un lenguaje que va más allá de las palabras. Si aprendo a descifrar este lenguaje sin palabras, conseguiré descifrar el mundo.
Todo es una sola cosa."

Paulo Coelho

reset

Descripción de la imagen:

  • Título: Alambique
  • Lugar: Feria Romana en Braga (Portugal)
  • Cámara: iPhone 6s iOS 11
  • Dimensiones: 400 x 400 (px)
  • Fecha: 27 de Mayo de 2017

El alambique se utiliza para la destilación de líquidos mediante un proceso de evaporación por calentamiento y de otro posterior condensación por enfriamiento. Fue inventado por el sabio persa Al-Razi, alrededor del siglo X de nuestra era, para producir perfumes, medicinas y alcohol procedente de las frutas fermentadas.(via: Wikipedia)

Con esta fotografía inicié el 6 de junio de 2017 un blog, que me permite expresar ideas. Y el primer texto se titula Alambique.

Movimiento infinito

stop

Colores de la página:

  • DarkSlateGray [#2f4f4f]: títulos de las secciones, tarjeta y líneas verticales.
  • Ivory [#fffff0]: fondo de la página y del texto en la barra de navegación y del pie de la página.
  • DimGray [#696969]: color del texto, fondo de la barra de navegación y del pie de la página.
  • Coral [#ff7f50]: para avisar de la presencia de un enlace.

Los proyectos están diseñados con una lógica increíble, te introducen en el lenguaje CSS3 y en jQuery de una forma sencilla. Son la puerta de entrada para ahondar en un mayor conocimiento.

Nota: una vez parado el movimiento con el botón, haz clic en el círculo para volver al movimiento infinito.

Hasta el último momento, TODO es posible.

HH 14º Dalai Lama Tenzin Gyatso

Comentarios

El contenido de cualquier artículo, sea el que sea, debe de ser bueno y atractivo para su lectura, por ejemplo, el tipo de letra que escojemo es fundamental y de gran importancia, pues facilita la lectura. Con el lenguaje CSS3 hacemos que el contenido sea más impactante, pero sólo de una forma visual.

El diseño de esta página se basa en otro proyecto del program FEND de Udacity. En él se nos pedía que creásemos una réplica de una página web (mockup-a-web-site). Y a continuación, que diseñásemos nuestro portafolio.

Bibliografía

¡CSS Válido!