Aravind Shenoy

Jumpstart UIKit

Learn to Build Enterprise-Level, Feature-Rich Websites that Work Elegantly with Minimum Fuss

1st ed.
Aravind Shenoy
Mumbai, Maharashtra, India
ISBN 978-1-4842-6028-9e-ISBN 978-1-4842-6029-6
https://doi.org/10.1007/978-1-4842-6029-6
© Aravind Shenoy 2020
This work is subject to copyright. All rights are reserved by the Publisher, whether the whole or part of the material is concerned, specifically the rights of translation, reprinting, reuse of illustrations, recitation, broadcasting, reproduction on microfilms or in any other physical way, and transmission or information storage and retrieval, electronic adaptation, computer software, or by similar or dissimilar methodology now known or hereafter developed.
The use of general descriptive names, registered names, trademarks, service marks, etc. in this publication does not imply, even in the absence of a specific statement, that such names are exempt from the relevant protective laws and regulations and therefore free for general use.
The publisher, the authors and the editors are safe to assume that the advice and information in this book are believed to be true and accurate at the date of publication. Neither the publisher nor the authors or the editors give a warranty, expressed or implied, with respect to the material contained herein or for any errors or omissions that may have been made. The publisher remains neutral with regard to jurisdictional claims in published maps and institutional affiliations.
Distributed to the book trade worldwide by Springer Science+Business Media New York, 1 New York Plaza, New York, NY 10004. Phone 1-800-SPRINGER, fax (201) 348-4505, e-mail [email protected], or visit www.springeronline.com. Apress Media, LLC is a California LLC and the sole member (owner) is Springer Science + Business Media Finance Inc (SSBM Finance Inc). SSBM Finance Inc is a Delaware corporation.

I dedicate this book to my uncle Ramanath N. Kamath, who has been my rock since childhood. Also, heartfelt gratitude to Professor Dange, an ex-IIT mentor, who guided me on the Theory of Machines and laid a solid foundation for my perception about engineering and technology 20 years ago.

Acknowledgments

I would like to thank the entire team at Apress, including Louise; Nancy; Jim; and specifically the technical reviewer, Anselm Bradford, for their exemplary work on this 12th book of mine. It has indeed been awesome collaborating with them on this book, and their efforts mean a lot when it comes to making this book a success.

A special thanks to my sister Aruna, too, remembering our childhood times, and for tolerating my idiosyncrasies while growing up.

Table of Contents
Chapter 1:​ QuickStart UIkit 1
Evolution of Responsive Web Design 1
Responsive vs.​ Adaptive Web Design 3
Getting Started with UIkit 5
Installing UIkit 7
Summary 12
References 12
Chapter 2:​ Grid System, Containers, and Helper Classes 13
UIkit Starter Template 14
Flexbox-Powered Grid Layout 16
Grids and Width 16
Containers 41
Utility Classes 45
Floats 45
Border Radius 46
Drop Cap 50
Logo 51
Summary 53
Chapter 3:​ Navigation Elements and Media Attributes 55
Navigation 55
Dropdown 56
List Navigations 61
Tabs 66
Navbar 70
Breadcrumbs 77
Icon Navigation 79
Sub Navigation 81
Thumbnail Navigation 83
Media Attributes 87
Labels 87
Badges 88
Carousels 89
Slideshow 95
Summary 102
Chapter 4:​ Active CSS and JavaScript Components 103
Buttons 104
Normal Buttons 104
Contextual-Colored Buttons 105
Different-Sized Buttons 106
Button Width Modifiers 107
Grouped Buttons 108
Icons 109
Normal Icons 110
Icons with Ratio Modifiers 110
Social Media Icons 112
Accordions 113
Alerts 116
Tooltips 120
Modals 122
Normal Modals 122
Full-Width Modals 125
Image Modals 127
Panels 128
Tiles 131
Upload 135
Inverse 137
Visibility 140
Pagination 143
Animations 146
Transition 150
Summary 153
Chapter 5:​ Forms and Tables 155
Forms 155
Simple Input Textbox 156
Contextual Colored-Form Textboxes 157
Grid-Width Input Textboxes 161
Select Options 162
Icons within Textboxes 164
Forms with Stacked Labels 166
Sign-Up Form 169
Tables 172
Summary 185
Chapter 6:​ Web Design - Peek into the Upcoming Trends in 2020 187
Animations, Extensive Use of Colors, and Eye-Catching Typography 188
Mobile-Friendly Design 189
Progressive Web Apps 189
Agile Design Practices and Data-Driven Design 190
Flat Design 191
Emergence of Single-Page Websites 191
Organic Illustrations 192
Chat-bots 192
Accessibility 193
Voice Search 193
Summary 195
Index 197
About the Author
Aravind Shenoy
../images/493797_1_En_BookFrontmatter_Figb_HTML.jpg

A senior content writer by profession, Aravind Shenoy’s core interests are technical writing, content writing, content development, web design, and business analysis. He was born and raised in Mumbai and currently resides there. A music buff - he loves listening to Rock n' Roll and Rap. Oasis, R.E.M, The Doors, Dire Straits, Coldplay, Jimi Hendrix, 3 Doors Down, Chemical Brothers, U2, Guns n’ Roses, and Michael Jackson rule his playlists. An engineering graduate from the Manipal Institute of Technology and an author of several books, he is a keen learner and believes that there is always a steep learning curve as Life is all about learning. In summary, as he quips, “The most important thing is to be happy - it’s all that matters. After all, we are here for a good time, not a long time.”

 
About the Technical Reviewer
Anselm Bradford

is a front-end web developer passionate about open source projects for government, nonprofits, and higher education.

Currently, he is developing tools to help protect consumers from misleading and illegal financial practices. He has experience working on social services discovery for Code for America, user research at Imgur, and digital media curriculum development at Auckland University of Technology.

Anselm is the lead author on the book HTML5 Mastery (Apress, 2011).

 
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.116.239.195