Ultimate Tailwind CSS Handbook
This book is an in-depth guide that merges machine learning techniques with OpenCV, the most popular computer vision library, using Python. The book introduces fundamental concepts in machine learning and computer vision, progressing to practical implementation with OpenCV. Concepts related to image...
Uloženo v:
| Hlavní autor: | |
|---|---|
| Médium: | E-kniha |
| Jazyk: | angličtina |
| Vydáno: |
Delhi
Orange Education PVT Ltd
2023
|
| Vydání: | 1 |
| Témata: | |
| On-line přístup: | Získat plný text |
| Tagy: |
Přidat tag
Žádné tagy, Buďte první, kdo vytvoří štítek k tomuto záznamu!
|
Obsah:
- Intro -- Cover Page -- Title Page -- Copyright Page -- Dedication Page -- About the Author -- Technical Reviewer -- Acknowledgement -- Preface -- Errata -- Table of Contents -- 1. Getting Started with HTML, CSS, and Tailwind CSS -- Introduction -- Structure -- Defining website -- Website and its representation -- Types of websites -- Webpage: a technical aspect -- HTML -- Styles and interactivity -- Cascading Style Sheet (CSS) -- Selectors -- Types of selectors -- Styles - (property-value pairs) -- CSS Box Model -- Types of CSS -- Inline CSS -- Internal CSS -- External CSS -- Media queries -- Key points to remember -- Introducing Tailwind CSS -- Need of Tailwind CSS -- Applying Tailwind CSS on HTML -- Advantages of Tailwind CSS -- Installing and setting up Tailwind CSS -- Apply Tailwind CSS using CDN -- Standalone CLI - Tailwind CSS without Node.js -- Tailwind CSS in production -- Conclusion -- 2. Design Principles for Tailwind CSS -- Introduction -- Structure -- Utility-first classes -- Events and states -- Responsive design -- Targeting a breakpoint range -- Dark mode -- Reusing styles -- Code editor support - multi cursor editing -- Using frameworks -- CSS abstraction -- Extracting classes with @apply -- Advantages of this approach -- Adding custom styles -- Arbitrary variants -- Handling ambiguities -- CSS and @layer -- Customizing base styles -- Customizing component classes -- Customizing utility styles -- Function and directives -- Directives -- @tailwind -- @layer -- @apply -- @config -- Functions -- theme() -- screen() -- Conclusion -- Points to remember -- Multiple choice questions -- Answers -- 3. Utility-First Classes and Customization Options -- Introduction -- Structure -- Customization -- Content -- Classes Safelisting -- Theme -- Extend -- Screens -- Colors -- Spacing -- Plugins -- Prefix -- Base styles -- Preflight
- Our ambience -- Clicks from kitchen -- Menu page -- Text block -- Menu Block -- Conclusion -- 6. Advanced Website Development with Tailwind CSS -- Introduction -- Structure -- Blogs page -- Contact us page -- FAQ page -- GIT: a brief note -- GIT working flow -- Some of the terms present in GIT -- GIT operations -- GitHub -- GitHub account -- Deployment -- Conclusion -- Points to remember -- Multiple choice questions -- Answers -- 7. Best Practices for Tailwind CSS -- A glance -- Keep it in mind -- Bonus -- Component 1 -- Component 2 -- Component 3 -- Component 4 -- Component 5 -- Component 6 -- Component 7 -- Component 8 -- Component 9 -- Component 10 -- Component 11 -- Conclusion -- Index
- Background size -- Background image -- Gradient color stops -- Borders -- Border radius -- Border width -- Border color -- Border style -- Divide width -- Divide color -- Divide style -- Outline width -- Outline color -- Outline style -- Outline offset -- Ring width -- Ring color -- Ring offset width -- Ring offset color -- Effects -- Box shadow -- Box shadow color -- Opacity -- Mix blend mode -- Background blend mode -- Normal filters -- Blur -- Brightness -- Contrast -- Drop shadow -- Grayscale -- Hue rotate -- Invert -- Saturate -- Sepia -- Backdrop filters -- Backdrop blur -- Backdrop brightness -- Backdrop contrast -- Backdrop grayscale -- Backdrop hue rotate -- Backdrop invert -- Backdrop opacity -- Backdrop saturate -- Backdrop sepia -- Tables -- Border collapse -- Border spacing -- Table layout -- Transitions and animations -- Transition property -- Transition duration -- Transition timing function -- Transition delay -- Animation -- Transforms -- Scale -- Rotate -- Translate -- Skew -- Transform origin -- Interactivity -- Accent color -- Appearance -- Cursor -- Caret color -- Pointer events -- Resize -- Scroll behavior -- Scroll margin -- Scroll padding -- Scroll snap align -- Scroll snap stop -- Scroll snap type -- Touch action -- User select -- Will change -- SVG -- Accessibility: Screen readers -- Conclusion -- Points to remember -- Multiple choice questions -- Answers -- 5. Developing a Website with Tailwind CSS -- Introduction -- Structure -- Website -- Categories of websites -- Static website -- Dynamic website -- Types of websites -- Requirement of website -- Website - the developer's viewpoint -- The working way of website -- Parts of the website -- Building a restaurant website -- Parts of our website -- Think in Tailwind way -- Let's begin development -- Webpages -- Header and footer -- Home page or Index page -- Gallery page
- Extending Preflight -- Disabling Preflight -- Layout -- Aspect ratio -- Container -- Columns -- Based on column count -- Based on column width -- Break After - Break Before - Break Inside -- break-before -- break-inside -- Box decoration break - box sizing -- Display -- Floats - clear - isolation -- Object Fit - Object Position -- Overflow -- Overscroll behavior -- Position -- Top - Right - Bottom - Left -- Negative value as a size -- Visibility -- Z-Index -- Flexbox and Grid -- Flex-Basis -- Flex Direction -- Flex Wrap -- Flex -- Flex Grow -- Flex Shrink -- Order -- Grid template columns -- Grid column start/end -- Grid template rows -- Grid row start/end -- Grid Auto Flow -- Grid Auto Columns -- Grid Auto Rows -- Gap -- Justify - Align - Place -- Justify Content -- Justify Items -- Justify Self -- Align content -- Align Items -- Align Self -- Place Content -- Place Items -- Place Self -- Spacing -- Padding -- Margin -- Space between -- Sizing -- Width -- Min-width -- Max-width -- Height -- Min-height -- Max-height -- Conclusion -- Points to remember -- Multiple choice questions -- Answers -- 4. Element-Specific Styling with Utility- First Classes -- Introduction -- Structure -- Typography -- Font -- Font family -- Font size -- Font smoothing -- Font style -- Font weight -- Font variant numeric -- Letter spacing -- Line clamp -- Line height -- Relative line height -- Fixed line height -- List style -- List style type -- List style position -- Text -- Text align -- Text color -- Text decoration -- Text decoration color -- Text decoration style -- Text decoration thickness -- Text underline offset -- Text transform -- Text overflow -- Text indent -- Vertical align -- Whitespace -- Word break -- Content -- Backgrounds -- Background attachment -- Background clip -- Background color -- Background origin -- Background position -- Background repeat