Responsive Web Design: Solutions For Responsive Images

Smashing Magazine
Free sample

With the limitations that the <img> tag brings along, images have long been a major obstacle when wanting to create truly responsible, fast, responsive websites. Luckily, the upcoming <picture> element and srcset/sizes are about to finally change this. However, even in the meantime, while browser vendors are still busy implementing the new specification, you can already start to incorporate truly responsive images into your website. There are a number of smart solutions to close up the existing gaps: polyfills, fallbacks for legacy browsers, and clever approaches that were created on the fly due to missing alternatives. To help you review and understand different methods, we’ve compiled a selection of the different techniques in this eBook. It features practical advice on every implementation, as well as tips on tackling the art direction and resolution-switching use cases that a growing device landscape has brought along. As you will notice, there is no reason to wait anymore; you can already cater for responsive images today!


TABLE OF CONTENTS:

- Picturefill 2.0: Responsive Images And The Perfect Polyfill

- Responsive Images Done Right: A Guide To <picture> And srcset

- Automate Your Responsive Images With Mobify.js

- One Solution To Responsive Images

- Addressing The Responsive Images Performance Problem: A Case Study

- Clown Car Technique: Solving Adaptive Images In Responsive Web Design

- Simple Responsive Images With CSS Background Images

- Responsive Images With WordPress’ Featured Images

- Responsive Image Container: A Way Forward For Responsive Images?

- Rethinking Responsive SVG

Read more

Reviews

Loading...

Additional Information

Publisher
Smashing Magazine
Read more
Published on
Jul 24, 2014
Read more
Pages
129
Read more
ISBN
9783944540740
Read more
Features
Read more
Language
English
Read more
Genres
Computers / Web / Design
Computers / Web / General
Read more
Content Protection
This content is DRM free.
Read more
Read Aloud
Available on Android devices
Read more

Reading information

Smartphones and Tablets

Install the Google Play Books app for Android and iPad/iPhone. It syncs automatically with your account and allows you to read online or offline wherever you are.

Laptops and Computers

You can read books purchased on Google Play using your computer's web browser.

eReaders and other devices

To read on e-ink devices like the Sony eReader or Barnes & Noble Nook, you'll need to download a file and transfer it to your device. Please follow the detailed Help center instructions to transfer the files to supported eReaders.
Smashing Magazine
HTML email has the reputation of being a particularly tough design medium. Buggy email clients stripping out your CSS or the spammy image that one-to-many emails not seldomly partake of, i.e. building compelling emails is quite a challenge for designers. With opening rates on mobile growing tremendously, things don't get any easier either. If you haven't ventured on the task yet or want to improve your existing email design skills, then this eBook offers the practical advice you need, whether you want to share your stories in a newsletter or aim at committing to email to market your product.

After taking a look at the current state of HTML email design, you'll get to grips with optimizing email for mobile, and learn to build your own modular email construction kit that you can draw on to cater for best results on desktop, web and mobile clients. We'll also explore handy tips to raise your email above inbox noise — with a friendly tone and engaging content (no dirty tricks here!) — and consider missteps that you should better avoid. Building HTML emails certainly does require some fiddling around, but it's defintely worth it. So, are you ready to take on the challenge?

TABLE OF CONTENTS:

• What 22 Billion Email Newsletters Tell Us About Designing For Email

• From Monitor To Mobile: Optimizing Email Newsletters With CSS

• Improve Your Email Workflow With Modular Design

• Size Matters: Balancing Line Length And Font Size In Responsive Web Design

• How To Raise Your Email Above Inbox Noise

• Designing The Words: Why Copy Is A Design Issue

• How To Use Email To Alienate Your Users

• Email Marketing For Mobile App Creators

• How To Create A Self-Paced Email Course

Douglas Crockford
Most programming languages contain good and bad parts, but JavaScript has more than its share of the bad, having been developed and released in a hurry before it could be refined. This authoritative book scrapes away these bad features to reveal a subset of JavaScript that's more reliable, readable, and maintainable than the language as a whole—a subset you can use to create truly extensible and efficient code.

Considered the JavaScript expert by many people in the development community, author Douglas Crockford identifies the abundance of good ideas that make JavaScript an outstanding object-oriented programming language-ideas such as functions, loose typing, dynamic objects, and an expressive object literal notation. Unfortunately, these good ideas are mixed in with bad and downright awful ideas, like a programming model based on global variables.

When Java applets failed, JavaScript became the language of the Web by default, making its popularity almost completely independent of its qualities as a programming language. In JavaScript: The Good Parts, Crockford finally digs through the steaming pile of good intentions and blunders to give you a detailed look at all the genuinely elegant parts of JavaScript, including:

SyntaxObjectsFunctionsInheritanceArraysRegular expressionsMethodsStyleBeautiful features

The real beauty? As you move ahead with the subset of JavaScript that this book presents, you'll also sidestep the need to unlearn all the bad parts. Of course, if you want to find out more about the bad parts and how to use them badly, simply consult any other JavaScript book.

With JavaScript: The Good Parts, you'll discover a beautiful, elegant, lightweight and highly expressive language that lets you create effective code, whether you're managing object libraries or just trying to get Ajax to run fast. If you develop sites or applications for the Web, this book is an absolute must.

Smashing Magazine
 User research is an effective strategy to gain a deeper understanding of your target audience — a crucial step in order to choose efficient design solutions and build smart products. But what has to be considered when conducting user research? What methods have proven themselves in practice? And how do you finally integrate your findings into the design process? With this eBook, you will learn to take the guesswork out of your design decisions and base them on real-life experiences and user needs instead.


To get you started, we’ll consider various research methods and techniques, but we will also tackle the more practical aspects (and difficulties) which face-to-face research brings along. Learning to identify potential research partners and finding the right questions to ask during an interview thus is part of this eBook — as well as presenting your findings und using them to iterate on your products’ designs. If you feel that you and your team make a lot of decisions based on assumptions, then this eBook is your jump start into a more user-centered design process. Find the techniques that fit into your workflow and start to discover the actual problems — and unmet needs — of potential users firsthand.


TABLE OF CONTENTS:

- A Five-Step Process For Conducting User Research

- A Closer Look At Personas: What They Are And How They Work

- A Closer Look At Personas: A Guide To Developing The Right Ones

- All You Need To Know About Customer Journey Mapping

- Facing Your Fears: Approaching People For Research

- Considerations When Conducting User Research In Other Countries: A Brazilian Case Study

- How To Run User Tests At A Conference

Smashing Magazine

The key to successful projects and products are the people behind them. Have you ever found yourself wondering how these thinkers and creators of the Web actually work, and how they tackle their projects? Where do they seek inspiration, and what are the lessons they have learned in the course of their careers? With the help of this eBook, we want to focus on the people behind the names for a change. After all, what could be more insightful than giving them a chance to share their stories?

The authors of this eBook had the occasion to sit down with experienced influencers and successful designers for a row of interviews in which they provide first-hand insights into their very own workflows, habits and strategies. WordPress co-founders Matt Mullenweg and Mike Little are among them, JavaScript evangelist Doug Crockford, IDEO's Duane Bray, Meetup's vice president Andres Glusman, as well as many other creative minds from design, UX and startup branches. Their insights and stories are not only truly inspiring, but also contribute to giving this fast-moving, tech-driven Web industry a more familiar face.

TABLE OF CONTENTS

How I Work: Doug Crockford on JavaScript written by Jacob Cook How I Work: IDEO's Duane Bray On Creating Great Digital Experiences written by Jacob CookHow I Work: Meetup's Andres Glusman On The Power Of UX And Lean Startup Methods written by Jacob CookCopying Others Is Not The Answer written by Robert Bowen"Be Careful: Trends Come And Go" written by Leona Hu"Be Humble, Be Honest, Don't Be Afraid To Fail" written by Leona HuWordPress: How It Came To Be And Where It's Heading written by Alex MossInterview With Nadine Chahine: The Art And Craft Of Arabic Type Design written by Iris LješnjaninAsk The Expert — A Chat About Art, Design, Computers And Education With Milton Glaser written by Jad Limcaco

Smashing Magazine
 For a lot of people, WordPress is the entry into web development. And a lot of them don’t stop there. They want more control over their WordPress site, so customizing design and functionality is the next logical step. If WordPress got you hooked, and you want to get more out of it to tailor your site more to your needs and ideas, then this eBook is for you.


To start out, you will learn to build custom page templates and extend WordPress’ flexibility with custom post types. Later, our expert authors will provide insights into customizing tree-like data structures to make them fit your particular needs, as well as tips to replace the regular custom field interface with something more powerful and user-friendly. You’ll also learn to build an advanced notification system to reach your users, and, last, but not least, we’ll dive deep into building, maintaining, and deploying WordPress plugins. WordPress’ flexible structure is predestined for customization. So make use of this grand potential to build your projects the way you imagine them to be.



TABLE OF CONTENTS


- A Detailed Guide To WordPress Custom Page Templates, written by Nick Schäferhoff

- Extending WordPress With Custom Content Types, written by Brian Onorio

- Building A Custom Archive Page For WordPress, written by Karol K

- Customizing Tree-Like Data Structures In WordPress With The Walker Class, written by Carlo Daniele

- Extending Advanced Custom Fields With Your Own Controls, written by Daniel Pataki

- Building An Advanced Notification System For WordPress, written by Carlo Daniele

- How To Use Autoloading And A Plugin Container In WordPress Plugins, written by Nico Amarilla

- How To Deploy WordPress Plugins With GitHub Using Transients, written by Matthew Ray

©2018 GoogleSite Terms of ServicePrivacyDevelopersArtistsAbout Google
By purchasing this item, you are transacting with Google Payments and agreeing to the Google Payments Terms of Service and Privacy Notice.