Releases: BryantWelch/display-test.app
Releases · BryantWelch/display-test.app
v1.0.0
Display Test v1.0.0 🎉
Welcome to the first official release of Display Test, a comprehensive web-based toolkit for testing and calibrating displays. Built with modern web technologies and designed with a focus on usability, this tool helps users evaluate their display's performance across multiple parameters.
✨ Core Test Suite
Visual Tests
- 🔍 Dead/Stuck Pixel Test - Identify faulty pixels with solid color screens
- 📊 Uniformity Test - Check your display's backlight consistency
- 📝 Text Clarity Test - Evaluate text rendering and sharpness
- 🎨 Color Tests
- Gradient Test - Examine color banding and smooth transitions
- Distance Test - Verify color accuracy and distinction
- ⚡ Response Time Test - Check display motion performance
- 🌈 Test Patterns - Various patterns for detailed inspection
- 📐 Viewing Angle Test - Assess color/contrast shifts at different angles
- ☀️ Brightness Test - Verify display luminance levels
- 🌗 Contrast Test - Evaluate contrast ratio performance
- 🐰 Matrix Test - "Unfortunately, no one can be told what the Matrix is. You have to see it for yourself."
User Experience
- 💻 Fullscreen Mode
- Distraction-free testing environment
- Keyboard shortcuts for quick navigation
- Easy exit with Escape or F11 key
- 📱 Responsive Design
- Working mobile interface
- Touch-friendly controls
- Adaptive layout for all screen sizes
- 🧭 Enhanced Navigation
- Fixed header with dropdown menus
- Smooth transitions between tests
- Intuitive test categorization
🛠️ Technical Details
- Built with React 19
- Styled with styled-components
- Optimized for performance
- Progressive Web App (PWA) ready
- Fast loading with code splitting
- Hosted on GitHub Pages
💡 Additional Features
- Links to recommended calibration tools
- Hardware recommendations for professional calibration
- Privacy-focused (no tracking, no accounts needed)
- Free and open for everyone to use
🌐 Browser Support
- Google Chrome (latest)
- Mozilla Firefox (latest)
- Microsoft Edge (latest)
- Safari (latest)
🚀 Getting Started
- Visit display-test.app
- Select a test from the navigation menu
- Follow the on-screen instructions
- Use fullscreen mode for best results
📝 Notes
- All tests run directly in your browser
- No downloads or installations required
- No account or login needed
- Free to use
🔜 Coming Soon
Stay tuned for more improvements and features in future updates!
Visit the live site: display-test.app
v0.12.30
Display Test App v0.12.30
Updates
Home Page Layout
- Added ad container structure for future AdSense integration
- Improved responsive layout with three-column grid system
- Optimized mobile view by hiding ad spaces on smaller screens
Mobile Navigation
- Fixed mobile navbar click functionality
- Added click-outside behavior to close dropdowns
- Improved touch interaction on mobile devices
Code Optimization
- Fixed all ESLint warnings
- Removed unused variables and imports
- Optimized React hooks dependencies
- Added ads.txt file for future AdSense integration
Test Descriptions
- Updated test descriptions to be more accurate and detailed
- Maintained consistent two-sentence structure
- Added specific feature mentions for each test
Performance
- Improved component memoization
- Optimized state management in test components
- Enhanced mobile responsiveness
Technical Updates
- Added z-index management for dropdowns
- Improved event handling for mobile interactions
- Enhanced state cleanup in test components
v0.12.29
Display Test App v0.12.29
Updates
Test Descriptions
- Updated all test descriptions on the home page to be more accurate and detailed
- Added specific feature mentions for each test's capabilities
- Improved clarity of text to better reflect actual test functionality
Navbar Improvements
- Added new Calibration section with three categories:
- Calibration Discs
- Calibration Hardware
- Calibration Software
- Maintained original navbar organization with Tests and Other Tools
- Added placeholder structure for future product links
Technical Updates
- Enhanced state management for navbar dropdowns
- Improved component organization
- Added structure for future calibration gear
v0.12.28
Display Test App v0.12.28
Bug Fixes
- Fixed overlapping animation issue in Matrix Test when changing colors or exiting/re-entering the test
- Fixed incorrect gamma value ordering in Gamma Test (now properly displays from γ = 1.8 to γ = 2.4)
Improvements
Matrix Test
- Added proper cleanup using AbortController to prevent animation artifacts
- Increased maximum text size from 40px to 60px
- Changed default text size from 16px to 30px
- Improved color selection UI layout
- Added dark blue as a fourth background color option
Gamma Test
- Improved visibility of gamma values (γ) with larger text and better contrast
- Added visual highlighting to make gamma values more readable
- Maintained proper speed control while fixing animation issues
Technical Updates
- Implemented better animation cleanup in Matrix Test
- Optimized state management for color changes
- Improved fullscreen exit handling
v0.12.27
🎉 Release v0.12.27
✨ New Features
- Added site logo and favicon
- Implemented comprehensive SEO optimization
- Added social media preview cards
- Created sitemap.xml for better search engine indexing
🎨 UI Improvements
- Added logo to header with interactive effects
- Enhanced header styling with gradient effects
- Improved site branding consistency
🔧 Technical Improvements
- Added robots.txt configuration
- Implemented canonical URLs
- Added Open Graph and Twitter Card meta tags
- Optimized meta descriptions for search engines
📝 Documentation
- Updated meta descriptions to include all test types
- Enhanced social sharing previews
- Added comprehensive sitemap with all test pages
🛠️ Under the Hood
- Optimized logo for various device sizes (16x16 to 512x512)
- Configured PWA manifest for app installation
- Added SEO-friendly URL structure
v0.12.26
Display Test App v0.12.26
What's New
- Enhanced navigation behavior across all test components
- Consistent exit handling when leaving fullscreen mode
- Improved Home page navigation from all test screens
Bug Fixes
- Added proper cleanup for animations in Response Time Test
- Improved error handling during fullscreen exit operations
Technical Details
- Added requestAnimationFrame for smoother transitions when exiting fullscreen mode
- Standardized fullscreen exit behavior across all test components
- Improved state cleanup in components with animations or intervals
Notes
- All test components now consistently return to the Home page when exiting fullscreen mode
- Enhanced error handling for fullscreen exit operations across all tests
v0.12.25
📜 Legal and Navigation Updates v0.12.25
🔒 Legal Framework
- Added MIT License to establish clear terms for open source collaboration
- Created comprehensive Privacy Policy page explaining our no-data-collection approach
- Updated footer with legal links and modern hover animations
🧭 Navigation Enhancements
- Added "Other Tools" dropdown in navbar for future keyboard and controller testing tools
- Improved link interactions with consistent gradient underline animations
- Reorganized footer content for better readability
💼 Documentation
- Added LICENSE file with MIT License terms
- Created Privacy Policy route and component
- Updated copyright notice to reflect open source status
🎨 UI Improvements
- Enhanced footer links with gradient underline animations
- Added subtle separator between legal links
- Maintained consistent styling across all interactive elements
🛠️ Making display testing more beautiful and legally sound!
v0.12.24
🎨 Display-test.app v0.12.24 - UI/UX Improvements - Navigation and Footer Enhancement ✨
🧭 Navigation Improvements
- Separated header content into a dedicated Header component for better code organization
- Created a modern dropdown menu for tests in the navigation bar
- Implemented fullscreen mode for all test links in the navigation dropdown
- Improved navigation layout with the test menu positioned next to the logo
👣 Footer Enhancements
- Added smooth, modern underline animations to footer links
- Implemented gradient underline effects that match the app's design language
- Created separate styling for the Ko-fi button to maintain its distinct appearance
- Refined footer spacing and alignment
🛠️ Code Quality
- Improved component organization by separating Header from Home component
- Removed unused components and imports
- Enhanced code maintainability through better component structure
- Ensured all navigation links maintain fullscreen functionality
💅 Visual Improvements
- Added smooth transitions and animations to interactive elements
- Implemented consistent hover effects across the application
- Enhanced dropdown menu with modern styling and animations
- Maintained the app's cohesive design language with gradient effects
🚀 Making display testing more beautiful, one component at a time!
v0.12.23
Release v0.12.23
🚀 New Features
Footer Enhancements
- Added Ko-Fi support button to the bottom right corner of the footer
- Button includes hover animation effect
- Responsive design for mobile devices
- Updated footer links with project-specific resources:
- Added direct links to GitHub repository
- Added Issues section
- Added Pull Requests section
- Added Releases section
Resource Links Update
- Updated Resources section with new display testing references:
- Display Ninja Knowledge Base
- Rtings Research
- UFO Test
Community Links Update
- Refreshed Community section with active display forums:
- Blur Busters Forum
- AVS Forum - Display Calibration section
- DisplayCal Forum
🐛 Bug Fixes
None
🔧 Technical Updates
- Implemented styled-components for Ko-Fi button integration
- Enhanced footer component with proper positioning and responsive design
v0.12.22
🚀 Display-test.app v0.12.22 - Modern Footer Update
🌟 New Features
- Added a modern, responsive footer to the homepage
- Implemented three-column layout with curated external resources
- Added links to display technology resources, testing tools, and community platforms
🔧 Technical Changes
- Created new Footer component
- Added conditional rendering to only show footer on homepage
- Implemented responsive design with mobile optimization
- Added proper CSS Grid layout with centered content
🎨 Design Improvements
- Gradient background matching site theme
- Centered text alignment for better readability
- Smooth hover transitions on links
- Proper spacing and padding for visual hierarchy
🔗 External Resources Added
- Display technology guides and articles
- Monitor testing methodologies
- Color standards and calibration resources
- Community forums and discussion platforms
🔍 Technical Details
- Uses CSS Grid for responsive layout
- Implements CSS variables for consistent theming
- Uses React Router's
useLocationfor route-based rendering - Optimized for both desktop and mobile views
📝 Notes
- Footer is only visible on the homepage to prevent interference with display tests
- All external links open in new tabs with proper security attributes
- Maintained consistent styling with the existing application theme