What type of tools are used to do invitation design?

Posted on 2009-05-21
Medium Priority
Last Modified: 2013-11-19
Can anybody tell me what do we call the online tools which are used to do online image design which some companies are using now a days. For example, Pingg.com.

Also please send me some pointers to such tools. Both open source/freeware or commercial.

Or better still, can somebody tell me the name of the tool which Pingg is using. And if they are not using any tool then are they using some framework/SDK to do online editing of images/backgrounds.

Simply, i want to know how they are doing this or how such a thing can be done.

Question by:nitingupta183
  • 3
  • 3
LVL 43

Expert Comment

by:David S.
ID: 24447713
For some sites it's easy to tell which tools were used to make it. For others, you would have to ask the developers. This case seems to be the latter.

Adobe's PhotoShop and Fireworks image editors are popular.  Some people use Paint Shop Pro or even GIMP instead.

There is an larger number of tools for writing the code used in those pages.

Author Comment

ID: 24448176
These tools, if I understood correctly, are used for designing the web pages. What I am looking to know is those tools/APIs which are exposed to the user of the application itself to do on the spot image or background editing, setting templates etc. This is quite popular with online Invitations and eCard portals. I am sure that they have not done it from scratch. Somewhere there must be an API which is actually doing the core stuff and these applications have just wrapped these APIs withing their user interface.

I will be glad if some one can introduce me to these tools and APIs.
LVL 43

Accepted Solution

David S. earned 500 total points
ID: 24449074
Ah. Sorry, I misunderstood what you were asking.

As far as I can tell, it's a custom system.  They are using the Prototype JavaScript framework though.
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.


Author Comment

ID: 24449275
Yes. I also reached the same conclusion by googling around and having a peek at the page source.

Author Comment

ID: 24449365
I have got another question on the same problem. Pingg loads the invitation templates (images) previews or the thumbnails at a remarkable speed. They do open a popup and reload the trans coded version of the selected templates in a popup window.

Can anybody suggest how this fast loading is achieved? One solution to the problem is to have the content delivery network support, which is good. But additionally, is there any possibility of using a special media or content server which keeps the content for them.

If someone can shed light on the client side & the server side handling on how something similar can be done, will be great. Do the javascript frameworks like Prototype or GWT provide some options out of the box to transfer the data in some kind of reduced size form.
LVL 43

Assisted Solution

by:David S.
David S. earned 500 total points
ID: 24450015
They're using Lightbox 2: http://www.huddletogether.com/projects/lightbox2/

It looks like some of those images are being served from a CDN.

Sadly they've violated the terms of use for some of the scripts they are using.

> Do the javascript frameworks like Prototype or GWT provide some options out of the box to
> transfer the data in some kind of reduced size form.

As far as I know, no. Images can only be compressed so much.

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Not only does Prezi allow you to create non-linear presentations, it also makes it easy to apply transition animations between your frames. Learn how to apply a fade-in transition to select items and entire frames in this tutorial Select "Edit Path"…
Learn how to download your full Prezi presentation for offline presenting. Prezi doesn’t have to be viewed and shared in a web browser, even with a free account you can download your full presentation to share with others. Be sure to download any vi…

624 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question