Modern Web Practices
Modern Web Practices
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…
The Leanpub 60-day 100% Happiness Guarantee
Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
See full terms
80% Royalties. Earn $16 on a $20 book.
We pay 80% royalties. That's not a typo: you earn $16 on a $20 sale. If we sell 5000 non-refunded copies of your book or course for $20, you'll earn $80,000.
(Yes, some authors have already earned much more than that on Leanpub.)
In fact, authors have earnedover $12 millionwriting, publishing and selling on Leanpub.
Learn more about writing on Leanpub
Free Updates. 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) and EPUB (for phones, tablets and Kindle). 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
