1 option
CSS3 and SVG with Meta AI / Oswald Campesato.
- Format:
- Book
- Author/Creator:
- Campesato, Oswald, author.
- Series:
- Computing and Information Technology Series
- Language:
- English
- Subjects (All):
- Artificial intelligence--Industrial applications.
- Artificial intelligence.
- Physical Description:
- 1 online resource (243 pages)
- Edition:
- First edition.
- Place of Publication:
- Boston, MA : Mercury Learning and Information, [2024]
- Summary:
- This book provides an introduction to generative AI and how to use Meta AI to generate graphics code using various combinations of HTML, CSS3, and SVG. It covers various aspects of modern web development and AI technologies, with a particular emphasis on Generative AI, CSS3, SVG, JavaScript, HTML, and popular web features like 3D animations and gradients. By exploring these topics, readers will gain a deeper understanding of how AI can enhance web development processes and how to leverage AI models like Meta AI to streamline development workflows. Web developers, UI/UX designers, and software engineers seeking to blend traditional web development skills with the latest AI technologies will find this book to be a valuable resource. FEATURES * Covers generative AI fundamentals to advanced CSS3 and SVG techniques, offering comprehensive material on modern web development technologies * 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 Meta AI-generated code * Includes companion files with code, datasets, and images from the book -- available from the publisher for downloading (with proof of purchase)
- Contents:
- Cover
- Title Page
- Copyright
- 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
- The Successes of Generative AI
- Conversational AI Versus Generative AI
- Primary Objective
- Applications
- Technologies Used
- Training and Interaction
- Evaluation
- Data Requirements
- Is DALL-E Part of Generative AI?
- Are ChatGPT-3 and GPT-4 Part of Generative AI?
- Artificial General Intelligence Versus Generative AI
- Generative AI Versus Machine Learning (ML), Deep Learning (DL), NLP, and Reinforcement Learning (RL)
- Which Fields Benefit the Most from Generative AI?
- How Will the Enterprise Space Benefit from Generative AI?
- The Impact of Generative AI on Jobs
- What Is Artificial General Intelligence (AGI)?
- When Will AGI Arrive?
- How Can We Prepare for AGI?
- Will AGI Control the World?
- Should Humans Fear AGI?
- Beyond AGI
- DeepMind
- DeepMind and Games
- Player of Games (PoG)
- OpenAI
- Cohere
- Hugging Face
- Hugging Face Libraries
- Hugging Face Model Hub
- AI21
- Anthropic
- What are LLMs?
- What Is the Purpose of LLMs?
- Model Size Versus Training Set Size
- Do LLMs Understand Language?
- Caveats Regarding LLMs
- Loss Functions
- Pitfalls of Working with LLMs
- A Brief History of Modern LLMs
- Success Stories in Generative AI
- Real-World Use Cases for Generative AI
- 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
- Prompt Injections
- Poorly Worded Prompts
- LLMs Try to Be Helpful
- Meta AI
- Gemini
- GPT-4
- Claude 3.
- Perplexity
- The GPT-3 Playground
- Inference Parameters
- Temperature Parameter
- Temperature and the softmax() Function
- Aspects of LLM Development
- LLM Size Versus Performance
- Emergent Abilities of LLMs
- Kaplan and Undertrained Models
- 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
- 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
- Chapter 5: CSS3 and Meta AI
- 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
- 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
- Chapter 7: SVG and Meta AI
- 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
- Index.
- Notes:
- Description based on publisher supplied metadata and other sources.
- Description based on print version record.
- Other Format:
- Print version: Campesato, Oswald CSS3 and SVG with Meta AI
- ISBN:
- 9781501521232
- OCLC:
- 1472990355
The Penn Libraries is committed to describing library materials using current, accurate, and responsible language. If you discover outdated or inaccurate language, please fill out this feedback form to report it and suggest alternative language.