Techniques for Web Development with HTML5 and CSS3

Course summary

• U1: Introduction

  • Introduction

  • Influences

• U2: Introduction to HTML5 and CSS3

  • Introduction to HTML5

  • Introduction to CSS3

  • Browsers and support

• U3: Semantics

  • HTML5 tags and semantics

  • Block labels

  • Line labels

• U4: Decor

  • Color and opacity

  • Rounded edges

  • Shades

  • Gradients and funds

• U5: Video, audio and responsive images

  • Video and audio

  • Video attributes

  • Responsive images

• U6: Selectors

  • Child and type selectors

  • Attribute selectors

  • Other useful selectors

  • Pseudo elements :: before and :: after

• U7: Forms

  • New types of inputs

  • Attributes in the forms

  • Give styles to forms

• U8: Transitions and animations

  • Transformations

  • Transitions

  • Animations

• U9: Layout tools

  • Box-sizing and media queries

  • Calc () and viewport units

  • Introduction to flexbox

  • Solutions with flexbox

• Final project

  • Web Development Techniques with HTML5 and CSS3

Recent projects

• 

  • Course project

  • 1
  • 0
  • 71

  Evolve

  ferredit26vbfdndfgdmm

• 

  • Course project

  • 1
  • 0
  • 117

  Mid Century Modern - Landing Page

  umagranado

• 

  • Course project

  • 0
  • 0
  • 137

  Técnicas de desarrollo web con HTML5 y CSS3

  marco20digital

• 

  • Course project

  • 0
  • 0
  • 111

  My Web

  vickyo_2001

Marta Armada

A course by Marta Armada

Teacher Plus

Web Designer

Follow

Joined August 2015

Marta Armada is a Web Designer based in Barcelona. She is interested in typography, responsive web design, CSS, UX, and design in general—anything that helps make a better website. In 2009, she founded the web design studio Swwweet with her husband, Javier Usobiaga, where they work creating web pages for startups.

Marta has given numerous talks and workshops, both at local events and at international conferences, and is a web design professor at ELISAVA Escuela Superior de Diseño.