Psx emulator mac os x mac os x#
Psx emulator mac os x password#

HTML5 and CSS3ДЇor this project I used HTML5 and the unique capacity of CSS3. To see this experiment you will need a browser that supports CSS3 Keyframes Animations, so the choice is Firefox, Safari, or Chrome. Here i will list what I used for this project. I use javascript only for the clock and the jQuery UI Draggable library to have a draggable windows.ДЇor the rest is all CSS3 excluding the background image and icons. As mentioned previously this is only the first version, and consequently still missing several features that I will implement in the next release.

The pseudo-class target has its limits and then to fix those small weaknesses, once you enter your password, javascript sets the desktop as the main section.ДЇinally here we have in our desktop.

Psx emulator mac os x password#

The animation of password error is connected via javascript but the animation is created using CSS3. Regarding the rest is all CSS 3, such as hide/show the input field when you click on the avatar, same goes for the appearance of the tooltip when you click on the input field. Thanks to the :target pseudo-class can be passed from one section to another. I used javascript only for the clock, create a fake login and when the password is valid I added some class to fix the desktop section and remove permanently the section login animation. This section mainly consists of a clock, two images (logos and avatars user name), two backgrounds and a password input field. After the animation, dissolves the section to show the login section. It has a logo (created in Photoshop) and a simple loader (fake loading). This section is simply composed by a CSS3 keyframes animation. In the next release i will implement new icons and new features while we examine what we have today. This is the first release and as you will see not everything is fully functional and at least as regards the desktop.

Psx emulator mac os x mac os x#

I wanted to create with only use of CSS3 the boot, the login page and finally the desktop of the Mac OS X Lion. Hello everyone and Happy New Year to all, lately iвЂ™ve been busy and so i havenвЂ™t time to write here, i hope that by this experiment to be pardoned :).