Contents

• Outline
• The Problem
• Sudoku web apps
• Cracking The Cryptic
• CTC Sudoku Web App
• Sudoku "Variants"
• “Classic” Sudoku
• The problem
• Target feature set
• The Solution
• Available now at:
• SudokuExchange.com
• Settings screen
• Menu options
• Share screen
• SVG
• What is SVG?
• Editing SVG in Inkscape
• HTML tags
• SVG vs PNG
• SVG vs PNG - stretched
• SVG in the UI
• Adapt UI to screen size
• Inside SVG
• SVG is XML (which is text)
• SVG coordinates & viewBox
• SVG shape elements
• Using SVG in a web page
• SVG elements directly in HTML
• Style with CSS
• Manipulate with Javascript
• SVG & React
• Generating SVG with React
• Styling SVG with CSS
• Generating SVG with React
• Interacting with SVG
• Review
• Challenges
• Related links
• The End