Product Features
Integrated with i18
translation
The program has built-in i18
translation, and for specific usage, please refer to ➔ i18
document.
Automatically match the browser language
The default language of the website will automatically match the browser's language.
After the user manually switches the language, the user's choice will be remembered.
Related code: github.com/i18n-site/18x/src/lang.coffee.
Mobile-terminal adaptation
There is also a perfect reading experience on the mobile phone.
Front-end high availability
By default, i18n.site
will publish the site content to npmjs.com
, with the assistance of jsdelivr.com, unpkg.com and other multiple CDN
s to load the content on npm
.
On this basis, mirror sources from the Chinese mainland were added to enable Chinese users to have stable access and achieve high front-end availability.
The principle is: intercept requests with service worker
, retry failed requests on other CDN
s, and adaptively enable the fastest-responding origin site as the default loading source.
Related code: github.com/18x/serviceWorker.
Single-page application, extremely fast loading
The website adopts a single-page application architecture, with no refresh when switching pages and extremely fast loading.
Optimized for the reading experience
Well-designed style
The beauty of simplicity is perfectly interpreted in the web design of this site.
It abandons superfluous decorations and presents the content in its purest form.
Like a beautiful poem, although it is short, it touches people's hearts.
── I18N.SITE Author
➔ Click here to see a list of styles.
Multi-language RSS
subscription
The above picture shows the multi-language RSS
subscription of i18n.site
using inoreader.com.
Load online fonts and support Chinese
The webpage defaults to enabling Alimama dual-axis variable square fonts, MiSans and other online fonts to unify the reading experience of users on different platforms.
At the same time, in order to improve the loading speed, the fonts are sliced according to word frequency statistics.
Related code: github.com/i18n-site/font.
Top navigation automatically hides
When scrolling down, the top navigation will automatically hide.
When scrolling up, the hidden navigation will reappear.
It will fade out when the mouse is not moving.
There is a full-screen button in the upper right corner of the navigation bar to create an immersive document reading experience.
Synchronized highlighting of the current chapter in the outline
When scrolling the content on the right side, the outline on the left will synchronously highlight the currently read chapter.
Cool details
Mouse effects
Hover the mouse over the button on the right side of the top navigation to see cool special effects.
The 404
little ghost
The 404
page has a cute little floating ghost, and its eyes will move with the mouse. ➔ Click here to view
Code open source
Code is open source. If you are interested in participating in development, please introduce yourself on the mailing list.
There are many small requirements that are important but not urgent. The development team will assign hands-on tasks based on the technologies you are good at, and improve the development documents while assigning the requirements.