9News: A Sophisticated News Reader Web App

Bringing Top News to Young Readers

One of the key features that sets 9News apart is its ability to detect users' reading preferences through the use of geometric shapes and lines. By analyzing the user's interactions with these shapes, the app tailors the news selection to match their interests. This personalized approach ensures that users are presented with news that is relevant and engaging to them.

Unlike other news reader apps, 9News handpicks the top news from a variety of internationally recognized news portals each day. This ensures that users are getting a comprehensive and diverse range of news from trusted sources. The app maintains consistency in both its content and visual design, creating a seamless reading and navigating experience.

9News is built using HTML5, CSS3, jQuery, and SVG animation technologies. The use of CSS Cubic Bezier and 3D transformation enhances the app's performance, especially on low-end devices, while providing vivid and engaging animations. The app is fully responsive, adapting perfectly to screens of various sizes, including desktops, tablets, and smartphones.

During the development process, one of the main challenges was creating an interface that worked seamlessly on both desktop and touch screen devices. The team successfully overcame this obstacle by designing a unique interface for touch screen devices, replacing the 9 square dots with 9 animated symbols achieved through SVG. This ensures compatibility with both Android and iOS systems.

Recognized for its innovative design and practical functionality, 9News was awarded the Iron A' Design Award in 2016. This prestigious award is given to designs that meet professional and industrial requirements, integrating industry best practices and competent technical characteristics. 9News stands as a testament to Dingzhou Li's commitment to creating a better world through well-designed and innovative creations.

With its unique approach to news reading, 9News is a valuable tool for young people looking to stay informed about the world around them. By combining sophisticated design principles with user preference detection, this web app provides a personalized and engaging news experience.