WP Blog

My first technical exposure to WordPress CMS. Topic project - This assignment called for building a whole website exploring a provided subject, I was assigned cinemagraphs which I very much like.

CSS3 Animations

One of my first exercises.
The idea was to use the provided CSS3 base to make 6 CSS3 animations:
Your build: CSS3 Transition Animation
Your build: CSS3 Keyframe Animation
Apply 4 CSS3 plugins - Add images / text as needed to customize it.

Video in Web

The task explored possibilities, limitations and uses of video in web. I was inspired by venetian carnival which is one of my coveted events.

Infographic

The assignment asked to design a self-infographic. Based on my recent job-search I wanted to include many different curiosities and skills about myself. It is often difficult for a technical interviewer to find a good subject to talk about, so I wanted to create a lot of opportunity in a designed and concise way. Also...I’ve been really into a gray/lime green combination.

Full design

Planning

Simulation of working with a client on their online presence. This is by far my favourite piece of work. It ended up looking exactly as I intended. I even took it slightly further than required and made sure that forms are functional with PhP.

Cinemagraphs

The topic page assignment asked for exploring one, given subject and developing a full website about it. I was assigned cinemagraphs.

Tesla model X

Tesla model S

For this assignment I was to create two landing pages from separate ads. The objectives were to:
1. Define the Brand.
2. Define the Value of the product / activity / event to the User
3. Include a measurable Conversion Item: Tell the User what you want them to do in an engaging way

Elements

Text

This is bold and this is strong. This is italic and this is emphasized. This is superscript text and this is subscript text. This is underlined and this is code: for (;;) { ... }. Finally, this is a link.


Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Blockquote

Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.

Preformatted

i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';

Lists

Unordered

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Alternate

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Ordered

  1. Dolor pulvinar etiam.
  2. Etiam vel felis viverra.
  3. Felis enim feugiat.
  4. Dolor pulvinar etiam.
  5. Etiam vel felis lorem.
  6. Felis enim et feugiat.

Icons

Actions

Table

Default

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Alternate

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Buttons

  • Disabled
  • Disabled

Form