realityripple.com

 The design of this website deserves some explanation, as it offers confusion to many users. No, it's not from the 1990s, and no, it's not broken. It's following strict design limitations for the purpose of truly universal display.

 Rather than treat a website like a giant advertisement, realityripple.com is designed without design. It's text information with links to other text information and useful software. It's an experiment in the universal cleanliness of HTML. Instead of relying on JavaScript (or AJAX or jQuery by extension), the entire site is designed to require only HTML rendering and benefit from advanced usage of basic CSS. That way, even on a text-based browser like Lynx, you'll see the same website as you do right now, plus or minus a thing or two.

 The CSS is designed to be modular, so that one of many themes can be selected, either through the Styles boxes at the bottom of the website, or through your browser's Page Style selection menu (usually under View). The functionality of Cascading Style Sheets was designed with this idea in mind, though it's never seen any popularity in usage, and is something of a hidden feature these days. This website is largely an experiment in the creative use of this feature to present the user with the same pages in any style, without reloading the page or changing the content through cheap JavaScript source path alterations. The browser literally handles the changes natively by removing one set of CSS files and adding another in its place. Shared styling is kept without reloading for minimal download effort, and simple GZ compression and E-Tagging improves the load time further.

 The focus on text is an important aspect of this site's design. Instead of constraining text between thick margins to create fixed fake page widths, the text simply wraps to the size of your browser, utilizing all of your screen for content. Without odd formatting, each page will wrap itself naturally for desktop and mobile viewing alike. Using simple concepts like "em spaces" for tabs and unicode characters for icons and pictographs, the site should load almost immediately over any connection. Currently, I'm cheating and using the Symbola font in WOFF2, WOFF, or TTF format, but as the newer Unicode standards proliferate into more popular fonts, the "serif" and "sans-serif" font-families which this site uses will eventually be enough to display a decent range of symbols. The idea is the same, though: use the basic standards to display all that is needed.

Guidelines


« Home Applications Pale Moon Extensions Themes Tools »

Security Privacy