Packt+ | Advance your knowledge in tech

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Internet of Things with Arduino Blueprints

You're reading from Internet of Things with Arduino Blueprints

Product type Book

Published in Oct 2015

Publisher

ISBN-13 9781785285486

Pages 210 pages

Edition 1st Edition

Languages

Concepts

Author (1):

Pradeeka Seneviratne

Table of Contents (15) Chapters

Internet of Things with Arduino Blueprints

Credits

About the Author

About the Reviewers

www.PacktPub.com

Preface

1. Internet-Controlled PowerSwitch

2. Wi-Fi Signal Strength Reader and Haptic Feedback

3. Internet-Connected Smart Water Meter

4. Arduino Security Camera with Motion Detection

5. Solar Panel Voltage Logging with NearBus Cloud Connector and Xively

6. GPS Location Tracker with Temboo, Twilio, and Google Maps

7. Tweet-a-Light – Twitter-Enabled Electric Light

8. Controlling Infrared Devices Using IR Remote

Index

Adding a Cascade Style Sheet to the web user interface

Cascade Style Sheet (CSS) defines how HTML elements are to be displayed. Metro UI CSS (https://metroui.org.ua/) is a cascade style sheet that can be used to apply Windows 8-like style to your HTML elements.

The following Arduino sketch applies Windows 8-like style to the radio button group:

Open your Arduino IDE and paste the code from the sketch named B04844_01_05.ino from the code folder of this chapter.
Between the <head></head> tags we have first included the JQuery library which consists of a rich set of JavaScript functions:
```
client.println("<script src=\"https://metroui.org.ua/js/jquery-2.1.3.min.js\"></script>");
```

Then, we have included metro.js and metro.css from the https://metroui.org.ua website:

client.println("<script src=\"https://metroui.org.ua/js/metro.js\"></script>");
client.println("<link rel=\"stylesheet\" href=\"https://metroui.org.ua/css/metro.css\">");

Upload the sketch on your Arduino board and play with the new look and feel. You can modify the other HTML elements and even use the radio buttons by referring to the MetroUI CSS website documentation at https://metroui.org.ua/.

MetroUI CSS style applied to radio buttons

You have been reading a chapter from

Internet of Things with Arduino Blueprints

Published in: Oct 2015 Publisher: ISBN-13: 9781785285486

© 2015 Packt Publishing Limited All Rights Reserved

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at €14.99/month. Cancel anytime}

Authors (1)

Pradeeka Seneviratne

Pradeeka Seneviratne is a software engineer with over 10 years' experience in computer programming and systems design. He is an expert in the development of Arduino- and Raspberry Pi-based embedded systems. Pradeeka is currently a full-time embedded software engineer who works with embedded systems and highly scalable technologies. Previously, he worked as a software engineer for several IT infrastructure and technology servicing companies. He collaborated with the Outernet project as a volunteer hardware and software tester for Lighthouse- and Raspberry Pi-based DIY Outernet receivers based on Ku band satellite frequencies. He is also the author of five books: Internet of Things with Arduino Blueprints [Packt Publishing] IoT: Building Arduino-Based Projects [Packt Publishing] Building Arduino PLCs [Apress] Raspberry Pi 3 Projects for Java Programmers [Packt Publishing] Beginning BBC micro:bit [Apress]

See other products by Pradeeka Seneviratne

Personalised recommendations for you

Based on your interests and search pattern

Architectural Patterns and Techniques for Developing IoT Solutions

Architectural Patterns and Techniques for Developing IoT Solutions

This book covers all the patterns and considerations that give you both the power and flexibility to build scalable, secure, and performant IoT solutions by combining various patterns in interesting ways. It also lists the benefits of combining IoT with technologies like blockchain, 3D-printing, 5G, Generative AI, quantum computing, and LLMs.

Sep 2023 10 hours 8 minutes

Arduino Data Communications

Arduino Data Communications

Arduino Data Communication focuses on IoT’s Internet aspect, guiding you in setting up your own infrastructure for storing and managing the data collected from sensors. This book goes beyond microcontroller basics, equipping you with the knowledge essential for building real-world projects.

Nov 2023 9 hours 32 minutes

Arduino IoT Cloud for Developers

Arduino IoT Cloud for Developers

From fundamental principles to advanced techniques, this comprehensive book equips you with the knowledge and skills needed to design and deploy IoT applications seamlessly. Explore cloud integration, best practices, and real-world projects to harness the full potential of IoT application development with the Arduino IoT Cloud.

Nov 2023 13 hours 24 minutes

The Azure IoT Handbook

The Azure IoT Handbook

Building IoT Systems with Azure IoT is a comprehensive introduction for those who are new to the Internet of Things and looking to get up to speed in no time. This book will teach you how to create and develop IoT solutions with intelligent edge-to-cloud technologies in the Azure cloud.

Dec 2023 8 hours 16 minutes