So what’s the point with this third bullet: our third section here? Boxes of content are in no way fixed. And we can add margin, which is space outside the box - the space between boxes. For spacing, on any box, we can add space inside the box (we can add padding). For dimensions, that’s adding properties for width, and that’s adding properties for height. But we can always set our own dimensions and add our own spacing. They’re sized (all these boxes are sized) based on the content inside. All this content? All these boxes? You can control them. Part two: things on the web (those boxes) respond just like a text document.Īnd the third thing? Is this. This is why the web - all of it - is built on the box model. But down on a phone? Not so great.īut unlike this, content on the web can reflow and the box model lets us clearly define how these things respond (how they wrap how they reflow) based on the space available. If you think of something in a fixed, kind of static size, like a slideshow, it might look great on a laptop. WHY is the web this way? There’s a reason. The second thing is that, by default, those boxes? Behave like a text document (things start at the top-left, and they can even wrap when they hit the edge). The first one we just covered: everything can be expressed in boxes. That is it.Īnd there are three fundamentals (three important things) we need to know about the box model. And all those rectangles? Those boxes? They’re just stacking on top of each other, or sitting next to each other based on properties we set. Every single thing you see, all the content, the structure - it’s secretly made up of boxes. The web - all of it - is built on the box model. Then let’s get started with Webflow 101. Technically, it could be any good-looking. So, in reality, if this course is the fundamentals of web development, should we really call it "Webflow 101"? Put simply, if your goal is to learn how the web is built - and then you want to use that knowledge to build and even change the web yourself? This is where to begin. Grimur: Does it really account for time travel? But the app accounts for quantum flux, distortions in gravity, time travel. At the end, we’ll have a full landing page for a new SaaS company called "Calendar". In fact, we’re going to spend the first part of this course outside of Webflow - where we’ll look into and actually mess with many of these brands.Īnd when we do get to Webflow, we’ll go through every step of the process - building each part of our site. What do four of these sites have in common? They’re extraordinary examples of modern design and development.Īnd while we’ll be using Webflow as our visual development environment, the vast majority of what we’re covering is the same fundamentals (same CSS properties) used by developers at all these companies.īecause of that, what we’re covering in this course is transferable. What that means is we’ll cover 90% of what you need to know to get started developing your own sites.Īpple. This course is an intro to the fundamentals of web design and development. What if there was a single course that covered everything web design and development? A course that literally taught the entirety of software engineering? Something that goes in depth in Ruby and Django, nodeJS, and Microsoft FrontPage.
0 Comments
Leave a Reply. |