skip to content
Creating web animations : bringing your UIs to life Preview this item
ClosePreview this item
Checking...

Creating web animations : bringing your UIs to life

Author: Kirupa Chinnathambi
Publisher: Sebastopol, CA : O'Reilly Media, [2017] ©2017
Edition/Format:   eBook : Document : English : First editionView all editions and formats
Summary:
Learn how to create animations using CSS and implement common UI patterns, using practical examples that rely on animations to solve a core problem. Front-end web developers and designers will not only learn important technical details, but also how to apply them to solve real-world problems.
Rating:

(not yet rated) 0 with reviews - Be the first.

Subjects
More like this

Find a copy online

Links to this item

Find a copy in the library

&AllPage.SpinnerRetrieving; Finding libraries that hold this item...

Details

Genre/Form: Electronic books
Additional Physical Format: Print version:
Chinnathambi, Kirupa.
Creating web animations.
Sebastopol, CA : O'Reilly Media, [2017]
(OCoLC)965482773
Material Type: Document, Internet resource
Document Type: Internet Resource, Computer File
All Authors / Contributors: Kirupa Chinnathambi
ISBN: 9781491957486 1491957484 9781491957462 1491957468 9781491957509 1491957506
OCLC Number: 980347262
Notes: Includes index.
Description: 1 online resource (1 volume) : illustrations
Contents: Copyright; Table of Contents; Preface; Know Your Basic HTML, CSS, and JavaScript; About Authoring Tools; Using the Code Examples; O'Reilly Safari; Getting Help/Contacting the Author; Contacting O'Reilly; Acknowledgments; Part I. The Basics; Chapter 1. Introduction to Web Animations; What Is an Animation?; The Start and End States; Interpolation; Animations on the Web; Conclusion; Chapter 2. Introduction to CSS Animations; Creating a Simple Animation; What Just Happened; The Name; Duration and Keyframes; Looping; The Longhand Version; Conclusion; Chapter 3. Introduction to CSS Transitions. Creating a Simple TransitionWhat Just Happened; The Longhand Version; Conclusion; Chapter 4. Working with CSS Timing Functions; What Is a Timing Function?; Timing Functions in CSS; Timing Functions in CSS Animations; Timing Functions in CSS Transitions; Meet the Timing Function Curve; The cubic-bezier Timing Function; The step Timing Function; Conclusion; Chapter 5. Ensuring Your Animations Run Really Smoothly; What Is a Smooth Animation?; Creating Responsive 60 fps Animations; Meet the Animation-Friendly Properties; Push Element Rendering to the GPU; Conclusion. Chapter 6. Transitions, Animations, and JavaScriptIt's Just Property Changes; The Example; Initial State Using CSS, Changes Using JS; What Just Happened?; A Tale of Two Styling Approaches; Setting the Style Directly; Adding and Removing Classes Using JavaScript; Animating with requestAnimationFrame; Conclusion; Chapter 7. CSS Animations Versus CSS Transitions; Similarities; Differences; Triggering; Looping; Defining Intermediate Points/Keyframes; Specifying Properties Up Front; Interaction with JavaScript; Conclusion; Part II. Learning from Examples; Chapter 8. Animating Your Links to Life. The Starting PointAnimated Underline; Simple Background Color Change; Cooler Background Color Change; Conclusion; Chapter 9. Simple Text Fade and Scale Animation; The Example; The CSS Animation; The Easing Function; Conclusion; Chapter 10. Creating a Smooth Sliding Menu; How the Sliding Menu Works; Creating the Sliding Menu; The Initial Page; Adding the Menu; Making the Menu Work; Adding Some Finishing Touches; Conclusion; Chapter 11. Scroll-Activated Animations; The Basic Idea; The Content; It's Scrolling Time; Identifying the Elements; Modifying the Elements; Building It All Out. Listening to the Scroll EventDetecting When Elements Are Visible; Putting It All Together; Some Performance Considerations; Conclusion; Chapter 12. The iOS Icon Wobble/Jiggle; The Full HTML and CSS; Deconstructing This Effect; Looking at the CSS; Faking Randomness; Slightly Different Variants of Style Rules + Keyframes; Altering Some CSS Properties and Their Values & nline!; Conclusion; Chapter 13. Parallax Scrolling; Overview of How the Parallax Effect Works; Getting Started; Adding Our Background Elements; The JavaScript; Conclusion; Chapter 14. Sprite Sheet Animations Using Only CSS.
Responsibility: Kirupa Chinnathambi.

Abstract:

Creating user interfaces that are fun, practical, fluid, and memorable is hard. And existing learning materials don't explain the context of the UI problem that animations are trying to solve. That's  Read more...

Reviews

User-contributed reviews
Retrieving GoodReads reviews...
Retrieving DOGObooks reviews...

Tags

Be the first.
Confirm this request

You may have already requested this item. Please select Ok if you would like to proceed with this request anyway.

Linked Data


Primary Entity

<http://www.worldcat.org/oclc/980347262> # Creating web animations : bringing your UIs to life
    a schema:Book, schema:MediaObject, schema:CreativeWork ;
    library:oclcnum "980347262" ;
    library:placeOfPublication <http://id.loc.gov/vocabulary/countries/cau> ;
    rdfs:comment "Warning: This malformed URI has been treated as a string - 'https://img1.od-cdn.com/ImageType-100/2858-1/{2F5ACADF-43B9-433D-82F3-9AC1D214856E}Img100.jpg'" ;
    schema:about <http://experiment.worldcat.org/entity/work/data/4142252795#Topic/cascading_style_sheets> ; # Cascading style sheets
    schema:about <http://experiment.worldcat.org/entity/work/data/4142252795#Topic/web_sites_design> ; # Web sites--Design
    schema:about <http://experiment.worldcat.org/entity/work/data/4142252795#Topic/computers_digital_media_video_&_animation> ; # COMPUTERS--Digital Media--Video & Animation
    schema:about <http://experiment.worldcat.org/entity/work/data/4142252795#Topic/computers_web_design> ; # COMPUTERS--Web--Design
    schema:about <http://experiment.worldcat.org/entity/work/data/4142252795#Topic/computers_general> ; # COMPUTERS--General
    schema:about <http://experiment.worldcat.org/entity/work/data/4142252795#Topic/html_document_markup_language> ; # HTML (Document markup language)
    schema:about <http://experiment.worldcat.org/entity/work/data/4142252795#Topic/web_site_development> ; # Web site development
    schema:about <http://experiment.worldcat.org/entity/work/data/4142252795#Topic/computer_animation> ; # Computer animation
    schema:about <http://dewey.info/class/006.66/e23/> ;
    schema:author <http://experiment.worldcat.org/entity/work/data/4142252795#Person/chinnathambi_kirupa> ; # Kirupa Chinnathambi
    schema:bookEdition "First edition." ;
    schema:bookFormat schema:EBook ;
    schema:datePublished "2017" ;
    schema:description "Learn how to create animations using CSS and implement common UI patterns, using practical examples that rely on animations to solve a core problem. Front-end web developers and designers will not only learn important technical details, but also how to apply them to solve real-world problems."@en ;
    schema:description "Copyright; Table of Contents; Preface; Know Your Basic HTML, CSS, and JavaScript; About Authoring Tools; Using the Code Examples; O'Reilly Safari; Getting Help/Contacting the Author; Contacting O'Reilly; Acknowledgments; Part I. The Basics; Chapter 1. Introduction to Web Animations; What Is an Animation?; The Start and End States; Interpolation; Animations on the Web; Conclusion; Chapter 2. Introduction to CSS Animations; Creating a Simple Animation; What Just Happened; The Name; Duration and Keyframes; Looping; The Longhand Version; Conclusion; Chapter 3. Introduction to CSS Transitions."@en ;
    schema:exampleOfWork <http://worldcat.org/entity/work/id/4142252795> ;
    schema:genre "Electronic books"@en ;
    schema:inLanguage "en" ;
    schema:isSimilarTo <http://www.worldcat.org/oclc/965482773> ;
    schema:name "Creating web animations : bringing your UIs to life"@en ;
    schema:productID "980347262" ;
    schema:url <http://public.eblib.com/choice/publicfullrecord.aspx?p=4826455> ;
    schema:url <https://samples.overdrive.com/?crid=2f5acadf-43b9-433d-82f3-9ac1d214856e&.epub-sample.overdrive.com> ;
    schema:url <https://hclib.overdrive.com/media/2F5ACADF-43B9-433D-82F3-9AC1D214856E> ;
    schema:url "https://img1.od-cdn.com/ImageType-100/2858-1/{2F5ACADF-43B9-433D-82F3-9AC1D214856E}Img100.jpg" ;
    schema:url <http://eds.wheelers.co> ;
    schema:url <http://proquest.tech.safaribooksonline.de/9781491957509> ;
    schema:url <https://www.overdrive.com/search?q=2F5ACADF-43B9-433D-82F3-9AC1D214856E> ;
    schema:url <https://proquest.safaribooksonline.com/9781491957509> ;
    schema:url <http://www.myilibrary.com?id=1002293> ;
    schema:url <http://proquest.safaribooksonline.com/?uiCode=ohlink&xmlId=9781491957509> ;
    schema:url <http://proxy.library.carleton.ca/login?url=http://proquest.safaribooksonline.com/?uiCode=carleton&xmlId=9781491957509> ;
    schema:url <http://lib.myilibrary.com?id=1002293> ;
    schema:url <http://proquest.safaribooksonline.com/?fpi=9781491957509> ;
    schema:url <http://proquest.safaribooksonline.com/?uiCode=stanford&xmlId=9781491957509> ;
    schema:url <http://ezproxy.torontopubliclibrary.ca/login?url=http://proquestcombo.safaribooksonline.com/?uiCode=torontopl&xmlId=9781491957509> ;
    schema:url <http://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&db=nlabk&AN=1488589> ;
    schema:url <http://proxy.ohiolink.edu:9099/login?url=http://proquest.safaribooksonline.com/?uiCode=ohlink&xmlId=9781491957509> ;
    schema:workExample <http://worldcat.org/isbn/9781491957462> ;
    schema:workExample <http://worldcat.org/isbn/9781491957509> ;
    schema:workExample <http://worldcat.org/isbn/9781491957486> ;
    wdrs:describedby <http://www.worldcat.org/title/-/oclc/980347262> ;
    .


Related Entities

<http://experiment.worldcat.org/entity/work/data/4142252795#Person/chinnathambi_kirupa> # Kirupa Chinnathambi
    a schema:Person ;
    schema:familyName "Chinnathambi" ;
    schema:givenName "Kirupa" ;
    schema:name "Kirupa Chinnathambi" ;
    .

<http://experiment.worldcat.org/entity/work/data/4142252795#Topic/cascading_style_sheets> # Cascading style sheets
    a schema:Intangible ;
    schema:name "Cascading style sheets"@en ;
    .

<http://experiment.worldcat.org/entity/work/data/4142252795#Topic/computer_animation> # Computer animation
    a schema:Intangible ;
    schema:name "Computer animation"@en ;
    .

<http://experiment.worldcat.org/entity/work/data/4142252795#Topic/computers_digital_media_video_&_animation> # COMPUTERS--Digital Media--Video & Animation
    a schema:Intangible ;
    schema:name "COMPUTERS--Digital Media--Video & Animation"@en ;
    .

<http://experiment.worldcat.org/entity/work/data/4142252795#Topic/computers_general> # COMPUTERS--General
    a schema:Intangible ;
    schema:name "COMPUTERS--General"@en ;
    .

<http://experiment.worldcat.org/entity/work/data/4142252795#Topic/computers_web_design> # COMPUTERS--Web--Design
    a schema:Intangible ;
    schema:name "COMPUTERS--Web--Design"@en ;
    .

<http://experiment.worldcat.org/entity/work/data/4142252795#Topic/html_document_markup_language> # HTML (Document markup language)
    a schema:Intangible ;
    schema:name "HTML (Document markup language)"@en ;
    .

<http://experiment.worldcat.org/entity/work/data/4142252795#Topic/web_site_development> # Web site development
    a schema:Intangible ;
    schema:name "Web site development"@en ;
    .

<http://experiment.worldcat.org/entity/work/data/4142252795#Topic/web_sites_design> # Web sites--Design
    a schema:Intangible ;
    schema:name "Web sites--Design"@en ;
    .

<http://lib.myilibrary.com?id=1002293>
    rdfs:comment "Connect to MyiLibrary resource." ;
    .

<http://proquest.safaribooksonline.com/?uiCode=stanford&xmlId=9781491957509>
    rdfs:comment "Available to Stanford-affiliated users." ;
    .

<http://proquest.tech.safaribooksonline.de/9781491957509>
    rdfs:comment "URL des Erstveröffentlichers" ;
    .

<http://worldcat.org/isbn/9781491957462>
    a schema:ProductModel ;
    schema:isbn "1491957468" ;
    schema:isbn "9781491957462" ;
    .

<http://worldcat.org/isbn/9781491957486>
    a schema:ProductModel ;
    schema:isbn "1491957484" ;
    schema:isbn "9781491957486" ;
    .

<http://worldcat.org/isbn/9781491957509>
    a schema:ProductModel ;
    schema:isbn "1491957506" ;
    schema:isbn "9781491957509" ;
    .

<http://www.worldcat.org/oclc/965482773>
    a schema:CreativeWork ;
    rdfs:label "Creating web animations." ;
    schema:description "Print version:" ;
    schema:isSimilarTo <http://www.worldcat.org/oclc/980347262> ; # Creating web animations : bringing your UIs to life
    .


Content-negotiable representations

Close Window

Please sign in to WorldCat 

Don't have an account? You can easily create a free account.