Posts Tagged ‘OS’

Sometimes, we need to take environment-specific actions while working on web projects.

Device.js is a tiny JavaScript library that simplifies writing conditional CSS or JavaScript that is based on the platform, operating system or browser.


The library detects them and adds specific classes to the <html> element, just like <html lang="en" class="android tablet landscape">.

But that’s not all. Device.js has JavaScript methods to detect them too. And there is support for all the major operating systems + browsers.

Conditionizr is a smart jQuery plugin which detects the user’s browser + pixel ratio and allows serving specific conditional JavaScript and CSS files needed.

It has conditional <html> class additions for the browser and its version in use (like <html class="ie ie8">).


Any script and style can be loaded for the defined browsers. Also, similar to <html> class additions feature, it can add specific classes for retina and non-retina devices.

And, another nice feature is the ability to return the OS of the visitor which is again useful for loading any custom scripts and styles.

There are many social networks, apps, programs and frameworks which are being used widely.

Pictonic Free is a huge icon font which has most of the popular items from the categories above and also includes browsers, operating systems and databases.

There are 220+ icons (letters) and it is a pretty useful set for icon font fans.

Pictonic Free

Web-based operating systems are becoming more and more solid everyday (thanks to JS frameworks that offer a desktop-like experience).

They are mostly hosted web applications which is not surprising. However, Lucid Desktop is an open source webOS that is built with PHP and uses a SQL database for storing data.

Lucid Desktop

It is a multi-user application which is very modular with the support for installable applications.

Lucid Desktop already comes with lots of applications like text editor, calculator, image viewer, simple games, web browser, feed reader, music player and more.

With the help of a file manager, you can add-edit-delete files and folders (a context menu makes these steps easier), change the appearance of the desktop with theming support and auto-update the OS to the latest version.