Categories

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, February 28, 2012

CASE - Revisited!

CASE gets a remake. All the coming soon tags gone and now there is a fully active site capable of handling heavy traffic. A bit heavily loaded cause of the graphics, this version of CASE has got a more beautiful front page because of the textured background and use of CSS3. The menu is neater and more elegant with a semi transparent background. Also the navigation throughout the page has been made easier with sensible placement of navigation  bars in the page. Graphics has been incorporated along with text-shadows and boxes. The point that this site may be viewed on different screen sizes has been aptly been taken care of. All the content being centered in a 1000px wrapper. So 1024x768 is the minimum resolution I'm targeting. Also dividing the page into different panels just like in a grid has made it a lot easier to handle.
Now that the site is up for action, it will be tough to keep it maintained. Giving remake to it will be of secondary concern, providing patches and new modules being the primary one. A lot of exciting plugins and modules are being planned and will provide a lot of functionality and portability to the site. One of the primary modules on the sketchpad being the mobile version of this! So watch out for that.

Monday, February 27, 2012

CASE - Finally it's up!

After Aarohan2012 and a couple of other research and development projects it was finally time for me to go commercial. 16 hours of continuous work, finally the CASE - Consumer Awareness and Solutions Enterprise website is up and running (consumersolution.0fees.net). Although this is an alpha version and just a preview of what the organisation is all about, in two weeks time the website is going to great a completely new look. Currently it is just a rough collection of PHP pages with plain CSS. Now with much more advanced graphics, animations, HTML5 canvas this one is going to be like a hell of a website. I bet if the team is happy with the start, they will amazed with the beta version. And yes, photoshopping will be something I'll be looking at this time because I believe that great coding always need great graphics.
Not only does making the website for CASE excites me, but also the endeavour that the organisation is taking is awesome. The first of its kind in India and I'm happy to be a small part of it. I would like to thank the entire team for giving me this opportunity.

Thursday, February 23, 2012

An attempt for a (X)HTML editor

Google and many other sites provide editors on the web! They are great text editors, except for the fact that many of them lack the HTML editing capabilities! In my next attempt I'll be trying to create an editor using javascript and (X)HTML, that will be providing full scale editing capabilities, mainly HTML editing capabilities. I drafted out a plan, the design is nice but adding HTML capabilities will be new to me. Later if this succeeds, I'll be trying to incorporate this in an application so that we can use this. I believe that it will be off great use, specially in mail editing applications, given that webkit has developed a long way and can provide many capabilities without much hassle.

Tuesday, February 14, 2012

Menu - A new way!!


Website menus has always been lists modified with a lot of CSS. We have seen vertical menus, horizontal menus, dropdown menus, etc. So this time I planned on something different. I made a circular menu where the sub menus appear as bearings around the main circle. This menu can be extended on all sides to include more sub menus. Check out the code. It will surely be interesting I hope!!

Download files:

Note: The code has been optimized for Mozilla. Add the -webkit- and -o- commands for running it on Chrome, Safari or Opera.

Saturday, February 4, 2012

Give user the power: Editing ProjectPier

ProjectPier is an opensource  cross-platform application that is written using PHP, Javascript and requires a MySQL database backend. It is a simple, powerful and intuitive software for web-based project management and group collaboration.
Now the present ProjectPier version is shipped with just a single default theme named marine. I implemented quite a few for themes for the project that I made. They did work out nice, but later I realised that open source is not about giving the user plenty of options, instead its about giving him all the options. So I decided to add another table to the MySQL database which will store the theme and ui data and another php form which allows the user to add or modify the looks. They can choose any color or gradient or background image they want to. Javascript handlers manage the textboxes, color choosers and spin boxes. They make Ajax calls to change the required data in the database. And finally the CSS of the file gets dynamically changed using Javascript. Wasn't that tough!! :)