Even Further Expand Your First Website (And Thwack those Zombies Into the Next Apocalypse with HTML and CSS): Undead Institute, #9
By John Rhea
()
About this ebook
Joseph "Highway" Rhobberee has a few more ideas for the website you're building for him. He wants to grab people's attention with some animations and since so many people after the apocalypse (and before, for that matter) only have a mobile device, he wants to be sure the site looks awesome on phones and tablets. Plus there's a contingent of folks who still prefer paper (how they survived the apocalypse is uncertain), so Mr. Rhobberee also wants to have a print stylesheet. (This is the fourth book in a series, but don't worry if you haven't completed the other books, we'll provide you with the starter files so you can still code right along)
In this book we'll start with two different kinds of animation, one using a simple transition and one using keyframes and the animation property. From there we'll work on modifying all pages so that they look great no matter what screen a visitor uses to see them. We'll discuss viewport meta tags, media queries, flexible layouts, flexible images and more. Finally we'll discuss print styles and how to drop things that don't matter in print as well as how to use pseudo-elements and the attr function to print out the urls behind a given link.
Other titles in Even Further Expand Your First Website (And Thwack those Zombies Into the Next Apocalypse with HTML and CSS) Series (24)
A Beginner’s Guide to Learning HTML (and Smacking Zombies Upside the Web Development): Undead Institute, #1 Rating: 0 out of 5 stars0 ratingsExpand Your First Website: Thwacking Zombies With HTML & CSS Again: Undead Institute, #3 Rating: 0 out of 5 stars0 ratingsHTML Forms & Interactive Elements: Or How to Poke a Zombie in the Eye: Undead Institute, #5 Rating: 0 out of 5 stars0 ratingsBuild Your First Website (And Thwack Zombies with HTML and CSS): Undead Institute, #0 Rating: 0 out of 5 stars0 ratingsBeginner Usability: A Novice's Guide to Zombie Proofing Your Website: Undead Institute, #4 Rating: 0 out of 5 stars0 ratingsAn Introduction to Programming in JavaScript: Stomping Zombies with Variables, Loops, Functions and More: Undead Institute, #10 Rating: 0 out of 5 stars0 ratingsBeginner CSS: Like Putting Lipstick on a Zombie: Undead Institute, #2 Rating: 0 out of 5 stars0 ratingsPFC Wiggins's Unofficial Commissary: An Undead Institute HTML & CSS Workbook: Undead Institute, #6.5 Rating: 0 out of 5 stars0 ratingsProfessor Blusterhiny's Zombish 101: An Undead Institute HTML & CSS Workbook: Undead Institute, #6.6 Rating: 0 out of 5 stars0 ratingsIntermediate CSS: Zombie in a Cocktail Dress: Undead Institute, #7 Rating: 0 out of 5 stars0 ratingsResponsive Design: An Undead Introduction to Mobile Web Development: Undead Institute, #8 Rating: 0 out of 5 stars0 ratingsFurther Expand Your First Website: Undead Institute, #6 Rating: 0 out of 5 stars0 ratingsEven Further Expand Your First Website (And Thwack those Zombies Into the Next Apocalypse with HTML and CSS): Undead Institute, #9 Rating: 0 out of 5 stars0 ratingsAn Introduction to Website Performance: How to Outrun the Zombie Hordes: Undead Institute, #15 Rating: 0 out of 5 stars0 ratingsThe Apocalyptic HTML Arsenal: An Undead Institute HTML Reference Dictionary: Undead Institute Rating: 0 out of 5 stars0 ratingsSearch Engine Optimization: How to Make your Site Stand Out from the Apocalyptic Horde: Undead Institute, #13 Rating: 0 out of 5 stars0 ratingsModern CSS Layout: Decking Zombies with Style: Undead Institute, #9 Rating: 0 out of 5 stars0 ratingsAn Introduction to Programming in PHP: Stomping Zombies with Variables, Loops, Functions and More: Undead Institute, #14 Rating: 0 out of 5 stars0 ratingsMore Advanced CSS: Zombie in a Ballgown: Undead Institute Rating: 0 out of 5 stars0 ratingsMy First Webpocalypse: Beginner HTML, CSS, and Usability (Virtual Boxed Set): Undead Institute Rating: 0 out of 5 stars0 ratingsScalable Vector Graphics: How to Draw Zombie-Smashing Images with Code: Undead Institute, #17 Rating: 0 out of 5 stars0 ratingsJavaScript Basics: Flinging Event, Element, and Object Bombs at Zombie Heads: Undead Institute Rating: 0 out of 5 stars0 ratingsCSS Animation: De-animating the Undead Horde: Undead Institute Rating: 0 out of 5 stars0 ratingsHumanity's Second Chance: Interactive HTML, Intermediate CSS and Responsive Design (Virtual Boxed Set): Undead Institute Rating: 0 out of 5 stars0 ratings
Read more from John Rhea
101 Terrible Zombie Jokes: Plus 13 That Might Actually be Funny Rating: 5 out of 5 stars5/5
Related to Even Further Expand Your First Website (And Thwack those Zombies Into the Next Apocalypse with HTML and CSS)
Titles in the series (24)
A Beginner’s Guide to Learning HTML (and Smacking Zombies Upside the Web Development): Undead Institute, #1 Rating: 0 out of 5 stars0 ratingsExpand Your First Website: Thwacking Zombies With HTML & CSS Again: Undead Institute, #3 Rating: 0 out of 5 stars0 ratingsHTML Forms & Interactive Elements: Or How to Poke a Zombie in the Eye: Undead Institute, #5 Rating: 0 out of 5 stars0 ratingsBuild Your First Website (And Thwack Zombies with HTML and CSS): Undead Institute, #0 Rating: 0 out of 5 stars0 ratingsBeginner Usability: A Novice's Guide to Zombie Proofing Your Website: Undead Institute, #4 Rating: 0 out of 5 stars0 ratingsAn Introduction to Programming in JavaScript: Stomping Zombies with Variables, Loops, Functions and More: Undead Institute, #10 Rating: 0 out of 5 stars0 ratingsBeginner CSS: Like Putting Lipstick on a Zombie: Undead Institute, #2 Rating: 0 out of 5 stars0 ratingsPFC Wiggins's Unofficial Commissary: An Undead Institute HTML & CSS Workbook: Undead Institute, #6.5 Rating: 0 out of 5 stars0 ratingsProfessor Blusterhiny's Zombish 101: An Undead Institute HTML & CSS Workbook: Undead Institute, #6.6 Rating: 0 out of 5 stars0 ratingsIntermediate CSS: Zombie in a Cocktail Dress: Undead Institute, #7 Rating: 0 out of 5 stars0 ratingsResponsive Design: An Undead Introduction to Mobile Web Development: Undead Institute, #8 Rating: 0 out of 5 stars0 ratingsFurther Expand Your First Website: Undead Institute, #6 Rating: 0 out of 5 stars0 ratingsEven Further Expand Your First Website (And Thwack those Zombies Into the Next Apocalypse with HTML and CSS): Undead Institute, #9 Rating: 0 out of 5 stars0 ratingsAn Introduction to Website Performance: How to Outrun the Zombie Hordes: Undead Institute, #15 Rating: 0 out of 5 stars0 ratingsThe Apocalyptic HTML Arsenal: An Undead Institute HTML Reference Dictionary: Undead Institute Rating: 0 out of 5 stars0 ratingsSearch Engine Optimization: How to Make your Site Stand Out from the Apocalyptic Horde: Undead Institute, #13 Rating: 0 out of 5 stars0 ratingsModern CSS Layout: Decking Zombies with Style: Undead Institute, #9 Rating: 0 out of 5 stars0 ratingsAn Introduction to Programming in PHP: Stomping Zombies with Variables, Loops, Functions and More: Undead Institute, #14 Rating: 0 out of 5 stars0 ratingsMore Advanced CSS: Zombie in a Ballgown: Undead Institute Rating: 0 out of 5 stars0 ratingsMy First Webpocalypse: Beginner HTML, CSS, and Usability (Virtual Boxed Set): Undead Institute Rating: 0 out of 5 stars0 ratingsScalable Vector Graphics: How to Draw Zombie-Smashing Images with Code: Undead Institute, #17 Rating: 0 out of 5 stars0 ratingsJavaScript Basics: Flinging Event, Element, and Object Bombs at Zombie Heads: Undead Institute Rating: 0 out of 5 stars0 ratingsCSS Animation: De-animating the Undead Horde: Undead Institute Rating: 0 out of 5 stars0 ratingsHumanity's Second Chance: Interactive HTML, Intermediate CSS and Responsive Design (Virtual Boxed Set): Undead Institute Rating: 0 out of 5 stars0 ratings
Related ebooks
jQuery 2.0 Animation Techniques Beginner's Guide Rating: 0 out of 5 stars0 ratingsCSS Animation: De-animating the Undead Horde: Undead Institute Rating: 0 out of 5 stars0 ratingsProfessor Blusterhiny's Zombish 101: An Undead Institute HTML & CSS Workbook: Undead Institute, #6.6 Rating: 0 out of 5 stars0 ratingsIntermediate CSS: Zombie in a Cocktail Dress: Undead Institute, #7 Rating: 0 out of 5 stars0 ratingsResponsive Design: An Undead Introduction to Mobile Web Development: Undead Institute, #8 Rating: 0 out of 5 stars0 ratingsMore Advanced CSS: Zombie in a Ballgown: Undead Institute Rating: 0 out of 5 stars0 ratingsBeginner Usability: A Novice's Guide to Zombie Proofing Your Website: Undead Institute, #4 Rating: 0 out of 5 stars0 ratingsAnimation at Work Rating: 0 out of 5 stars0 ratingsAn Introduction to Website Performance: How to Outrun the Zombie Hordes: Undead Institute, #15 Rating: 0 out of 5 stars0 ratingsFurther Expand Your First Website: Undead Institute, #6 Rating: 0 out of 5 stars0 ratingsA Pocket Guide to CSS Animations Rating: 5 out of 5 stars5/5Dreamweaver CC For Dummies Rating: 0 out of 5 stars0 ratingsPFC Wiggins's Unofficial Commissary: An Undead Institute HTML & CSS Workbook: Undead Institute, #6.5 Rating: 0 out of 5 stars0 ratingsThe CSS Guide: The Complete Guide to Modern CSS Rating: 5 out of 5 stars5/5CSS Master Rating: 0 out of 5 stars0 ratingsDreamweaver CS6 For Dummies Rating: 5 out of 5 stars5/5jQuery for Designers Beginner's Guide Second Edition Rating: 5 out of 5 stars5/5Build Your First Website (And Thwack Zombies with HTML and CSS): Undead Institute, #0 Rating: 0 out of 5 stars0 ratingsBeginner CSS: Like Putting Lipstick on a Zombie: Undead Institute, #2 Rating: 0 out of 5 stars0 ratingsExpress Guide: Learn Any Web Builder or Content Management System Rating: 0 out of 5 stars0 ratingsBootstrap Site Blueprints Rating: 0 out of 5 stars0 ratingsjQuery 1.4 Animation Techniques Beginner's Guide Rating: 0 out of 5 stars0 ratingsHTML Forms & Interactive Elements: Or How to Poke a Zombie in the Eye: Undead Institute, #5 Rating: 0 out of 5 stars0 ratingsWeb Design With Html5, a Primer Rating: 0 out of 5 stars0 ratingsMicrosoft Expression Web For Dummies Rating: 0 out of 5 stars0 ratingsWeb Design For Dummies Rating: 4 out of 5 stars4/5CSS3 Foundations Rating: 4 out of 5 stars4/5Content for Everyone: A Practical Guide for Creative Entrepreneurs to Produce Accessible and Usable Web Content Rating: 0 out of 5 stars0 ratingsHTML, XHTML and CSS For Dummies Rating: 4 out of 5 stars4/5Comprehensive CSS3 Command List, With Descriptions And Typical Mark Up Rating: 0 out of 5 stars0 ratings
Programming For You
Excel : The Ultimate Comprehensive Step-By-Step Guide to the Basics of Excel Programming: 1 Rating: 5 out of 5 stars5/5SQL QuickStart Guide: The Simplified Beginner's Guide to Managing, Analyzing, and Manipulating Data With SQL Rating: 4 out of 5 stars4/5Python: Learn Python in 24 Hours Rating: 4 out of 5 stars4/5Python Programming : How to Code Python Fast In Just 24 Hours With 7 Simple Steps Rating: 4 out of 5 stars4/5Coding All-in-One For Dummies Rating: 4 out of 5 stars4/5Excel 101: A Beginner's & Intermediate's Guide for Mastering the Quintessence of Microsoft Excel (2010-2019 & 365) in no time! Rating: 0 out of 5 stars0 ratingsPython for Data Science For Dummies Rating: 0 out of 5 stars0 ratingsEscape the Game: How to Make Puzzles and Escape Rooms Rating: 3 out of 5 stars3/5Beginning Programming with C++ For Dummies Rating: 4 out of 5 stars4/5SQL All-in-One For Dummies Rating: 3 out of 5 stars3/5Python Data Structures and Algorithms Rating: 5 out of 5 stars5/5C All-in-One Desk Reference For Dummies Rating: 5 out of 5 stars5/5Learn to Code. Get a Job. The Ultimate Guide to Learning and Getting Hired as a Developer. Rating: 5 out of 5 stars5/5PYTHON PROGRAMMING Rating: 4 out of 5 stars4/5JavaScript All-in-One For Dummies Rating: 5 out of 5 stars5/5Python Machine Learning Illustrated Guide For Beginners & Intermediates:The Future Is Here! Rating: 5 out of 5 stars5/5Godot from Zero to Proficiency (Foundations): Godot from Zero to Proficiency, #1 Rating: 5 out of 5 stars5/5Beginning Programming with Python For Dummies Rating: 3 out of 5 stars3/5PYTHON: Practical Python Programming For Beginners & Experts With Hands-on Project Rating: 5 out of 5 stars5/5Learn Python in 10 Minutes Rating: 4 out of 5 stars4/5
Reviews for Even Further Expand Your First Website (And Thwack those Zombies Into the Next Apocalypse with HTML and CSS)
0 ratings0 reviews
Book preview
Even Further Expand Your First Website (And Thwack those Zombies Into the Next Apocalypse with HTML and CSS) - John Rhea
©2024 by John Rhea. All rights reserved. This book or any portion thereof may not be reproduced or used in any manner whatsoever without the express written permission of the publisher except for the use of brief quotations in a book review.
Distributed by the Undead Institute a division of StoryLab LLC
You Know What Else Kills Zombies?
Honest feedback. Enjoyed the book? Found an error or an omission? Still confused about something? Want to complement the author’s sense of humor (or lack thereof)? Email John directly at [email protected]
Find More Zombified Web Development at
https://undead.institute
Four Word
Even further expand Smackdown
Content Warning (for Silliness)
This book contains a large amount of information, zombies, silliness, and a sense of humor that some would call terrible
. If you’re looking for straight technical information or a cure to your insomnia, this is not the book for you.
If you’re looking for a book that’s accessible to those without technical training or inclination and/or don’t mind laughing a bit while you’re learning, this book is for you. We at the Undead Institute believe that getting braaains should be fun. Join us and let’s stop those smelly zombies once and for all! (No, seriously. Their breath is terrible.)
Even Further Expand Your First Website:
(And Thwack those Zombies Into the Next Apocalypse with HTML and CSS)
by John Rhea
Published by The Undead Institute
Contents
Copyright
Four Word
Content Warning (for Silliness)
Title
Contents
Zombie Bob Say the 'No!'
Introduction
Animation
Transitions and Fades
Sprite Animations
Responsive Design
Responsive Navigation
Friends Are Magic Page
Print Style Sheet
Got Questions?
About the Author
Zombie-Smashing Web Development Knowledge
in 2 Minutes or Less, Every 2 Weeks
The antidote to boring technical learning. Every two weeks you get a new issue with web development goodness, terrible zombie jokes and more. Hey, a horde of bad zombie reviews can't be wrong can they?
Learn More about the 2 Minutes to Save the World Newsletter
Spam is the fifth horseman of the apocalypse.
Your email address is safe with us. Unsubscribe at any time.
Introduction
This is the fourth book in a series about Building, Expanding, Further Expanding, and finally Even Further