Illyism

Colours.

Ilias Ismanalijev — Tue, 13 Jul 2010 08:38:47 +0000

A test with colours and HTML and JS. The page changes colours depending on the position of the mouse or your finger. This works perfectly on any iDevice, you can even add it to the home screen and it will run like a native app. The test also includes support for web app shortcuts.

iPhone App

iPhone Safari

Web app on windows

Chrome’s HTML5 Video full-screen

Ilias Ismanalijev — Wed, 17 Mar 2010 21:18:40 +0000

Google Chrome does not support HTML5 Video playback on full-screen mode. This is now possible with the help of my extension. Here’s the blurb:

Play HTML5 videos in full scale in your browser with the click of a button, you can go to full screen afterwards by pressing F11. By pressing the button you will open a new tab or a window for all HTML5 videos. You won’t have to open a tab or window on the popular video sharing sites that support HTML5, as it scale it within the same tab. Sites currently supported for this feature: Vimeo, Youtube, DailyMotion. For all the other sites, it will open a new tab.

Do note that some videos on YouTube, Vimeo have to be played in the flash player, and you won’t be able to use this extension. But most flash player have their own full screen method.

There is also a button for the Browser Action, the place right to the omnibar, that you can download externally. Here: https://chrome.google.com/extensions/detail/nkiejlfmdglmipnmjmhjoeickbmpfcoj

* Enabling HTML5 video on Vimeo: To enable the HTML5 player, click the “Switch to HTML5 player” link below any video.
* Enabling HTML5 video on YouTube: http://www.youtube.com/html5
* Enabling HTML5 video on DailyMotion: http://openvideo.dailymotion.com/

* Youtube: Click on ‘open in a new window’ to the top-right of the player to open it in a new window. It also gets a full-screen button on the player.
* On the options-page you can control where videos will open to, a tab or a window.

Get it from the Gallery

Audio Portal extension

Ilias Ismanalijev — Wed, 17 Mar 2010 21:08:52 +0000

Do you love user-generated music from Newgrounds? Coming with a playlist, a great-looking player and great functionality. The Audio Portal extension will allow you to play music from Newgrounds in the background.

This is yet another extension for Google Chrome. HTML5 audio is really slick, and I was surprised at how useful jQuery was in this.

I coded a quick sample before starting on the Chrome extension, which you can see here. This just pulls the songs and places them in a list.

Get the extension from the Gallery

HTML5 Video Subtitles Experiment

Ilias Ismanalijev — Sun, 14 Feb 2010 17:52:10 +0000

Well, isn’t this pretty awesome? This little lab experiment enables you to place .srt subtitles in your video. You just have to link to them with ajax and it will get the correct captions and place them in an array. Every time the video tag sends the ontimeupdate event, it checks if there is a subtitle line available for that time and places it in the video.

Here’s an iframe for you:

Flickr Puzzle

Ilias Ismanalijev — Thu, 04 Feb 2010 21:01:05 +0000

Just released this fun game for Flickr, the Flickr Puzzle. It uses the canvas 5 html element to create a jigsaw puzzle out of a random image from Flickr. I already made it into a Google Chrome Extension too!

Play a jigsaw puzzle in your popup with a random image collected from the image sharing site Flickr. The images will be always safe, thanks to the Flickr pandas. Every time you close and reopen your popup, you will get a new image set. From there you can select one of the 5 images to make into a jigsaw puzzle. This is done with the new and amazing HTML5 canvas element.

PasteBox

Ilias Ismanalijev — Sat, 23 Jan 2010 15:03:15 +0000

PasteBox allows you to quickly copy and paste text or code into your popup box and keep it there for future usage. You can change or delete the saved text.

Double-click on the text to see where the data is privately and securely saved. You can, of course copy and paste that link to show people your text via any messaging service.

The extension is very light and fast, it will load and save your pastes immediately without any delay.

Get it from the Gallery
Source Code

Google Chrome: Chess

Ilias Ismanalijev — Fri, 08 Jan 2010 20:25:34 +0000

Chess is a board game that you can play against the computer and directly in your popup.

You can change the piece that a pawn becomes when it reaches the other side, and the computer’s difficulty level. You can also set the buttons for Undo/Swap in the options. By default:
U: Undo,
S: Swap,
S: Save game,
L: Load game.

Update 1.0.1:

Fixed bug with linux

update 1.0.2:

Added the feature to load/save the game. L loads, S saves.
Added a notification of stalemate/checkmate.

update 1.1.5:

Option to change chess icons.
Option to change background and tile colour.
Bug fixes.

Get it from the Gallery
Source Code

Rainfall Radar

Ilias Ismanalijev — Sun, 03 Jan 2010 15:53:20 +0000

I recently switched to Google Chrome from Firefox, and made an useful extension that displays the rainfall in and around Belgium and the Netherlands.

With this extension you can see the rainfall in and around Belgium. The rainfall will be indicated by clouds on a map. You can zoom into the Netherlands or Belgium. The feed will be updated whenever you open the popup.

Get it from the Gallery

Create HTML script for Photoshop

Ilias Ismanalijev — Sat, 26 Dec 2009 15:38:57 +0000

Here is a small script for Photoshop that can be used to create a HTML page from a photoshop file. It will trim the whitespace around an object and save it as png image. It will then make a HTML file containing text and the images.

You can get it from SVN.

Widgets and Gadgets

Ilias Ismanalijev — Tue, 22 Dec 2009 16:00:13 +0000

Lately I’ve become interested in the development of widgets and gadgets, after making my first firefox addon ever I decided to try and see how widgets work. So, I downloaded and installed the Konfabulator SDK and started looking at source code.

That worked well and with the knowledge learned I created the wikiHow Search Widget. This was easy and fun to do. After some weeks, I thought how cool it would be to create a widget for imgur.com, I went and did that. That turned out pretty well.

After creating three widgets I started to expand and tried to develop something for another desktop dashboard. Since I have Windows 7, it came installed with Windows Sidebar. Developing on that is quite hard, it’s a lot messier to debug. I picked a simple task and created something for wikiHow editors again.

I also tried to work with Google Desktop, it’s better than Windows Sidebar, but I still prefer Konfabulator.