small medium large xlarge

Web Development Recipes 2nd Edition


Cover image for Web Development Recipes 2nd Edition

Web Development Recipes 2nd Edition


Modern web development is so much more than just HTML and CSS with a little JavaScript mixed in. People want faster, more usable interfaces that work on multiple devices, and you need the latest tools and techniques to make that happen. This book gives you over 40 concise solutions to today’s web development problems, and introduces new solutions that will expand your skill set – proven, practical advice from authors who use these tools and techniques every day. In this completely updated edition, you’ll find innovative new techniques and workflows, as well as reworked solutions that take advantage of new developments.

Customer Reviews

If you are a front-end web developer, Web Development Recipes is a must for your
bookshelf. This book is a ready reckoner for developers at all levels.

- Shreerang Patwardhan, CSM

Technical Consultant, GSPANN Technologies, Inc.

The second edition of Web Development Recipes continues its status as a veritable
grab bag of interesting front-end web development tips, tricks, and techniques
that will be of particular use to those new to front-end development, those developers
who’ve missed the HTML5 and CSS3 wave so far, or anyone ready to try
out a few new things to make their projects better. Web Development Recipes’ real
skill is in giving you enough ammunition to try new things and to then inspire
you to explore and take things further on your own.

- Peter Cooper

Editor, "JavaScript Weekly"

Web Development Recipes is a reference book, a training manual, and a technology
guide all in one and should be included in every developer’s library. The authors
are seasoned experts who have separated the wheat from the chaff and brought
you the best examples of modern web development to learn from and use immediately
in your work.

- Steve Heffernan

Author of Video.js

A really thorough explanation of good web development solutions.

- Todd H. Gardner

President and Co-Founder, TrackJS

Whether you’re just getting started with the web or looking to expand your skill
set, this updated version of Web Development Recipes provides crisp, clear, and
concise examples across a variety of the latest web technologies. No fluff, no frills.
Just solid, practical advice on how to leverage these tools to work for you.

- Kevin Gisi

Senior Staff Engineer, Mashable

I believe the recipes in this book will rekindle your joy of coding, as they have for
me. This book is designed to suit novices, intermediates, and ninjas, with recipes
that combine code snippets with superb explanation. With its diversity of topics
and real-world examples of tasks you face daily, the book will be a favorite that
you go back to as a reference time after time.

- Nouran Mahmoud Marouf

Front-End Engineer, Tarifah

See All Reviews

Choose Your Format(s)

  • $25.00 In Stock
  • Ebooks are DRM free.

  • Ebook delivery options.

What You Need

Your favorite text editor, the most current version of Mozilla Firefox, Internet Explorer, Google Chrome or Safari, and a working knowledge of HTML and JavaScript. Familiarity with command-line interfaces is a plus.

Contents & Extracts

  • Acknowledgments
    • Brian Hogan
    • Chris Warren
    • Mike Weber
    • Chris Johnson
  • Preface
    • Who’s This Book For?
    • What’s in This Book?
    • What You Need
    • Online Resources
  • Eye-Candy Recipes
    • Styling Buttons and Links
    • Styling Stand-Alone Quotes with CSS
    • Creating Animations with CSS3 Transformations
    • Creating Interactive Slideshows with jQuery
    • Creating and Styling Accessible Tooltips
    • Using Font Icons
  • User Interface Recipes
    • Creating an HTML Email Template
    • Swapping Between Content with Tabbed Interfaces
    • Accessible Expand and Collapse
    • Interacting with Web Pages Using Keyboard Shortcuts
    • Rendering HTML with Handlebars Templates
    • Displaying Information with Endless Pagination
    • Extending Endless Pagination With PushState
    • Snappier Client-Side Interfaces with Knockout.js
    • Creating a Search Interface with React
    • Creating Client-Side Apps with Angular.js
  • Data Recipes
    • Adding an Inline Google Map
    • Creating Charts and Graphs with Highcharts
    • Building a Simple Contact Form
    • Accessing Cross-Site Data with JSONP
    • Creating a Widget to Embed in Other Sites
    • Building a Status Site with JavaScript and CouchDB
  • Mobile Recipes
    • Targeting Mobile Devices
    • Touch-Responsive Drop-Down Menus
    • Mobile Drag and Drop
    • Creating Interfaces with jQuery Mobile
    • Using Sprites with CSS
  • Workflow Recipes
    • Rapid, Responsive Design with Skeleton
    • Creating a Simple Blog with Enfield
    • Building Modular Style Sheets with Sass
    • Cleaner JavaScript with CoffeeScript
    • Managing Files with Git
  • Testing Recipes
    • Testing Websites on Real Devices
    • Tracking User Activity with Heatmaps
    • Browser Testing with Selenium
    • Testing Web Interfaces with Nightwatch
    • Testing JavaScript with Jasmine
  • Hosting and Deployment Recipes
    • Using Dropbox to Collaborate and Host a Static Site
    • Setting Up a Virtual Machine
    • Changing Web Server Configuration Files with Vim
    • Configuring Secure Websites with Apache
    • Securing Your Content
    • Rewriting URLs to Preserve Links
    • Automating Static Site Deployment with Grunt
    • Configuring a Virtual Machine with Puppet
  • Bibliography


Brian P. Hogan is a web developer and teacher who loves to build things for the web. When he’s not hacking on code, he’s writing songs, playing games, or spending time with his family.

Chris Warren is a developer from Minneapolis. He’s been creating websites since teaching himself HTML in 1998.

Mike Weber is a web developer living in Minneapolis, Minnesota. He’s been developing professionally since 2005, almost exclusively with Ruby on Rails.

Chris Johnson is a developer, author, and teacher living outside of Madison, Wisconsin. He enjoys crafting clean code and showing what he has accomplished no matter the tools and materials.