Web Layout with CSS Grid, Flexbox and other Modern Techniques
CSS shapes
A course by Javier Usobiaga Ferrer , Web designer
About the video: CSS shapes
Overview
“All elements of a website are rectangular in shape. Everyone. Until they stop being it. In this lesson we talk about clip-path and the moment in which the shapes of the web stop being rectangular and start to be triangles, hexagons, stars ... ”
In this video lesson Javier Usobiaga Ferrer addresses the topic: CSS shapes, which is part of the Domestika online course: Web Layout with CSS Grid, Flexbox and other Modern Techniques. Discover new grids and other ways of designing a website with CSS Shapes, variables, and parallax effects.
Partial transcription of the video
“The web is made up of rectangles. and all are small rectangular boxes within other boxes. until they stop being so. And that's the charm of CSS Shapes. Suddenly. the boxes morph into hexagons. triangles. or stars. Let's explore how this transformation works in We will continue with the previous exercise. focusing on images. Specifically. these two images here. Our task is to apply shapes: a circular shape to the first image. This involves using a border-radius to achieve the effect. applied to both the container and the image itself. and a hexagon shape to this second one. In our initial ex...”
This transcript is automatically generated, so it may contain mistakes.
Course summary for: Web Layout with CSS Grid, Flexbox and other Modern Techniques
-
Category
Design, Web & App Design -
Areas
CSS, Digital Product Design, HTML, 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."
- 99% positive reviews (298)
- 9,118 students
- 25 lessons (2h 16m)
- 16 additional resources (14 files)
- Online and at your own pace
- Available on the app
- Audio: Spanish, English, French, Italian, Portuguese, Turkish
- Spanish · English · Portuguese · German · French · Italian · Polish · Dutch · Turkish · Romanian · Indonesian
- Level: Advanced
- Unlimited access forever
Category
Areas
