Discover the new grids and other ways of designing a website with CSS Shapes, variables and parallax effects
The web lives in a constant change and with the arrival of CSS Grid and Flexbox, the rules of the game changed again. Javier Usobiaga -web designer, FrontEnd developer and co-founder of the Swwweet studio- has 13 years of experience creating various projects for clients such as Barcelona City Council, and with his extensive experience, invites you to discover the most modern techniques and tools that are revolutionizing the sector.
Yes in the course of Introduction to Responsive Web Development with HTML and CSS , since you started in the world of responsive web, in this you will learn various advanced techniques with tools such as CSS Grid, Flexbox, CSS Shapes, viewport units, CSS variables, 3D transformations or parallax type effects .
What's included in this course?
The first thing you will do is meet Javier Usobiaga, his professional career and his most outstanding projects.
You will start by learning to shape the layout with the units related to the viewport units, the property of object-fit and how to distribute text in columns with CSS columns. You will see how the shapes of the web can stop being rectangular with clip-path and CSS Shapes and also, you will learn to optimize your code with the native variables custom properties.
You will discover the revolution that Flexbox has meant in the world of web layout . Javier will teach you all the possibilities of element alignment. To do this, it will explain the properties of the container and the content, and the alignments capabilities with a main axis, a crossed one and alternative axes.
You will continue discovering the new rules of the game with CSS Grid completely changing the way you structure your code and pose the layout . You will learn some grid functions, the distribution and size properties and how you can create a grid that adapts to different screen sizes with the repeat and minmax .
Javier will explain more advanced techniques with CSS Grid on the grid areas, the alignment and order, nesting and by means of an example, you will see how you can use Grid and Flexbox in a combined way in a project.
You will briefly know the 3D transformations with a practical example of depth and effects in scroll to finally see projects, examples and resources selected by Javier to serve as inspiration.
What is this course project?
You will perform a free exercise with one or more of the techniques learned. Javier will make an informative page about the conquest of the South Pole, you can choose the theme and the project you want.
Who is it aimed at?
To anyone with an interest in the design and modern techniques of layout with CSS Grid, Flexbox and other modern techniques.
To carry out this course it is necessary to have a solid knowledge of HTML and CSS, a computer and a code editor.
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.
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.
Learn from the best
Learn valuable methods and techniques explained by top experts in the creative sector.
Ask questions, request feedback, offer solutions. Share learning with other students in the community.
Each instructor teaches only what she/he does best, conveying true passion and excellence in every lesson.
More than 1M creatives and growing. Domestika is the place to share and learn what you love.
Demonstrate your course attendance with a certificate signed by the teacher. Get it with your Domestika PRO subscription
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.
Javier Usobiaga is web designer and FrontEnd developer, for more than 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 is charged or how well it responds, and I think that in our industry we often forget about it."