Originally presented Dec 1, 2012 at FITC's spotlight on Responsive Design
Responsive design introduces new concepts and workflows to website development. Get an quick overview of tools and strategies to use on your next project. Learn about methods such as “in-browser” design, HTML wireframe prototypes, and using tools like Indesign CS6 for creative comps. Discover strategies for running collaborative project reviews using Adobe Edge Inspect and get a brief introduction to tools to help coders work faster by using CSS pre-compliers like SASS and responsive grid systems.
Working on websites is no longer a task that requires notepad and a browser to complete. The previous web developer revolution was about the semantics, but now we have real technologies that are being specced out and browsers in a race to implement. Your website is no longer a static page with headings and semantic markup.
With overwhelming array of choices, where do you begin?
In this talk I would like to go through what it takes to get a web development process right, including:
Web developer tools you should know, including using them to debug remote devices
Learning efficient CSS with server-side frameworks such as Sass or LESS (mainly Sass)
Progressively enhancing your site for supporting browsers from the most limited to the most powerful
Using a version control systel for managing your site (and why Git is awesome)
Vendor prefixes in your code — when are they appropriate to use?
Polyfills, when to use what (or even if it’s necessary)
Tools to help you along the way for all of these.
Mastering CSS is more than just memorizing selectors — it's also having a solid workflow so you can be efficient and productive at what you do. Whether you're a freelancer working alone or on an enormous in-house team, having a good workflow is incredibly rewarding and beneficial for good design, development, and business. It can also help you spend more time being creative and doing the work you enjoy. Learn some tips for smart, forward-thinking front end web development.