realityripple.com

 The design of this website deserves some explanation, as it offers confusion to many users. No, it's not from the 1990's, 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 &quuot;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

Language Standards

 While this website's code does attempt to adhere to the standards for HTML and CSS as laid out by the W3C, there are a few unique elements to the site's content, which will likely only be of interest to developers. First is the use of a unique header, "X-PHP-Execution-Time", which contains the amount of time PHP took to render the page. Rather than display this information within the page, I thought this a more prudent location.

 The second deviation from standard is actually more of an application of a standard in a non-standard way. The "Download" buttons on this site contain an "Integrity" attribute, used in the same methodology as laid out in the W3C Subresource Integrity Recommendation, but for A elements instead of LINK or SCRIPT elements. As far as I know, no system currently supports this attribute on this element at this time, but it seems like a natural potential evolution from this point.

 I wouldn't go so far as to call either of these alterations pre-standards, but they both seem like useful components that have been thus far left out of standards. And making something to fill in what's been left out is what RealityRipple Software does.


  « Home Applications Image Hosting Mozilla Add-ons Themes PC Repair »