Val Head

Learn the essentials of Scalable Vector Graphics, the mark-up language used by most vector drawing programs and interactive web graphics tools. SVG Essentials takes you through SVG’s capabilities, beginning with simple line drawings and moving through complicated features such as filters, transformations, gradients, and patterns. This thoroughly updated edition includes expanded coverage of animation, interactive graphics, and scripting SVG. Interactive examples online make it easy for you to experiment with SVG features in your web browser. Geared toward experienced designers, this book also includes appendices that explain basic concepts such as XML markup and CSS styling, so even if you have no web design experience, you can start learning SVG. Create and style graphics to match your web design in a way that looks great when printed or displayed on high-resolution screensMake your charts and decorative headings accessible to search engines and assistive technologiesAdd artistic effects to your graphics, text, and photographs using SVG masks, filters, and transformationsAnimate graphics with SVG markup, or add interactivity with CSS and JavaScriptCreate SVG from existing vector data or XML data, using programming languages and XSLT

BRAND NEW, Exactly same ISBN as listed, Please double check ISBN carefully before ordering.

CSS animations open up a whole new way to look at and use CSS to bring motion to the web in creative ways. This Pocket Guide is designed to help you jump into using CSS animations in your own projects, providing a strong foundation on which to start experimenting and creating.In this book Val covers the basics of CSS animations, walking you through a series of examples, and discussing practical considerations for dealing with browsers and fallbacks. You'll have everything you need to start playing with CSS animations in just a couple of hours.Who should read this book?This is a book for web designers or developers who are new to CSS animations and want to start using them in their own work or experiments.Topics include:PART 1: CSS ANIMATION BASICSAn explanation of the basic building blocks for creating animations with CSS.PART 2: EXPLORING ANIMATION PROPERTIESSlightly more advanced and highly useful properties like animation-direction, animation-delay and animation-fill-mode give you more fine-tuned control over your animations. This section shows how and when to use these properties.PART 3: UNDERSTANDING EASINGWhere an object goes is important, but how it gets there is even more important. This section covers the details of the easing keywords and custom bezier functions.PART 4: COMMON ANIMATION TASKSThis section puts our CSS animation knowledge so far into practice, going into the details behind four example animations: an infinitely looping animation, animating with steps, using animation-play-state and applying multiple animations to one object.PART 5: PERFORMANCE AND BROWSER SUPPORTThis section looks at the practical aspects of using CSS animations in production work. It covers how to determine browser support and what to consider when choosing your approach to fallbacks.

MTIV (Making the Invisible Visible) is an indispensable guide for the new age of media design. This book is about HOW to achieve the results that bring in profits and make you a better designer. This beautifully written and designed book unveils the methods behind Hillman Curtis' phenomenal success as a new media designer. In well-crafted narrative and instructional form, Hillman outlines his systematic approach for working with clients to develop clear, cogent, and creative communication - three "musts" for successful design. Through trial and error, Hillman and his company honed a seven-step process for creating concepts, and developing and designing new media. Often overlooked or unknown by designers, the methods in this book are distilled from years of experience and enhanced by Hillman's years as a leader in the design field. Divided into three parts - "Process," "Inspiration," and "Practice" - the book offers a practical methodology for successful artistic and professional work and also offers technical advice for translating this to the web (color, XML, streaming media, and other topics are discussed). Written with a subtle sense of humor and narration that really flows, this book is a joy to read, with great advice that helps designers with their own design work.

Everything is getting more complex. It is easy to be overwhelmed by the amount of information we encounter each day. Whether at work, at school, or in our personal endeavors, there’s a deepening (and inescapable) need for people to work with and understand information. Information architecture is the way that we arrange the parts of something to make it understandable as a whole. When we make things for others to use, the architecture of information that we choose greatly affects our ability to deliver our intended message to our users.We all face messes made of information and people. This book defines the word “mess” the same way that most dictionaries do: “A situation where the interactions between people and information are confusing or full of difficulties.” — Who doesn’t bump up against messes made of information and people every day? How to Make Sense of Any Mess provides a seven step process for making sense of any mess. Each chapter contains a set of lessons as well as workbook exercises architected to help you to work through your own mess.

Thanks to faster browsers, better web standards support, and more powerful devices, the web now defines the next generation of user interfaces that are fun, practical, fluid, and memorable. The key? Animation. But learning how to create animations is hard, and existing learning material doesn’t explain the context of the UI problem that animations are trying to solve. That’s where this book comes in. You'll gain a solid technical understanding of how to create awesome animations using CSS and learn how to implement common UI patterns, using practical examples that rely on animations to solve a core problem. Frontend web developers and designers will not only learn important technical details, but also how to apply them to solve real-world problems. Create animations found in common user interface implementations, such as bounce after scrolling, expanding search boxes, and content sliders Learn the technical details of working with CSS animations and transitions Use CSS transforms to very animate an element’s position, scale, and orientation Understand the importance of easing

Effective interface animation deftly combines form and function to improve feedback, aid in orientation, direct attention, show causality, and express your brand’s personality. Designing Interface Animation shows you how to create web animation that balances purpose and style while blending seamlessly into the user’s experience. This book is a crash course in motion design theory and practice for web designers, UX professionals, and front-end developers alike.