Accordion (1) AfterEffects (1) Application (2) Automobile (1) Banking (1) Chrome (1) Cinema4D (2) Coding (2) Corel Draw (1) CSS (4) CSS3 (11) Design (2) Dropdown (1) Film (1) Finance (1) FinTech (1) Gateways (1) HTML (4) HTML5 (4) JavaScript (7) KDE (2) Layout (1) Login (1) LungoJs (1) Menu (3) Menubar (2) Movies (1) Navigation (2) Open Source (4) Panel (1) Payment (1) Photo Gallery (1) Photoshop (2) PHP (3) Production (1) Rekonq (2) Sony Vegas Pro (1) Startups (1) Taskware (1) Technology (1) Ticker (1) Validation (1) Website (3) XHTML (1)

Tuesday, January 24, 2012

Less of Qt and more of HTML5: Rekonq

The implementation of the background image selector done in Rekonq was coded in Qt. The widgets and all were all coded. But now I've got a different implementation for the same problem. Rekonq uses webkit, so almost all of the HTML5 and CSS3 features are available for use. So instead of creating the popup widget and creating layouts using Qt we can create a lightbox using CSS3 and load the images using HTML5 handlers. Again the file select class of HTML5 will make it real easy to select files from the local disk or from the web. The data file although remains the same. The HTML5 will load data from the XML file using AJAX. This solution will not only make the widget a bit faster, but also coding for it will be a lot simpler. Just like a simple web page. The interface will also be for attractive and making animations will be also very easy.
The 6 images that I intended to load in the lightbox, will be a simple 3 x 2 table and the cells will be image hyperlinks. Instead of controlling the data by the file class of Qt we can use handlers to right the data directly from the HTML file. The entire lightbox will be just a HTML form with submit and cancel buttons. I guess this will soon be implemented. :)

No comments:

Post a Comment