
CSS3 and SVG with Claude 3
Description
Alles über E-Books | Antworten auf Fragen rund um E-Books, Kopierschutz und Dateiformate finden Sie in unserem Info- & Hilfebereich.
- 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.
More details
Other editions
Additional editions

Person
Content
- 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
System requirements
File format: PDF
Copy protection: Watermark-DRM (Digital Rights Management)
System requirements:
- Computer (Windows; MacOS X; Linux): Use the free software Adobe Reader, Adobe Digital Editions, or any other PDF viewer of your choice (see eBook Help).
- Tablet/Smartphone (Android; iOS): Install the free app Adobe Digital Editions or another reading app for eBooks, e.g., PocketBook (see eBook Help).
- E-reader: Bookeen, Kobo, Pocketbook, Sony, Tolino and many more (only limited: Kindle).
The file format PDF always displays a book page identically on any hardware. This makes PDF suitable for complex layouts such as those used in textbooks and reference books (images, tables, columns, footnotes). Unfortunately, on the small screens of e-readers or smartphones, PDFs are rather annoying, requiring too much scrolling.
This eBook uses Watermark-DRM, a „soft” copy protection. This means that there are no technical restrictions to prevent illegal distribution. However, there is a personalised watermark embedded in the eBook that can be used to identify the purchaser of the eBook in the event of misuse and to provide evidence for legal purposes.
For more information, see our eBook Help page.