85 lines
4.3 KiB
Markdown
85 lines
4.3 KiB
Markdown
## [1.0.0] - 2026-01-12
|
|
|
|
### Added
|
|
- Guided Learning Paths feature for structured learning progression
|
|
- Conceptual explanations and diagrams throughout HTML, CSS, and Tailwind lessons
|
|
- "Why This Works" concept section with collapsible details/summary elements
|
|
- Reset code confirmation dialog with skip option
|
|
- CodeMirror 6 editor with Emmet support and syntax highlighting
|
|
- Undo/redo/reset editor tools with keyboard shortcuts
|
|
- Module progress indicator and cross-module navigation
|
|
- Slide-out sidebar layout with lesson modules
|
|
- Language switcher supporting English, German, Polish, Spanish, Arabic, and Ukrainian
|
|
- Dynamic lesson loading by language with RTL support for Arabic
|
|
- Playground module with full-height HTML & CSS editor
|
|
- Welcome lesson with Hello World examples in 8 languages and DVD bounce animation
|
|
- Gentle loading fallback after 3 seconds
|
|
- Live code preview with instant feedback
|
|
- Complete German translation of the website
|
|
- Toggle switch for disabling error feedback with persistent user settings
|
|
- Code caching for instant lesson restoration on page reload
|
|
- Help dialog with learning modes and editor tools information
|
|
- More Projects section in help resources
|
|
- Footer with links to project repository and author website
|
|
- JSON schema for course modules
|
|
- Fine-grained validation feedback for lessons
|
|
- Keyboard shortcuts for editor tools and lesson navigation
|
|
- Emmet pro tip in FAQ accordion lesson
|
|
|
|
### Changed
|
|
- Lesson schema to include concept field for explanations
|
|
- Module layout from horizontal to Flexbox Froggy style with reordered panels
|
|
- Logo design with new branding and clickable navigation
|
|
- Preview iframe styling for better isolation and full-height display
|
|
- Module pill to float in navigation bar with lesson counter
|
|
- Hint bar to float over editor for better space utilization
|
|
- Welcome lesson with comprehensive info and learning resources
|
|
- Language display to show current language in dropdown format
|
|
- Module name element updates instead of overwriting entire pill
|
|
- Instruction element order with title first, module pill second
|
|
- Task descriptions with improved clarity and friendlier values
|
|
- Success message to "CRISPY!" with Japanese smiley emoticon
|
|
- Lesson content styling with improved readability and accessibility
|
|
- Mobile layout to show editor and preview in optimized order
|
|
- CRISPY animation duration and visibility timing
|
|
- Hamburger menu with cleaner CSS animation
|
|
- Copyright year from 2025 to 2026
|
|
- Transitions-animations difficulty level to intermediate
|
|
- Meta description and title for HTML & CSS learning focus
|
|
- Port configuration to 1234
|
|
|
|
### Fixed
|
|
- Mobile preview-header positioning above preview-wrapper
|
|
- Mobile preview visibility with explicit flex display
|
|
- Mobile editor minimum height for better usability
|
|
- Module list max-height constraint removal
|
|
- Placeholder text and loading indicators
|
|
- HTML lesson task instructions format alignment with solution code
|
|
- Race condition in error feedback closure timing
|
|
- Code tags for quoted text in lesson messages
|
|
- Preview iframe HTML/body minimum height for full coverage
|
|
- Lesson content with improved kbd tags and syntax examples
|
|
- Browser form restoration artifact from hidden textarea
|
|
- WCAG compliance issues and keyboard accessibility
|
|
- Box model task instructions format across all languages
|
|
- Hello World lesson with proper HTML structure and paragraph tags
|
|
- German translation consistency and completeness
|
|
- Initialization bugs affecting level indicator and expected preview
|
|
- Validation message casing and clarity
|
|
- Module name truncation to mobile only
|
|
- Layout issues for RTL text in Arabic
|
|
- Logo positioning and animation centering
|
|
- Editor scrolling behavior on lesson navigation
|
|
|
|
### Improved
|
|
- Lesson clarity with semantic HTML and proper element usage
|
|
- CSS organization with section headers and sorted rules
|
|
- Module descriptions for better user understanding
|
|
- Validation rules for basic selectors and class selectors lessons
|
|
- Progress bar styling with increased height and new background color
|
|
- Lesson preview functionality and run button interaction
|
|
- Code element styling and accessibility features
|
|
- Sidebar transparency for better lesson focus
|
|
- Layout performance with synchronous module loading
|
|
- Button styling and interactive elements
|
|
- Performance with code caching and module loading optimization |