Thoriq Firdaus - HTML5 and CSS3: Building Responsive Websites

, Responsive Web Design Beginners Guide , is a step-by-step beginners guide, where you will learn to build engaging responsive websites. With coverage of Responsive Grid System, Bootstrap, and Foundation, you will discover three of the most robust frameworks in responsive web design. Next, youll learn to create a cool blog page, a beautiful portfolio site, and a crisp professional business site and make them all totally responsive. Youll also find out which framework works best for your project specifications. The module teaches you how to build presentable, responsive websites through examples, tips, and best practices of code writing and project organization. Additionally, you will also learn how to use CSS preprocessors, LESS, and Sass, which allows you to compose leaner style rules.

, Responsive Web Design with HTML5 and CSS3 , is packed with examples, and a thorough explanation of modern techniques and syntax, it provides a comprehensive resource for all things "responsive." Youll explore the most up-to-date techniques and tools needed to build great responsive designs, ensuring that your projects wont just be built "right" for today, but in the future too. The module covers every essential aspect of responsive web design. In addition, it extends the responsive design methodology by applying the latest and most useful techniques provided by HTML5 and CSS3, making designs leaner and more maintainable than ever before. It also explains common best practice methods of writing and delivering code, images, and files.

, HTML5 and CSS3 Responsive Web Design Cookbook , is your guide to obtaining full access to next generation devices and browser technology. Create responsive applications that make snappy connections for mobile browsers and give your website the latest design and development advantages to reach mobile devices. The topics in this module include responsive elements and media, responsive typography, responsive layouts, using media queries, utilizing modern responsive frameworks, developing mobile-first web applications, optimizing responsive content, and achieving unobtrusive interaction using JavaScript and jQuery. Each recipe features actual lines of code that you can apply.

At the end of this course you will learn to get and use all the tools you need to build and test your responsive web project performance and take your website to the next level.

Module 1:

You need to have a basic understanding of HTML and CSS; at least, you should know what an HTML element is and how to style an HTML element with CSS in its fundamental form. Some degree of familiarity and experience with HTML5, CSS3, and command lines, though not essential, will be a great help to get the most out of this module. We will explain each step and all the techniques in full, along with some handy tips and references.

Furthermore, you will also need a computer running Windows, OS X, or Ubuntu; an Internet browser (preferably Google Chrome or Mozilla Firefox); and a code editor (in this module, we will use Sublime Text).

Module 2:

Module 3:

You will need an IDE (Integrated Development Environment); NetBeans or Eclipse is recommended (there are instructions on how to get one inside), image editing software such as Photoshop or GIMP, a web host, and a local web server such as Apache or a local hosting application such as XAMPP or MAMPP.