Techniques for Web Development with HTML5 and CSS3

A course by Marta Armada
Web Designer. Barcelona, Spain.
On Domestika since 08/11/2015
, Web Designer

Optimise your websites with new techniques for programming and layout

  • Spanish with subtitles in English
  • 97% Positive reviews (181)
  • 5132 students

Optimise your websites with new techniques for programming and layout


  • Spanish with subtitles in English
  • 97% Positive reviews (181)
  • 5132 students
  • Online and at your own pace
  • Audio: Spanish
  • Level: Intermediate
  • 29 Lessons (2h 14m)
  • Available from the app
  • Spanish, English, Portuguese
  • Unlimited access forever

Marta Armada -designed web designer specialized in UX, design responsive and front-end and founder of the Swwweet studio with Javier Usobiaga- will teach you how to improve your web development skills by analyzing different HTML5 and CSS3 techniques.

You will learn about semantics, gradients, shadows, forms, animations and flexbox, among many other things, that will allow you to improve and optimize your web pages.

It is a complementary course to Introduction to Responsive Web Development with HTML and CSS by Javier Usobiaga.

About this course

Course table of contents

  • U1
    U1. Introduction
  • U2
    U2. Introduction to HTML5 and CSS3
  • U3
    U3. Semantics
  • U4
    U4. Decor
  • U5
    U5. Video, audio and responsive images
  • U6
    U6. Selectors
  • U7
    U7. Forms
  • U8
    U8. Transitions and animations
  • U9
    U9. Layout tools
  • FP
    FP Final project
View details

You will begin by getting to know the work and influences of Marta Armada and her web design studio, Swwweet.

Then you will enter a brief introduction about HTML, CSS, browsers and media that will be the starting point to start exploring the possibilities of new web techniques that are made possible through HTML5 and CSS3.

You will start knowing the semantics and forms in HTML5, and then go deeper into the decorating tools such as rounded edges, gradients and shadows.

Later you will discover the tools of video, audio and images responsive . Also the transitions, transformations and animations, new selectors and layout tools such as flexbox and calc ().

What is this course's project?

The final project consists in creating a web page of free design, as a synthesis of the different subjects that you will see throughout the course.

Projects by course students

Who is it for?

This course is aimed at web designers, programmers, graphic designers and all those people who feel comfortable writing HTML and CSS, but who want to improve their skills. It is not necessary to have a very high level and design knowledge is not essential either.

Also to those who have taken the Javier Usobiaga course Introduction to Responsive Web Development with HTML and CSS and want to delve into the subject matter of Marta Armada.

What you need

For this course you need previous knowledge that allows you to comfortably write HTML and CSS. You will need a computer and your favorite code editor.


Reviews

5132 Students
181 Reviews
97% Positive ratings

Marta Armada

A course by Marta Armada

TeacherPro
Web Designer

Marta Armada is a Web Designer in Barcelona. He is interested in typography, web design responsive , CSS, UX or design in general: anything that helps to make a web better.

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 several talks and workshops both at local events and conferences at an international level, and is a professor of web design at ELISAVA School of Design.


Contents

  • 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
  • FP

    Final project

    • Web Development Techniques with HTML5 and CSS3

This Is What Domestika Courses Are Like

  • Learn at Your Own Pace

    Enjoy learning from home without a set schedule. You set your own timetable.

  • Learn From the Best

    Learn valuable methods and techniques explained by top experts in the creative sector.

  • Expert Instructors

    Each instructor teaches only what she/he does best, conveying true passion and excellence in every lesson.

  • Certificate Pro

    Demonstrate your course attendance with a certificate signed by the teacher. Get it with your Domestika PRO subscription

  • Front Row Seats

    Videos of the highest quality ensure that you don't miss a single detail. With unlimited access, you can watch them over and over.

  • Share Knowledge

    Ask questions, request feedback, offer solutions. Share learning with other students in the community.

  • Creative Community

    More than 1M creatives and growing. Domestika is the place to share and learn what you love.

  • Professionally Developed Courses

    We selected top creatives and a team of experts to develop the courses. The result? You'll feel like you're working side by side with leading professionals.


Frequently Asked Questions

  • Domestika's courses are online classes that provide you with the tools and skills you need for completing a specific final project. Every step of the project combines video lessons with complementary instructional material, so you can learn by doing. Domestika's courses also allow you to share your own projects with the instructor and other users, thus creating a dynamic course community.

  • The course is 100% online, so once they are published, courses start and finish whenever you want. You set the pace of the class. You can go back to review what interests you most and skip what you already know, ask questions, answer questions, share your projects, and more.

  • The courses are divided into different units, each one includes lessons, informational texts, tasks and practice exercises to carry out your project step by step, with additional complementary resources and downloads. You will also have access to an exclusive forum where you can interact with the instructor and other students, and share your work and your course project, thus creating a community around the course itself.

  • You can now redeem the course you received, just access redeeming page to enter your gift code and redeem it.

Techniques for Web Development with HTML5 and CSS3. A Technology course by Marta Armada

Techniques for Web Development with HTML5 and CSS3

A course by Marta Armada
Web Designer. Barcelona, Spain.
On Domestika since 08/11/2015
  • 97% Positive reviews (181)
  • 5132 students