How to make websites responsive?
2. Responsive Navigation
All the possible ways to create responsive navigation that makes sense for the project
3. Responsive Dashboards
How to plan and execute a complex responsive dashboard that makes sense for the user.
4. Responsive Data Tables
Plan responsive data tables from complex to super simple in a way that fits the product context.
5. Forms, Map Views, Cells
How to handle forms, large scale map views and displaying visually engaging cells.
6. Complexity in Landing Pages
Make a complex landing page responsive by identifying what should be responsive in the first place.
7. Mobile Experience context
A mobile experience doesn't mean everything has to transfer from desktop the same way. Learn how to approach it.
8. Landing Page Header options
Custom cutoff, multi-decoration and simple photo background headers on mobile devices.
9. Bonus: Tablet and TV
How to design websites for tablets, tv's and why FOCUS is very important for the latter.
Get Designing User Interfaces 30% cheaper using the code: webdesigner30 ☝️
What will you learn after the course?
Understand breakpoints and plan the layout not just to fit within it, but to make sense and create a full, ready to use and beautiful looking experience.
Red Square Method
The best alignment technique now comes to the web with some tweaks to work with both larger and smaller canvas and around the visual decoration.
Small screen experience
Learn when to modify the design, remove sections or merge them in creative ways. Work with data tables based on what they’re used for, so they’re fully usable.
Layout, grid and more
Learn how to structure the layout, font sizes and grids from larger to smaller canvas. How to use whitespace to your advantage, so the project never looks boring or empty.
I show you my workflow, including some unique design patterns that come from 20 years of commercial experience. Responsive design is all about having the right plan!
What is SquarePlanet?
What is SquarePlanet?
It`s an educational platform with both paid and free content for designers and developers. We will be adding new featured, articles and materials in the coming weeks.