Modern Web Practices
This book is 100% complete
Completed on 2014-11-10
About the Book
In its infancy, web development used to be simple. A developer who knew a bit of HTML, CSS, and JavaScript could compete in a fledgling market.
Then libraries like jQuery and prototype gave web developers a taste for dynamic HTML, while AJAX reduced the web server to an API.
The browser, once a thin client, gained weight. HTML5, CSS3, and ECMAScript5 filled the developer’s toolbox with powerful new tools for creating application data, presentation, and behavior.
An explosion of open source projects (and some proprietary extensions) sprung to life around these advancements. Suddenly the World Wide Web became a much more complex place for developers. Web applications now rival the capabilities of many desktop applications, and must function in a wide range of browsers on an even wider range of devices.
The modern web is no longer simple. And those who code for it can't be either.
Table of Contents
- Automate Your Workflow with Grunt -- Aaron Bushnell
- Offline Web Applications -- Nicholas Cloud
- Data Binding -- Ryan Conaway
- Making Things Move with CSS3 Transitions and Animations -- Trevan Hetzel
- HTML and CSS Bad Practices -- Ted Waller
- Bower in Practice: A Package Manager for the Web -- Bob Yexley
Table of Contents
- Credits and Acknowledgements
- Preface
-
Automate Your Workflow with Grunt
- Some things to mention before we begin
- Getting started
- Setting up Grunt and solving our first issue
- Setting up our first task - concatenation and minification
- Automating CSS with Grunt
- Using Grunt to include files in our HTML
- Running Grunt automatically when files change
- Automation now and beyond
- Resources
-
Offline Web Applications
- Introduction
- Caching application resources
- Caching application data
- Putting it all together
- Conclusion
-
Data Binding
- Client Side Data Binding
- How did we get here?
- Do it yourself
- Modern Browser alternatives
- Hasn’t this been done already?
- Wrap up
-
Making Things Move with CSS3 Transitions and Animations
- Transition vs. animation
- Getting to know transitions
- Getting to know animations
- Use cases on the web
- A few notes on performance
- Wrapping up
-
HTML and CSS Bad Practices
- Naming classes after style
- Ignoring Accessibility
- Writing selectors that are too general
- Writing selectors that are too specific
- Using absolute units and fixed widths
- Animating with JavaScript instead of CSS
- Using inline-styles
- Wrapping up
-
Bower in Practice: A Package Manager for the Web
- How to use it
- Creating and maintaining your own Bower package
- That’s Bower for ya…
Authors have earned$8,253,093writing, publishing and selling on Leanpub,
earning 80% royalties while saving up to 25 million pounds of CO2 and up to 46,000 trees.
Learn more about writing on Leanpub
The Leanpub 45-day 100% Happiness Guarantee
Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
See full terms
Free Updates. Free App. DRM Free.
If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).
Most Leanpub books are available in PDF (for computers), EPUB (for phones and tablets), MOBI (for Kindle) and in the free Leanpub App (for Mac, Windows, iOS and Android). The formats that a book includes are shown at the top right corner of this page.
Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.
Learn more about Leanpub's ebook formats and where to read them