
CSS3 and SVG with Claude 3
Beschreibung
- Features both manually created and AI generated code samples, security issues, crafting prompts, and accessibility needs
- Balances theoretical knowledge and practical examples, so readers gain hands-on experience in implementing AI-driven design solutions using Claude-generated code
- Includes companion files with code, datasets, and images from the book -- available from the publisher for downloading (with proof of purchase)
TABLE OF CONTENTS1: The Generative AI Landscape.
2: Prompt Engineering.
3: Introduction to CSS3.
4: CSS3 3D Animation.
5: CSS3 and Claude 3.
6: Introduction to SVG.
7: SVG and Claude 3. Index.
Weitere Details
Weitere Ausgaben
Person
Inhalt
- Half-Title Page
- LICENSE, DISCLAIMER OF LIABILITY, AND LIMITED WARRANTY
- Title Page
- Copyright Page
- Dedication
- Contents
- Preface
- Chapter 1: The Generative AI Landscape
- What Is Generative AI?
- Key Features of Generative AI
- Popular Techniques in Generative AI
- What Makes Generative AI Different
- Conversational AI Versus Generative AI
- Primary Objective
- Applications
- Technologies Used
- Training and Interaction
- Evaluation
- Data Requirements
- Is Claude 3 Part of Generative AI?
- Is DALL-E Part of Generative AI?
- DALLE-3 Sample Images
- What Are LLMs?
- What Are SLMs?
- Popular SLMs
- DeepMind
- DeepMind and Games
- Player of Games (PoG)
- OpenAI
- Cohere
- Hugging Face
- Hugging Face Libraries
- Hugging Face Model Hub
- AI21
- Introduction to Claude 3
- Advantages of Claude 3
- Limitations of Claude 3
- Interacting with Claude 3
- Claude 3 Custom Instructions
- Claude 3 and Prompts
- Claude 3 Competitors
- Google Gemini
- YouChat
- CoPilot (OpenAI/Microsoft)
- Codex (OpenAI)
- Apple GPT
- PaLM-2
- Llama 3
- Summary
- Chapter 2: Prompt Engineering
- What Is Prompt Engineering?
- Prompts and Completions
- Types of Prompts
- Instruction Prompts
- Reverse Prompts
- System Prompts Versus Agent Prompts
- Prompt Templates
- Prompts for Different LLMs
- Poorly Worded Prompts
- Inference Parameters
- Temperature Parameter
- Temperature and the softmax() Function
- LLMs Try to Be Helpful
- Meta AI
- Gemini
- GPT-4
- Claude 3
- Perplexity
- Aspects of LLM Development
- LLM Size Versus Performance
- Emergent Abilities of LLMs
- Kaplan and Undertrained Models
- Summary
- Chapter 3: Introduction to CSS3
- HTML and &DOCTYPE&
- CSS3 Features and Browser Support
- Browser-Specific Prefixes for CSS3
- A Quick Overview of CSS3 Features
- CSS3 Shadow Effects and Rounded Corners
- CSS3 and Text Shadow Effects
- CSS3 and Box Shadow Effects
- CSS3 and Rounded Corners
- CSS3 Gradients
- Linear Gradients
- Radial Gradients
- CSS3 2D Transforms
- Zoom Effects with Scale Transforms
- Rotate Transforms
- Skew Transforms
- Translate Transforms
- Summary
- Chapter 4: CSS3 3D Animation
- A CSS3-Based Cube
- CSS3 Transitions
- Simple CSS3 Animation Effects
- Glowing Effects
- Image Fading and Rotating Effects with CSS3
- Bouncing Effects
- CSS3 Effects for Text
- Rendering Multicolumn Text
- CSS3 Media Queries
- CSS3 3D Animation Effects
- Summary
- Chapter 5: CSS3 and Claude 3
- Working with HTML
- Popular Use Cases for HTML
- HTML and Accessibility
- Security Issues with HTML
- An HTML Web Page with a DropDown List
- Working with CSS3
- Use Cases for CSS3
- Security Issues with CSS3
- Text with a CSS3 Linear Gradient
- Text with a CSS3 Radial Gradient
- A Rounded Rectangle with a CSS3 Radial Gradient
- Diagonal Gradients and Multigradients
- Media Queries
- Keyframe Animation Effects
- CSS3 Animation Effects
- A Carousel Effect with CSS3
- CSS3 and 2D Transforms
- CSS3 Quadratic Bezier Curves
- CSS3 Cubic Bezier Curves
- Artistic CSS3 Cubic Bezier Curves
- CSS3 Filters
- CSS3 Blur Filter
- CSS3 Drop Shadow
- Summary
- Chapter 6: Introduction to SVG
- Overview of SVG
- Basic 2D Shapes in SVG
- SVG Gradients
- SVG &polygon& Element
- Bezier Curves
- SVG Filters, Shadow Effects, and Text Paths
- SVG Transforms
- SVG Animation
- SVG and JavaScript
- CSS3 and SVG Bar Charts
- Summary
- Chapter 7: SVG and Claude 3
- Working with SVG
- Use Cases for SVG
- Accessibility and SVG
- Security Issues with SVG
- SVG Linear Gradients
- SVG Radial Gradients
- A Triangle with a Radial Gradient
- SVG 2D Shapes and Gradients
- A Bar Chart in SVG
- SVG Quadratic Bezier Curves
- SVG Cubic Bezier Curves
- SVG and 2D Transforms
- Animated SVG Cubic Bezier Curves
- Hover Effects
- Hover Animation Effects
- SVG Versus CSS3: A Comparison
- SVG Versus PNG: A Comparison
- SVG Filters
- SVG Blur Filter
- SVG Turbulence Filter
- SVG and CSS3 in HTML Web Pages
- SVG and JavaScript in HTML Web Pages
- Elliptic Arcs with a Radial Gradient
- An SVG Checkerboard Pattern
- An SVG Checkerboard Pattern with Filter Effects
- A Master-Detail HTML Web Page
- Summary
- Index
Systemvoraussetzungen
Dateiformat: PDF
Kopierschutz: Wasserzeichen-DRM (Digital Rights Management)
Systemvoraussetzungen:
- Computer (Windows; MacOS X; Linux): Verwenden Sie zum Lesen die kostenlose Software Adobe Reader, Adobe Digital Editions oder einen anderen PDF-Viewer Ihrer Wahl (siehe E-Book Hilfe).
- Tablet/Smartphone (Android; iOS): Installieren Sie bereits vor dem Download die kostenlose App Adobe Digital Editions oder die App PocketBook (siehe E-Book Hilfe).
- E-Book-Reader: Bookeen, Kobo, Pocketbook, Sony, Tolino u.v.a.m.
Das Dateiformat PDF zeigt auf jeder Hardware eine Buchseite stets identisch an. Daher ist eine PDF auch für ein komplexes Layout geeignet, wie es bei Lehr- und Fachbüchern verwendet wird (Bilder, Tabellen, Spalten, Fußnoten). Bei kleinen Displays von E-Readern oder Smartphones sind PDF leider eher nervig, weil zu viel Scrollen notwendig ist. Mit Wasserzeichen-DRM wird hier ein „weicher” Kopierschutz verwendet. Daher ist technisch zwar alles möglich – sogar eine unzulässige Weitergabe. Aber an sichtbaren und unsichtbaren Stellen wird der Käufer des E-Books als Wasserzeichen hinterlegt, sodass im Falle eines Missbrauchs die Spur zurückverfolgt werden kann.
Weitere Informationen finden Sie in unserer E-Book Hilfe.