Design on the web starts with CSS, but the language has changed over the years. In this video, examine the role of CSS and how CSS is used through alternative syntax like SASS to animate and build the modern web.
- Design plays an important part and is a key component of every successful website. Here you'll notice a specialization within the different types of developers. There are folks who are more interested in the look and feel of a site and enjoy working on the user experience or UX, and there are those who prefer to work on the functionality of a site. That's called user interface or UI. Design for a website will require learning how to work with the layout language of the web, which is called CSS. CSS stands for Cascading Style Sheets. Like HTML, it's made up of two parts. First, CSS is about designing a set of rules or style sheets for how the DOM is translated into visual form. The second part is the cascading style rules. Those are a set of rules that describe the priority of how the styles are rendered on a page. CSS defines a set of rules that identify the part of the page that you want to modify, and then describes the styles that make the page look and behave in that manner. A good example of this is the CSS Zen Garden. This website demonstrates how the same content can be designed to look completely different. The site showcases different styles for the same HTML page. When I chose another set of rules for this page, the layout of the pages change, sometimes dramatically. Now just to emphasize, this is exactly the same HTML code, just presented in dramatically different ways. CSS will also let you add some motion and even a level of interactivity to your designs. So, learning CSS means also learning to work with the elements of motion and the language of interaction as it relates to graphic design. As CSS has matured, things like variables, calculations, and more complex features have made it into the language. So, CSS now has some features that are similar to what's available in programming languages. One of the big differences in designing for the web is that content has to be responsive, in other words, adjust to the proportions of different viewports, like desktops, laptops, and mobile devices. Also, the CSS language is always changing. There have been three major revisions, and a third revision has been split into independent modules that will expand in the future, so the language will always be evolving.
- Types of web developers
- Server technologies
- Getting web development training
- Choosing the right tools
- Getting a job
- Negotiating your salary