Design, Development, and Launch of a Website
Interface components
A course by Javier Usobiaga Ferrer , Web designer
About the video: Interface components
Overview
“During this lesson we will work the HTML and CSS of different elements of the interface that we have been proposing.”
In this video lesson Javier Usobiaga Ferrer addresses the topic: Interface components, which is part of the Domestika online course: Design, Development, and Launch of a Website. Learn the complete process behind creating and publishing a website using HTML, CSS, and JavaScript.
Partial transcription of the video
“FRONT-END DEVELOPMENT Interface Components Now we’re going to work on the code for the interface elements we planned in our design. Let's take a look. We’ll keep making adjustments to our mock-up. I’ve already applied some responsive adjustments so it’ll adapt to all the different screen sizes. I’m going to work on the header which should be overlapping the image. So I'll go to the header CSS and put a position: fixed, top: 0, left: 0, right: 0. It’s almost done, but we have a small spacing because of the container class which is assigning a padding -top and bottom to the content class, it’...”
This transcript is automatically generated, so it may contain mistakes.
Course summary for: Design, Development, and Launch of a Website
-
Category
Web & App Design -
Software
Adobe XD, Figma, Sketch -
Areas
CSS, Digital Product Design, HTML, JavaScript, Programming, Web Design, Web Development

Javier Usobiaga Ferrer
A course by Javier Usobiaga Ferrer
Javier Usobiaga is a Web Designer for 10 years and co-founder with Marta Armada Swwweet studio, specialized in designing responsive webs from the initial conception to the front-end development.
He also enjoys a lot in his facet as professor of Web Design in renowned workshops and schools like Elisava, IDEP.
Usobiaga understands the web as a whole, not only how beautiful it can be on the computer screen, but its usability in different devices and circumstances.
In his words "I think that as important as the aesthetic is how fast it charges or how well it responds, and I think that in our industry we often forget about that."
- 98% positive reviews (485)
- 24,587 students
- 27 lessons (2h 58m)
- 33 additional resources (6 files)
- Online and at your own pace
- Available on the app
- Audio: Spanish, English, French, Italian, Portuguese
- Spanish · English · Portuguese · German · French · Italian · Polish · Dutch
- Level: Beginner
- Unlimited access forever