Logo designed with the initials of the name Susana deOliveira: S / O

Susana de Oliveira

Environmental Physicist

Boat anchored in the river Lima (North of Portugal), at sunset of one day in November 2015.
The greatest discovery of any generation is that a man can alter his life by altering his attitude.

William James

Featured Work

Collage with photos of different dishes made with vegetables.


COLORSCODEX is a book designed in blog format (I started it in October 2016); it is made up of 49 pages (divided into two languages, Spanish and English), with more than one hundred recipes (in each language) and illustrated with photographs taken with the camera of an iPad iOS 9.3.5.

COLORSCODEX is a photographic guide of dishes made only with vegetables and the style has an unmistakable seal: Mediterranean Savor.

Screenshot of the page Pixel Art Maker

Pixel Art Maker

Unlike the blog, where I used different templates, provided by the Google Blogger server, and I modified the color and the font of the text to create a very personal style, now I write the code to create the structure, give color and design to my first page.

It is the Final Project of the first phase of the Udacity Front-End Nanodegree Course (January 2018).

The only way to get smarter is by playing a smarter opponent.

Fundamentals of Chess, 1885

CSS3 and jQuery Effects

I am fascinated by the movement when I click on an image or a button (as in the previous images, this effect is only visible on large screens); now, we click on the photo and it rotates. With the button, reset, the image returns.


"There is a language that goes beyond words. If I learn to decipher this language without words, I will be able to decipher the world.
Everything is one thing."

Paulo Coelho


Description of the image:

  • Title: Alembic
  • Place: Roman Fair in Braga (Portugal)
  • Camera: iPhone 6s iOS 11
  • Dimensions: 400 x 400 (px)
  • Date: May 27, 2017

Alembic is used for the distillation of liquids by a process of evaporation by heating and subsequent condensation by cooling. It was invented by the Persian sage Al-Razi around the tenth century of our era, to produce perfumes, medicines and alcohol from fermented fruits.(via: Wikipedia)

With this photograph I started on June 6, 2017 a blog (in Spanish), which allows me to express ideas and promote what I do. The first text is titled Alambique.

Infinite moving


Colors of the page:

  • DarkSlateGray [#2f4f4f]: Header of the sections, card and vertical lines.
  • Ivory [#fffff0]: background of the page and text in the navigation bar and footer.
  • DimGray [#696969]: text color; navigation bar and footer background.
  • Coral [#ff7f50]: to notify of the presence of a link.

The projects are designed with incredible logic, they introduce you in the CSS3 language and in jQuery in a simple way. They are the gateway to deepen knowledge.

Note: to restore the movement, once stopped with the button, click on the circle.

Until the last moment, everything is possible.

HH 14º Dalai Lama Tenzin Gyatso


The design of this page is based on another project of the FEND program of Udacity. In it we were asked to create a replica of a website (mockup-a-web-site). And then, let's design our portfolio.


¡CSS Válido!