HTML5 and CSS3 are more than just buzzwords–they’re the foundation for today’s web applications. This book gets you up to speed on the HTML5 elements and CSS3 features you can use right now in your current projects, with backwards compatible solutions that ensure that you don’t leave users of older browsers behind. This new edition covers even more new features, including CSS animations, IndexedDB, and client-side validations.

HTML5 and CSS3 power today’s web applications, with semantic markup, better forms, native multimedia, animations, and powerful APIs. You’ll get hands-on with all the new features with practical example projects, and find what you need quickly with this book’s modular structure. “Falling Back” sections show you how to create solutions for older browsers, and “The Future” sections at the end of each chapter get you excited about the possibilities when features mature.

This revised second edition walks you through new features such as IndexedDB, CSS Animations, SVG, and more, along with updated fallback solutions. You’ll use HTML5’s new markup to create better structure for your content and better interfaces for your forms. You’ll work with new form controls and validations, and build interfaces that are accessible to assistive technology and mobile devices. You’ll draw with the Canvas and SVG, do simple animations with pure CSS, work with advanced CSS selectors, and make audio and video play natively.

You’ll bring your web apps to the next level as you use Web Storage and IndexedDB to save data on the client and make applications available offline. And you’ll discover how to use web sockets, geolocation, cross-document messaging, and the History API to create even more interactive applications.

Today, you have the flexibility that used to be only available through large JavaScript libraries or proprietary plugins. Get ready for today’s web.

What You Need:

You’ll need the latest versions of Google Chrome, Firefox, Opera, and Internet Explorer, along with a text editor with good support for HTML5 and CSS3 syntax. Instructions for testing on older versions of Internet Explorer are included in the book.

About the Author

Product details

The post HTML5 and CSS3: Level Up with Today’s Web Technologies appeared first on EASY Digital Pro.

Founded in September 2006, Smashing Magazine delivers useful and innovative information to Web designers and developers. Smashing Magazine is a well-respected international online publication for professional Web designers and developers. Our main goal is to support the Web design community with useful and valuable articles and resources, written and created by experienced designers and developers.

Table of Contents

• Responsive Web Design: What It Is and How to Use It
• HTML5: The Facts and the Myths
• Mastering Photoshop: Unknown Tricks and Time-Savers
• “What Font Should I Use?”: 5 Principles for Choosing Typefaces
• Persuasion Triggers in Web Design
• Designing for iPhone 4 Retina Display: Techniques and Workflow
• What to Do When Your Website Goes Down
• Commonly Confused Bits of jQuery
• Why We Should Start Using CSS3 and HTML5 Today
• Why Design-by-Committee Should Die
• The Current State of Web Design
• A Design Is Only as Deep as It Is Usable
• Web Security: Are You Part of the Problem?
• How to Make Innovative Ideas Happen
• I Want to Be a Web Designer When I Grow Up
• Making Your Mark on the Web Is Easier than You Think

Published in April 2011
Smashing Media GmbH, Freiburg, Germany
Cover Design: Sachar Niemczyk
Editing: Thomas Burkert
Proofreading: John von Bergen
Concept: Sven Lennartz, Vitaly Friedman

The post Modern Web Design & Development appeared first on EASY Digital Pro.

• An applied guide exploring web application development with Bootstrap 4
• Learn responsive web design and discover how to build mobile-ready websites with ease
• Become an expert in Bootstrap framework, and speed up frontend development and prototyping through real-life examples

Who This Book Is For

If you’re a web developer with little or no knowledge of Bootstrap, then this course is for you. The course offers support for version 4 of Bootstrap; however, it will offer support for version 3 as well. So, you will be ready for whatever comes your way. Prior knowledge of HTML, CSS, and JavaScript is expected.

What You Will Learn

• Discover how to use Bootstrap’s components and elements, and customize them for your own projects
• Understand the framework’s usage in the best way with the recommended development patterns
• Use Sass to customize your existing themes
• Apply the Bootstrap mobile-first grid system and add responsiveness and aesthetic touches to image elements
• Customize the behavior and features of Bootstrap’s jQuery Plugins extensively
• Style various types of content and learn how to build a page’s layout from scratch by applying the power of Bootstrap 4
• Work with content, such as tables and figures

In Detail

Bootstrap framework’s ease-of-use (along with its cross-browser compatibility, support for mobile user interfaces, and responsive web design capabilities) makes it an essential building block for any modern web application.

With the first module, plunge into the Bootstrap frontend framework with the help of examples that will illustrate the use of each element and component in a proper way. You will get a better understanding of what is happening and where you want to reach. Also, you will gain confidence with the framework and develop some very common examples using Bootstrap. All these examples are explained step by step and in depth.

The second module is a comprehensive tutorial; we’ll teach you everything that you need to know to start building websites with Bootstrap 4 in a practical way. You’ll learn about build tools such as Node, Grunt, and many others. You’ll also discover the principles of mobile-first design in order to ensure that your pages can fit any screen size and meet responsive requirements. Learn Bootstrap’s grid system and base CSS to ensure that your designs are robust and that your development process is speedy and efficient.

Right from the first chapter of the third module, you’ll delve into building a customized Bootstrap website from scratch. Get to grips with Bootstrap’s key features and quickly discover the various ways in which Bootstrap can help you develop web interfaces. Once you reach the final pages of this book, you should have mastered the framework’s ins and outs, and should be building highly customizable and optimized web interfaces.

The course will enable you to rapidly build elegant, powerful, and responsive interfaces for professional-level web pages using Bootstrap 4.

This Learning Path combines some of the best that Packt has to offer in one complete, curated package. It includes content from the following Packt products:

• Bootstrap by Example – by Silvio Moreto
• Learning Bootstrap 4, Second Edition – by Matt Lambert
• Mastering Bootstrap 4 – by Benjamin Jakobus and Jason Marah

Style and approach

This course will help you unearth the potential of Bootstrap and will provide a step-by-step guide on how to create beautiful websites and model web applications.

The post Bootstrap 4 – Responsive Web Design appeared first on EASY Digital Pro.