Building Impressive Presentations with Impress js 1st Edition Nimesh Ratnayake pdf download
Building Impressive Presentations with Impress js 1st Edition Nimesh Ratnayake pdf download
https://ebookname.com/product/building-impressive-presentations-
with-impress-js-1st-edition-nimesh-ratnayake/
https://ebookname.com/product/professional-node-js-building-
javascript-based-scalable-software-1st-edition-pedro-teixeira/
https://ebookname.com/product/html5-game-programming-with-
enchant-js-1st-edition-brandon-mcinnis-2/
https://ebookname.com/product/html5-game-programming-with-
enchant-js-1st-edition-brandon-mcinnis/
https://ebookname.com/product/stirling-and-hot-air-engines-1st-
edition-edition-roy-darlington/
Preventing and Reversing Heart Disease For Dummies 3rd
Edition James M. Rippe
https://ebookname.com/product/preventing-and-reversing-heart-
disease-for-dummies-3rd-edition-james-m-rippe/
https://ebookname.com/product/materials-degradation-and-its-
control-by-surface-engineering-3rd-edition-andrew-w-batchelor/
https://ebookname.com/product/dentistry-for-the-child-and-
adolescent-8th-edition-ralph-e-mcdonald/
https://ebookname.com/product/designing-community-1st-edition-
david-r-walters/
https://ebookname.com/product/earth-and-world-philosophy-after-
the-apollo-missions-kelly-oliver/
Greek Monasticism in Southern Italy The Life of Neilos
in Context 1st Edition Barbara Crostini
https://ebookname.com/product/greek-monasticism-in-southern-
italy-the-life-of-neilos-in-context-1st-edition-barbara-crostini/
Building Impressive
Presentations with impress.js
BIRMINGHAM - MUMBAI
Building Impressive Presentations with impress.js
All rights reserved. No part of this book may be reproduced, stored in a retrieval
system, or transmitted in any form or by any means, without the prior written
permission of the publisher, except in the case of brief quotations embedded in
critical articles or reviews.
Every effort has been made in the preparation of this book to ensure the accuracy
of the information presented. However, the information contained in this book is
sold without warranty, either express or implied. Neither the author, nor Packt
Publishing, and its dealers and distributors will be held liable for any damages
caused or alleged to be caused directly or indirectly by this book.
Packt Publishing has endeavored to provide trademark information about all of the
companies and products mentioned in this book by the appropriate use of capitals.
However, Packt Publishing cannot guarantee the accuracy of this information.
ISBN 978-1-84969-648-7
www.packtpub.com
Reviewers Proofreader
Chetankumar Akarte Maria Gould
Christian Ziebarth
Indexer
Acquisition Editor Tejal Soni
Martin Bell
Graphics
Commissioning Editor Aditi Gajjar
Maria D'souza
Production Coordinator
Technical Editor Pooja Chiplunkar
Nitee Shetty
Cover Work
Pooja Chiplunkar
About the Author
He likes to watch cricket and stay with the family when he isn't working on coding
or writing. Make sure to visit him online at www.innovativephp.com and follow him
on Twitter at twitter.com/innovativephp.
He likes to contribute on the newsgroups and forums. He has written articles for
Electronics For You, DeveloperIQ, and Flash & Flex Developer's Magazine. In his
spare time, he likes to maintain his technical blog http://www.tipsntracks.com to
get in touch with the developers community. He has been the technical reviewer for
three books published by Packt Publishing. He has released some Marathi and Hindi
e-book applications in the Android market (https://play.google.com/store/
apps/developer?id=Sahitya+Chintan).
He lives in the hilly Kharghar area of Navi Mumbai with his son Kaivalya and wife
Shraddha. You can visit his websites http://www.SahityaChintan.com and http://
www.tipsntracks.com, or get in touch with him at chetan.akarte@gmail.com.
Did you know that Packt offers eBook versions of every book published, with PDF and
ePub files available? You can upgrade to the eBook version at www.PacktPub.com and
as a print book customer, you are entitled to a discount on the eBook copy. Get in touch
with us at service@packtpub.com for more details.
At www.PacktPub.com, you can also read a collection of free technical articles, sign up
for a range of free newsletters and receive exclusive discounts and offers on Packt books
and eBooks.
http://PacktLib.PacktPub.com
Do you need instant solutions to your IT questions? PacktLib is Packt's online digital
book library. Here, you can access, read and search across Packt's entire library of books.
Why Subscribe?
• Fully searchable across every book published by Packt
• Copy and paste, print and bookmark content
• On demand and accessible via web browser
Rotating effects 26
Rotation around the x axis 26
Rotation around the y axis 27
Rotation around the z axis 28
Rotations in practice 29
Scaling effects 32
The importance of positioning in scaling 34
Scaling in practice 35
Planning the design 35
Data perspective 37
impress.js under the hood 40
Summary 42
Chapter 3: Diving into the Core of impress.js 43
impress.js configuration 44
Default configurations 44
Customizing configurations 45
Configuring the width and height 45
Configuring the minScale and maxScale 46
Configuring the perspective 46
Configuring the transition duration 46
Looking at configurations inside the core 47
Understanding the impress API functions 48
Inside the next function 48
Inside the prev function 49
Inside the goto function 49
Automating presentations 51
Creating custom transition timing 52
impress.js step events 53
How to use the step class 55
Working with keyboard configurations 56
Default keyboard configurations 56
Inside the impress core 56
Assigning custom keys for custom events 58
Adding new keys for new events 58
Handling the step click event 59
Summary 60
Chapter 4: Presenting on Different Viewports 61
Fullscreen presentations 61
Using impress.js inside a container 62
Developing a content slider 62
Planning the design 62
[ ii ]
Table of Contents
Designing slides 63
Wrapping the presentation inside a container 64
Playing the slider automatically 64
Creating navigation controls 65
Creating the play/pause features 65
Adding slide numbers 66
Highlighting the active slide 67
impress.js presentations on mobile devices 68
Issues in designing for mobile devices 68
Scenario 1 69
Scenario 2 70
Scenario 3 71
Best design practices for mobiles devices 72
Summary 73
Chapter 5: Creating Personal Websites 75
Planning the website structure 76
Designing the header 76
Creating the presentation wrapper 77
Creating pages 78
Designing the home page 79
Designing the portfolio page 81
Portfolio gallery 81
Portfolio single 82
Designing the timeline page 84
Defining the timeline navigation 86
Designing the services page 87
Handling the navigation menu 89
Creating the navigation hint 90
Summary 91
Chapter 6: Troubleshooting 93
Browser compatibility 93
Handling unsupported browsers 94
Limitations and new features 95
Positioning steps relative to other steps 96
Defining the previous and next steps 96
Transition duration for individual steps 97
Adding and removing navigation keys 97
Creating substeps 97
Troubleshooting and support 98
Summary 99
[ iii ]
Table of Contents
[ iv ]
Preface
Creating presentations and impressing the audience is an important task for people
who work as software professionals, marketers, public speakers, or anyone who
is familiar with computer-related work. Online presentation creation applications
are gaining much more popularity over conventional desktop-based software
applications in the recent years. impress.js is a powerful library that eases the task
of creating presentations with smooth animations without depending on a software
tool. You are no longer limited to desktop tools as these presentations run on any
supported browser anywhere on the Internet.
This book consists of several practical real-world examples which go beyond the
conventional slide-based presentations covering each aspect of the impress library.
A wide range of applications such as content sliders, image galleries, awesome
presentations, and complete websites are created throughout the book explaining
the techniques in a way that even a beginner can understand.
By the time you are done with this book, you'll be able to create a wide range of
components for websites using impress.js as well as stunning visualizations to
impress your audience.
Appendix, Impress Tools and Resources, guides you through the available impress.js
presentation automation tools and some awesome presentations available online.
[2]
Preface
Conventions
In this book, you will find a number of styles of text that distinguish between
different kinds of information. Here are some examples of these styles, and an
explanation of their meaning.
Code words in text, database table names, folder names, filenames, file extensions,
pathnames, dummy URLs, user input, and Twitter handles are shown as follows:
"We can use the data-rotate-x attribute to rotate elements around the x axis."
document.addEventListener
("impress:stepleave", function (event) {
// Code for step leave
}, false);
});
When we wish to draw your attention to a particular part of a code block, the
relevant lines or items are set in bold:
$(document).ready(function(){
document.addEventListener
("impress:stepenter", function (event) {
// Code for step enter
}, false);
document.addEventListener
("impress:stepleave", function (event) {
// Code for step leave
}, false);
});
[3]
Preface
New terms and important words are shown in bold. Words that you see on the
screen, in menus or dialog boxes for example, appear in the text like this: "We can
go to the overview of the presentation using the Overview button".
Reader feedback
Feedback from our readers is always welcome. Let us know what you think about
this book—what you liked or may have disliked. Reader feedback is important for us
to develop titles that you really get the most out of.
If there is a topic that you have expertise in and you are interested in either writing
or contributing to a book, see our author guide on www.packtpub.com/authors.
Customer support
Now that you are the proud owner of a Packt book, we have a number of things to
help you to get the most from your purchase.
[4]
Preface
Errata
Although we have taken every care to ensure the accuracy of our content, mistakes
do happen. If you find a mistake in one of our books—maybe a mistake in the text or
the code—we would be grateful if you would report this to us. By doing so, you can
save other readers from frustration and help us improve subsequent versions of this
book. If you find any errata, please report them by visiting http://www.packtpub.
com/submit-errata, selecting your book, clicking on the errata submission form
link, and entering the details of your errata. Once your errata are verified, your
submission will be accepted and the errata will be uploaded on our website, or
added to any list of existing errata, under the Errata section of that title. Any existing
errata can be viewed by selecting your title from http://www.packtpub.com/
support.
Piracy
Piracy of copyright material on the Internet is an ongoing problem across all media.
At Packt, we take the protection of our copyright and licenses very seriously. If you
come across any illegal copies of our works, in any form, on the Internet, please
provide us with the location address or website name immediately so that we can
pursue a remedy.
We appreciate your help in protecting our authors, and our ability to bring you
valuable content.
Questions
You can contact us at questions@packtpub.com if you are having a problem with
any aspect of the book, and we will do our best to address it.
[5]
Getting Started with
Impressive Presentations
Presentations are one of the most effective ways of communicating our ideas to
people who are interested in the topic. A perfect presentation will grab the attention
of the audience and keep them interested in our ideas, while a bad presentation
can bore our audience and ruin our reputation. This means that, the presentation
creation tools play a vital role in designing a good presentation.
• What is impress.js?
• Built-in features
• Beyond presentations with impress.js
• Why is it important?
• Downloading and configuring impress.js
• Creating your first presentation
Ideally you should have basic knowledge of CSS and HTML to understand this
chapter. Everything will be explained using detailed and simple examples and by
the end of this chapter you will have the knowledge to create basic presentation with
impress.js.
What is impress.js?
impress.js is a presentation framework build upon the powerful CSS3
transformations and transitions on modern web browsers. Bartek Szopka is the
creator of this amazing framework. According to the creator, the idea came to him
while he was playing with CSS transformations. Prezi.com was the source that got
him inspired. On w3.org we have the following mentioned about CSS transforms:
For more information on CSS transformations for those who are interested, visit
http://www.w3.org/TR/css3-transforms/.
Creating presentations with impress.js is not a difficult task once you get used to the
basics of the framework. Slides in impress.js presentations are called steps and they
go beyond the conventional presentation style. We can have multiple steps visible at
the same time with different dimensions and effects. impress.js step designs are built
upon HTML. This means we can create unlimited effects and the only limitation is
your imagination.
Built-in features
impress.js comes with advanced support for most CSS transformations.
We can combine these features to provide more advanced visualizations in modern
browsers. These features are as follows:
[8]
Chapter 1
• Creating presentations
• Portfolios
• Sliders
• Single page websites
Why is it important?
You must be wondering why we need to care about such a framework when we have
quality presentation programs such as PowerPoint. The most important thing we need
to look at is the license for impress.js. Since it is licensed under MIT and GPL we can
even change the source codes to customize the framework according to our needs.
Also most of the modern browsers support CSS transformations, allowing you to use
impress.js, eliminating the platform dependency of presentation programs.
Creating presentations is not just about filling our slides with a lot of information
and animations. It is a creative process that needs to be planned carefully. Best
practices will tell us that we should keep the slides as simple as possible with very
limited information and, letting presenter do the detailed explanations.
Let's see how we can use impress.js to work with some well-known presentation
design guidelines.
[9]
Getting Started with Impressive Presentations
Presentation outline
The audience does not have any idea about the things you are going to present
prior to the start of the presentation. If your presentation is not up to standard, the
audience will wonder how many boring slides are to come and what the contents
are going to be. Hence, it's better to provide a preliminary slide with the outline of
your presentation.
Steps in impress.js presentations are placed in 3D space and each slide is positioned
relatively. Generally, we will not have an idea about how slides are placed when the
presentation is on screen. You can zoom in on the steps by using the scaling feature
of impress.js. In this way, we can create additional steps containing the overview of
the presentation by using scaling features.
Animations
We cannot keep the audience interested just by scrolling down the presentation
slides. Presentations need to be interactive and animations are great for getting the
attention of the audience. Generally, we use animations for slide transitions. Even
though presentation tools provide advanced animations, it's our responsibility to
choose the animations wisely.
impress.js provides animation effects for moving, rotating, and scaling step
transitions. We have to make sure it is used with purpose. Explaining the life cycle
of a product or project is an excellent scenario for using rotation animations. So
choose the type of animation that suits your presentation contents and topic.
[ 10 ]
Chapter 1
Using themes
Most people like to make the design of their presentation as cool as possible.
Sometimes they get carried away and choose from the best themes available in the
presentation tool. Themes provided by tools are predefined and designed to suit
general purposes. Your presentation might be unique and choosing an existing
theme can ruin the uniqueness. The best practice is to create your own themes for
your presentations.
impress.js does not come with built-in themes. Hence there is no other option than to
create a new theme from scratch. impress.js steps are different to each other unlike
standard presentations, so you have the freedom to create a theme or design for each
of the steps just by using some simple HTML and CSS code.
Apart from the previous points, we can use typography, images, and videos to create
better designs for impress.js presentations. We have covered the background and the
importance for impress.js. Now we can move on to creating real presentations using
the framework throughout the next few sections.
[ 11 ]
Getting Started with Impressive Presentations
Configuring impress.js is something you should be able to do quite easily. I'll walk you
through the configuration process. First we have to include the impress.js file in the
HTML file. It is recommended you load this file as late as possible in your document.
Create a basic HTML file called chapter1.html and place the following code:
<!doctype html>
<html lang="en">
<head>
<title>impress.js </title>
</head>
<body>
<script src="js/impress.js"></script>
</body>
</html>
We have linked the impress.js file just before the closing body tag to make sure it is
loaded after all the elements in our document. Then we need to initialize the impress
library to make the presentations work.
We can place the following code after the impress.js file to initialize any existing
presentation in the document which is compatible with the impress library:
<script>impress().init();</script>
Since we have done the setup of the impress.js library, we can move on to creating
our first impressive presentation.
[ 12 ]
Random documents with unrelated
content Scribd suggests to you:
words, merry laughs and witty repartee but enhanced the loveliness
of the happy bride, and the triumphant rapture of the love-crowned
hero-soldier.
“‘Mrs. Washington was an early riser at all seasons of the year, and
after breakfast always repaired for an hour to her chamber where
she read from the Bible and prayed, and this practice was never
omitted during the half century of her varied life.
“‘The affairs of John and Patsy Custis, his stepchildren, were ordered
with the utmost care and precision, and reports made and forwarded
regularly to the English firm of Robert Gary & Co.
“‘But the melancholy event of the passing away of the gifted and
favored young daughter from the home of the Washingtons suddenly
bereft the family of joy and gladness. The brother, who had walked
hand in hand with his beloved sister in all the years of childhood,
was grief-stricken beyond words. The mother, who had tenderly
watched and planned over the child of many hopes, found her sole
help in prayer and reading of her Bible. And the stepfather, as fond
of the children as their own father could have been, found solace in
work and study.’”
As Mrs. Parke reached this serious part of the history, George sighed
loudly. His mother glanced up from the book and he took it for
granted that he might speak.
“Don’t you think the girls have had their share for this time?—It’s
been all love-making and marrying and funerals! Not a word about
Indians or about war.”
“Oh, good gracious! Please don’t give us any more of his quiet life
to-day. Look at the way that rain spatters on the windows, and then
stop to think how we feel with Washington parading out of a book
while he’s planting or hoeing his farm! Give us a fight!” declared
George.
Every one laughed and Jack seconded his cousin’s plan for a more
active story than the one that had just been read.
“If you insist upon having war when there was no war, I must skip
the fifteen years of quiet life on his estate, to get Washington in the
midst of fresh battle scenes,” argued Mrs. Parke.
“Why not read us about the Boston Tea Party?” said Anne.
“That will satisfy the boys and interest us girls, too,” added Martha.
“‘During the years between 1765 and 1775, the cry of “Liberty,
Property, No Stamps!” sounded from New Hampshire to Georgia.
Even when the act—all except the tax on tea—was repealed, the
populace concentrated its wrath on tea as the symbol of an
intolerable sovereignty which would no longer be endured.
“‘It was but a little more than two years from the time of the first
whiff of the delightful beverage, to the time when millions of
teakettles steamed merrily on millions of hearths, and the
consumption of tea reached more than 5,000,000 pounds a year. Tea
houses had sprung up like mushrooms all over the United Kingdom
of Great Britain, and of the 5,000,000 pounds imported from China,
at least 1,500,000 pounds were sent to the American colonies.
“‘But the harmless drink now started the just and patriotic people to
revolt against the tyranny of the Crown. For the next three years
after England imposed the high tax on tea, it became the symbol
with which men conjured. As for trying to ship tea from England at
this time, one would as soon have introduced the Black Plague.
“‘So the contention went on—England remaining proud and defiant
in her attitude that British sovereignty must never yield, and the
young American colony holding that a great principle underlay the
act—that freemen should only be taxed by a representative. And
during this time seventeen million pounds of tea had heaped itself in
the store-houses of the East India Company.
“‘It had required a hundred and fifty years from the first step of
Plymouth Rock to the beginning of the Revolution. Boston, now a
town of 18,000 folk, sent forth a tongue of flame that bespoke
defiance to the mother country across the sea. The highest sense of
public duty grew in these people as weeds flourish in others. What a
time that must have been: Heroes springing up over-night to live
forever in the history of the nation. English spies, traitorous Indians,
tea parties and tea-ships riding the waves of Boston Bay, not
dreaming it was the open mouth of the dragon.
“‘Tea stood for Toryism, and no tea meant Independence. All over
the land activities started up such as were never before heard of.
Looms and spindles whirred as fabrics were woven of home-grown
flax and wool, and material hitherto imported from England now
began to be made by the colonists at home. Even weapons and
ammunition began to be spoken of, and old recipes for
manufacturing gunpowder were brought out and experimented with.
“Now that you’ve got us as far as the Boston Tea Party, keep right on
and finish it up, even if the sun does shine,” remarked Jack.
“Then I’ll read to you about Lexington and Concord,” replied Mrs.
Parke, turning the pages of the book till she found the one that
recorded the Revolution.
“‘Thus it came about that every separate colony in the country came
together and formed an unbreakable link of fellowship that would
stand against every force to dissolve or break it.
“‘General Gage had followed instructions and avoided any act which
would lead to hostilities between his men and the colonists, but
feeling the lack of provisions and other necessities, he sent out
secret detachments to capture what was needed; but the people
resented these raids, and offered every resistance to the pilferers.
“‘But in some way the colonists had been warned of the proposed
raid, and as the British troops marched along the road which they
expected to find almost deserted at that time of night, they were
surprised to meet horsemen, and men on foot, hurrying along also.
As no one offered opposition to the soldiers, they never dreamed of
trouble.
“‘After this skirmish, the opening tragedy of the war, the British
marched on to Concord where they soon took possession. Detached
parties were placed to guard various approaches to the town, while
the main body of soldiers proceeded to destroy the arms,
ammunition and provisions found in store.
“‘This aid checked the first pursuit of the provincials, but the latter
kept up an incessant fire upon the British as they marched on their
way to Boston.
“‘The news of this event excited every one in Massachusetts, and
soon the whole country was in warlike array. The first blood had
been shed by the British without provocation, and the proud army of
England had been met by provincial men and made to retreat.
“‘But the colonists realized what they were standing for, and every
man accepted the work for ultimate salvation from the yoke. Each
stood in his place obedient to his superior, and each chief confined
his action to his own sphere, while all felt the bond of brotherhood in
the furtherance of a grand plan for all.
“‘In Virginia, much the same spirit animated the people. As soon as
war was apprehended, they solicited Washington to take command
of their troops, and he readily consented to this.
“‘The fires of rebellion were now burning steadily in every town and
hamlet where patriotic freemen collected, and the launching of the
first and greatest nation of Liberty on the earth was accomplished.
“‘Orders were given to open fire from ships and batteries upon the
men and works, but this cannonading only served to stimulate the
soldiers’ activities and zeal; nor did they cease work until a line of
breastwork was completed from the right of the redoubt to the
bottom of the hill.
“‘General Gage, finding all efforts to dislodge the men from this
vantage point unavailing, ordered two squadrons under Howe and
Pigot, to drive out the Continentals. While the British forces landed
and formed on shore, the Americans continued work on the
fortifications. The British proceeded up the hill, while constant fire
was poured in upon the colonists and the newly-built works. Orders
were given to burn Charlestown lest the provincials find refuge there
when they should be driven from the hill-works. As the town was
built of wood, it soon blazed high and covered the surrounding land
with its smoke and fire.
“‘Major Putnam charged his men to withhold fire until they could see
“the white of their assailants’ eyes,” and then fire low. So well was
this order obeyed that the first volley from the men in the redoubt
was so deadly that the advancing troops reeled, wavered and
suddenly turned to flee. But the courage of the officers rallied the
men, and they again charged up the hill to have the same unerring
fire poured into their midst. Then their lines broke and they fled
precipitately.
“‘General Clinton, seeing this defeat from his camp, volunteered to
lead a fresh company to the aid of the retreating men. The third
attack was more cautious than the first two had been, and artillery
had raked the entire length of the breastworks before the troops
reached it. Also, the ammunition of the defenders was nearly
exhausted, so that they had to reserve their last fire until the enemy
was right at the works.
“‘This fire was telling, but had not the same effect as at first, and the
redoubt was carried by storm, the Americans dealing death at every
step of retreat, and when the powder was gone they used the butt
end of their guns to such effect that the redoubt was filled with slain
enemy.
“‘Although the victory was with the British, they were so dismayed at
the result of the battle that they offered no resistance to the retreat
of the Americans, and the latter soon joined their friends.
“‘This battle was one of the most destructive and bloody recorded in
the wars of the Revolution.
“Sure enough! Come on and play! We can read history another rainy
day,” abetted Jack, jumping up from the rug.
“Mother, thank you for the story, but we’re off now for some fun,”
declared Martha, helping Anne to her feet.
CHAPTER V—THE BOSTON TEA PARTY
“What shall we play?” asked Jack the moment the four were out on
the veranda.
“That’s the signal for Jim that we are going to have an engagement
with the British!” replied George, watching eagerly the side of the
house where the kitchens were located.
“There he is! Come on now,” ordered George, starting for the lilac
bushes across the lawn.
“Oh, dear me! Martha, you go and bring them to us, will you?” asked
George impatiently.
“I’m not Mrs. Washington yet, and she didn’t run errands for George
before she was married to him,” objected Martha.
“Send Jim for them!” whispered Jack, as he saw the little fellow
running with might and main to join his adored commander-in-chief.
“What will you play with if the weapons and uniforms are in the
attic?” asked Anne.
At this they all stopped short, as no one had thought of the army
equipment till then.
“Guess Jack and I had better go for the overshoes and then we can
bring along some things for the Continental army,” ventured George.
“And send Jim on to John’s house to call him out,” added Martha.
“Yes, that’s a good plan. You, Jim, see here!” explained George.
“Climb over the hedge and look for John. If you don’t see him,
whistle, and when he comes out, tell him we are going to the creek
to have the Boston Tea Party—see?”
“Yeh, Ah see all right!” eagerly replied Jim, nodding his woolly head
energetically as he started off for the hedge that separated the
Grahams’ from the Parkes’ estate.
The two girls were told to go to the barn and find some tools—axe,
nails, hammers, or hatchets, and a saw, if possible.
The lilac bushes were abandoned for a time, while the girls sought
for and captured various tools in the barn when the gardener was
absent. The two boys tied up whatever uniforms they could
conveniently carry, and Jim hid them near the Grahams’ house and
gave the familiar cat-call for John.
These important errands completed, they all went to the creek that
crossed the private road leading to the Parke estate.
Again assembled for play, they examined the items on hand and
John said: “You can’t have ships without material.”
“Then you can help us make one now,” said Martha eagerly.
“We’ll have to find some boards and small logs then,” replied Jack,
looking about in the timber heap for suitable lengths for crossbeams.
“We’ve got some boards about six feet long in the lumber house
near here that I heard father say he wouldn’t use till next summer.
Then he’s going to lay a new boardwalk from the garage to the
barn,” suggested John.
“Just what we need. Come and show me where they are, and we
four boys will bring them here while the girls roll those small lengths
of timber down to the water-edge,” said Jack.
The battleship was ready to sail when the luncheon bell sounded
over the lawns to call the British and Continental armies to mess.
The children looked at each other in disgust, for now it seemed a
wholesale waste of time to go home and eat!
“What have you got for tea?” asked Martha at this moment.
“That won’t be as much fun as if you had some chests and boxes
stacked on the boat. Maybe Jim can find some empty boxes in the
store-room for us to fill with sand,” ventured Anne.
“Fine! Bring them out and leave them under the lilacs while you go
back for the empty boxes. We’ll eat lunch and meet you where you
leave the guns,” said George conclusively.
“What for? You can creep in and empty some boxes out better than
if a lot of us went with you,” countered Martha.
“But onny one uv yo’ all will hep a lot! Not all uv yo’. One uv us kin
han’ down dose boxes an’ anudder kin shift it outen de store-room
winder. Den Garge kin stan’ unner dat winder an’ run wid ’em t’ de
lilacs,” explained Jim, who really was very cunning in self-defence.
“Good stunt! Martha, you go with Jim right after lunch and Jack and
I will carry away the goods,” said George, waving a hand at John,
who started in the opposite direction for home and luncheon.
At the table that noon, the ladies suggested that they all take a nice
drive about the country in the automobile. The amazed children
looked at each other and then at their elders.
“Goodness me! We don’t care about scenery, mother!” objected
George.
“Of course not! We want to play nice outdoor games,” added Martha.
“What have you been doing since we stopped reading?” asked Mrs.
Davis.
“I didn’t hear a sound from you, so I thought you were pining for
something to do; that is why I proposed the drive,” said Mrs. Parke.
“Oh, no, we never pine. First we found Jim, and then we went to
John’s side of the hedge to get him. After talking over the best thing
to play, we decided to build something Jack knows all about ’cause
he has camped, and we are going to carpenter just as he tells us
this afternoon, so you see we haven’t time to admire the scenery,”
explained George.
“But there is generally something doubtful under all of the quiet and
constructive plays George favors so readily,” doubted Mrs. Parke.
So the mothers were sent off on the drive, and the two armies
continued their plans for a grand fight.
The moment luncheon was over Martha crept to the back door and
thence to the store-room that was built out from the butler’s pantry.
The servants were all downstairs eating lunch and talking, so the
time was most opportune for a raid. Jim was already there trying to
pry up lids of cereal cartons and other boxes.
“Heah’s some mos’ empty,” said he, the moment Martha appeared in
the store-room.
“They’re all right! Even if there is a little oatmeal and rice in some of
’em—so much the better, cause we must try to fish ’em out of the
water when the Yanks throw the cargo in,” said Martha, carrying the
three boxes to the window, and dropping them out on the grass
where George stood waiting.
Besides the three boxes used for cereal, Jim found a real tea-caddy,
but it was more than half full, so Martha emptied the contents on a
newspaper spread on the floor behind the door.
Also they found a soap box and the contents was emptied on top of
the tea for want of a better place. A cardboard drum that had held
dried fruit or other viands, stood on the shelf with some stuff in it—
lumpy and pulverized together.
“Ah donno, but maybe yo’ kin tell ef yo’ tas’ it,” suggested Jim.
Martha dropped it and held her mouth frantically, while Jim implored
her not to make a noise or they would be “ketched.” But the venture
was enough for Martha, who hurried out of the room to seek a drink
of cooling water.
“Wall, she’s went fer a drink an’ ef dat sody sticks to her tongue
she’ll have suds all inside her mouf, won’t she?” said Jim.
Martha’s appearance quieted any fears for her safety, however, and
soon after all were running to the creek with their burdens of boxes
and broomstick guns.
The raft was heavy and hard to move, but finally all hands heaved
and tugged and moved it inch by inch nearer the water. The bank of
the stream was about three feet above the surface of the water, so
when the raft was half over the bank they expected to see it plunge
headlong in with a splash, but it stuck on the jagged trunk of a tree,
and the children tried in vain to dislodge it.
“Fine idea! Here, John, you stand there and pry under her with this
stick. Jim can stand there just opposite you, while Jack and I, being
strongest, will pry and shove from the back to shove her over,” said
George.
Obediently, John took his place and Jim stood on a flat stone
opposite, but on the lower side of the raft. When the signal was
given by Martha, all four shoved and worked together and the raft
moved an inch more nearer the water.
“Fine! Now, boys, once more!” shouted Jack.
Again the signal sounded, and all four pried and pushed. Suddenly
the weight of the raft carried it forward with great momentum,
dislodging the stone upon which Jim stood and pushed with his
broomstick. He lost his balance and fell upon the raft just as it
submerged in the creek.
Jim went with it, and as the mud that was stirred up from the
bottom of the sluggish stream when the heavy corner of the raft dug
down through the water immediately clung to him, Jim was an
object for pity when he sputtered up from the water.
“Dear me! The first man overboard and neither side ready for the
act!” sighed Anne seriously.
“Aren’t you ashamed of yourself, Jim, to go and spoil the battle like
that?” demanded Martha, justly angry.
“Well, now that you’re wet, you’d better be the captain on the ship.
Get the raft back here to shore so we can load her up with tea,”
ordered Jack.
“When we sail into Boston harbor you must try to keep us out, and
that is the way the fight will begin. Whichever side wins can take the
raft, and cargo and sail it wherever they like,” explained George.
It had not been Jack’s plan to have George take the first ride on the
raft, nor, indeed, command the warship, but having said it he could
not very well change the order, so the next best plan was to sail with
Lord Somebody, with Jim the captain.
The captain, so proud of his title and position, forgot about his
muddy appearance, and eagerly hauled the cumbersome raft to the
bank.
“S’posin’ you girls and John be the colonists on the other bank. You
must use the guns and anything you can to keep us from landing the
tea,” said Jack.
As neither Anne nor Martha wished to risk their dry clothes on the
tipsy-looking raft, this suggestion met with their fullest approval; but
John grew sulky, as he wanted to try the raft.
“What’s that?” shouted Jack, now engaged in loading the ship with
chests.
“Nothing much! I don’t see any fun in this fight, that’s all,”
complained John.
“Oh, but there will be! Just wait till we get in that row in Boston
harbor! Hurry across and be ready for us,” cried George, who half-
suspected John of jealousy, and, at the same time, felt he was guilty
of selfishness himself.
The tea was stacked in its boxes on the ship Dartmouth, and the
three, Captain Jim and the English baronets, as passengers, set sail
for Boston harbor.
On the American side, Martha had found an old apple tree near the
bridge, the fruit of which had lain so long on the damp ground that
the apples were rotted within and soft as pulp, the skins being the
only sound part of the fruit.
“Oo-oh, let’s!” cried Anne, and John, coming up just then, felt a
secret joy in planning how he would fire those cannon-balls at the
men on the ship.
“We’re stuck!” declared Jack, as they tried to shove off from the
bank now said to be England.
“And every time I push the water comes up over my shoes,” said
George, looking dolefully at his soaked shoes and stockings.
“Let’s pull them off and fling them over on the bank,” suggested
Jack.
“Ah, say! See what you did to me!” cried George, now soaking wet
to the waistline.
“Quick! Never mind the wet—there go our tea chests!” yelled Jack,
trying to save the drum as it floated away from the raft.
“We’ll salute you with guns all right!” added John grimly.
“So’ll we! We’ll go back to London and find some guns and shot,
too,” promised George, looking at the Americans and then at Jack,
who was wallowing through the mud to gain the bank again.
But the clever Yanks kept all news of their ammunition from the eyes
and ears of the British. Then, having found some long sticks that
would answer for guns, the three mariners set sail again on their
dangerous journey across the sea—a distance of thirty feet from
bank to bank.
This time the raft was kept balanced, while the three stood hugging
each other in the center of the boards. Their shoes and coats had
been left on the woodpile, so they were not hampered with
overmuch clothing.
Now, John had bided his time very patiently, and, feeling that he had
been supplanted in the fun and affections of George by his cousin
Jack, he determined not to wait till the ship came into port, when
the boys could jump from the vessel, to land and find the pyramid of
bad apples ready to fire.
George could afford to laugh at the sight, for he still held his footing
on the wet and slippery raft; but he laughed too soon. John took
another aim and fired a second shot. It hit the boards of the raft just
back of George, who was not aware of it, as it simply squashed all
over without making a noise.
He moved back a trifle to gain a surer footing, and that action was
his own undoing. His foot slipped on the slippery mush, and down
he came upon the planks. Again the tipsy raft dove, and again
George slid off into the stream.
The middle of the stream was swollen by the rains to a depth of four
feet, and Jim only being three feet high, could not be seen, but he
could paddle a bit with legs and arms in poor imitation of swimming,
so George and Jack found him wildly kicking and striking the water
in a vain endeavor to float.
John doubled over in glee at his marksmanship, and the two girls,
running to see what the new commotion was about, saw the three
boys in the creek, trying to board the raft. With every pull and extra
weight on the warship, it dipped gracefully and slipped the children’s
eager, clutching hands from its edges.
“You’ll have to wade back to England and sail again,” yelled John
comfortingly.
“You just wait till we get over there!” threatened Jack, who
suspected the power back of that apple.
“We’ll wait all right! Long time comin’, too!” roared John, slapping his
knees.
While Jack pulled Jim to shallow water, George managed to haul the
now water-logged raft back to the English shore. The pasteboard
cartons and drum were thoroughly soaked by this time and showed
signs of collapse, but the soap-box withstood the elements in a fine
manner.
During the third trial to cross the tempestuous seas, the cartons
holding oatmeal and hominy spread out and the cereals floated
down on the face of the creek. The pasteboard sides, now flattened
out and soaked, were of no use, so they were kicked off; but in the
sudden jerking Jack and George clutched each other madly, or they
would have slid into the water for the third time.
“I guess Boston will never get a speck of that cargo!” laughed John,
both hands behind his back holding large-sized decayed cannon-balls
from the apple tree.
“Bet you three shots to your every one that you won’t land it!”
taunted John.
“Take you up! If we land anything we take three shots at you. If you
keep us from landing, you have three at us,” cried George, the fire of
battle shining in his eyes.
“Here, John, you wade out and upset them,” whispered Anne
mischievously.
“I’ve got a better idea. I’ll get up on that tree-trunk leaning out over
the creek and you girls can hand me some heavy clumps of dirt,
wood or rocks. I’ll drop it over on the raft so it will tip and roll off the
rest of the cargo,” whispered John.
The three sailors were fully occupied in balancing and bringing the
raft across the stream where it should go, so they failed to see John
scale the overhanging willow tree and lean down to get the rocks
and fragments of tree-trunks the girls passed up to him. Not until a
stone fell upon the side of the raft where the remaining boxes stood
did they dream of danger from a fort.
“Ah, say, that isn’t fair!” complained Jack, not daring to look up or
around.
A second rock landed on the edge of the raft, and then a mass of
dirt and dead leaves. After this, the girls assisted in the fusillade,
and the boys were not only kept busy avoiding the ammunition of
the Americans; but they found the raft tilting so dangerously that
another added bit of weight would roll the single remaining soap-box
from the ship.
“Jack, it’s dare or die!” said George, nodding to the débris thrown on
the raft and the slant of the ship under water.
“Jim’s the lightest—he must take the soap-box and try to reach
shore with it while we fight them for a landing out here. If they go
for Jim, we can land, and if they keep up with us Jim can scramble
up the bank.”
Jim was willing, and Jack thought it was a fighting chance, so the
captain of the Dartmouth sidled off into the water and grabbed the
box which he had to safely carry up on shore—in the face of the
American cannonading.
Had the creek been clear of mud and roots, the British might have
landed their sea forces, and thus the history of the American
colonists might never have been written as such; but which one of
the combating parties could dream of the unseen menace that took
a part in this tragic fight?
The two girls and John saw Jim slide off and push the soap-box in
front of him, but they felt a sympathy for him, for it was apparent
that Jack and George preferred to remain on the raft and let Jim try
to land. Then they would claim the right to fire three shots to one at
the Americans.
British and Yanks alike forgot their enmity and shouted out: “What’s
happened, Jim?”
But the little pickaninny, beating the water frantically with both
hands, while continuing to howl, tried to jump up from the water.
Jack and George, too wet to mind more water, and John, with the
two girls on shore, rushed for the captain to try and save him, for
they firmly believed he was about to yell his last earthly breath.
Jack and George reached him first, and instantly caught his wildly
waving arms to drag him up on shore. They thought that if it was his
time to “climb the golden stairs” he was always singing about, he
ought to begin on dry land.
But Jim’s yells grew more appalling as he was half-carried and half-
dragged out of the water. Just as John and his two confederates ran
up, the cause of all this frenzy was found.
George knew what to do, so he quickly broke its shell with a sharp
stone, and Jim almost fainted with relief at his freedom. The girls
tried to pet him and offer sympathies, but Jack and George took
advantage of the situation.
But most of the apples had been fired, and Jim whispered: “Ah wan’
t’ go hum!”
“Ah, don’t go home now! Your toe will soon feel better, and besides,
mammy will ask you where the boxes went from the store-room,”
advised Martha.
Jim looked up at her wistfully and said: “Ah’ll tell her dem British
sunk ’em all!”
“If Jim can’t go home, and you girls won’t let us shoot as you
agreed, what shall we do, anyway?” sulked George, who felt it was
an unlucky day, because no more apples could be found.
“We can use the raft to sail up Lake Champlain, where it can be the
first warship of the American navy,” added Anne.
“All right—come on!” declared John, who was glad to postpone his
being shot at by two good aims like George and Jack.
“Well, here’s a good tree for the earthworks on the hill near Boston,”
ventured John.
“Can’t we skip those two first fights, and start right in with the
burning of Charlestown and the fight on the hill? We can build a
dandy bonfire for Charlestown,” said Anne.
“Then we can’t do it! We may as well go home and wait for the
automobile to come back,” said Martha resignedly.
“I don’t see why. We can build earthworks and fight down the British
as they come up the hill, and then the British can win the battle and
fight us all the way back to Charlestown; and General Washington
can come along and pat us on the back for courage and bravery, and
then we can all plan together how to get back at the British,”
exclaimed George eagerly.
“I’m wet and soggy, and Jim’s going to cry all afternoon, so I guess
I’ll go back and change my clothes,” said Jack, suddenly feeling
discouraged over the failure of his nation to win an easy battle.
“If we keep away from the store-room, and creep up the front stairs
to change our clothes, we can be sitting on the lawn under the
canopy when mother gets back,” ventured Martha.
“Let John take him home and dry his clothes, then they both can
join us on the lawn, and sit quietly while the sun sets. Mother says
she wants us to watch the fall sunsets, as they are always so
beautiful,” offered George.
So the good advice was followed, but Martha did not dream that Jim
had dumped the washing-soda over the orange pekoe tea, so that it
was impossible to sift or wash it out. Hence, the Parkes had no tea
that afternoon, nor, did the cook have her fragrant beverage at each
meal until the new chest came from Washington.
“Well, didn’t the Yanks sacrifice tea to their patriotism that time in
Boston?” asked Jack of his mother, when the story was told.
CHAPTER VII—BATTLES ABOUT NEW YORK
“What shall we play to-day?” asked Anne Davis, as the four cousins
emerged from the breakfast-room.
“Well, let’s call him and decide on some game,” said Jack. So Jim
was whistled for, and his shining face soon appeared from the
kitchen-areaway.
“Oh, we’re sick of Boston! It’s all right in a way, but not for a second
time,” said George, thinking of the battle of the day before.
“Then let’s have a fight on Long Island, when the British drove the
Americans from Brooklyn, to cross the East River to their main
army,” said John.
Welcome to our website – the ideal destination for book lovers and
knowledge seekers. With a mission to inspire endlessly, we offer a
vast collection of books, ranging from classic literary works to
specialized publications, self-development books, and children's
literature. Each book is a new journey of discovery, expanding
knowledge and enriching the soul of the reade
Our website is not just a platform for buying books, but a bridge
connecting readers to the timeless values of culture and wisdom. With
an elegant, user-friendly interface and an intelligent search system,
we are committed to providing a quick and convenient shopping
experience. Additionally, our special promotions and home delivery
services ensure that you save time and fully enjoy the joy of reading.
ebookname.com