Show your mom you care. Buy her some flowers from 1800Flowers. Use code BESTMOM for 15% discount >>
40 Online Generators for Web Designers Should Bookmark
40 Online Generators for Web Designers Should Bookmark
Online Generators for Web Designers can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Online generator are those tools that help us to create those popular “XHTML valid” CSS banners, micro buttons or css website templates in seconds. In such cases online generators can be of great help which do the necessary job and some tools don’t have to be downloaded also. We all know that backgrounds play a crucial role in a design. Web Designers sometimes spend a lot of time in making pattern or stripe backgrounds and there are also tool to help you out here. In this article, I have listed some of the online generators that can save you some time and still give you great results.
Online Generators
1. XML Charts
XML /SWF charts are used to create attractive graphs and charts from XML data, Create a source either manually or generate dynamically then pass it to the XML chart’s flash file.
The web form generator from Web Form Factory automatically generates he necessary backend code to tie your form to a database.
3. Typetester
Typetester is used to compare three different type of fonts on screen making your designing job easier , Just specify the specifications and compare them
4. 256 Pixels
256 Pixels creates favicon designs where you can upload a picture or color the pixels by choosing any color and save it or create a favicon for any new challenges posed by the website.
Create 80 x 15 dimension buttons with 80 x 15 brilliant button maker where you can customise by setting the borders, left and right boxes and uploading the images separately for left and right boxes.
6. AJAX Info
Create your own AJAX loader icon by selecting the type of indicator, background and foreground color and clicking in ‘Generate It’.
AJAX Loading GIF generator create your AJAX loading GIF image by defining the indicator type, background color, foreground color and controlling the speed of the loading indicator.
A unique background maker where you choose the colors from the pixelised tile which depicts the tiled background and fill each tile or pixel with a different color to watch it live in the background as a pattern.
Tiled background designer is quite an interesting tool to create tied backgrounds which allows you to change the background color, size of the canvas, image to be displayed and also rotated your tiled design as per your design.
Color Scheme Designer 3 has a really fantastic user interface that’s both attractive and easy to use. Just select a color, the type of color scheme you want to create (mono, complement, triad, tetrad, analogic, or accented analogic) and then make adjustments. It also lets you preview the color scheme right in light and dark website layouts
11. Kuler
Adobe’s Kuler is one of the best color scheme tools available, with multiple options for both creating and finding color schemes. To find a color scheme created by someone else, you can search or browse by newest, mot popular, highest rated, or random. They also include tools for creating a color scheme based on an images.
12. Adhesiontext
Adhesiontext creates dummy text for various languages, including specific characters. In addition to Latin characters, you can also create dummy text in Cyrillic, Greek and Arabic.
13. pForm
pForm is a free HTML form builder. Just choose from their pre-designed templates and then customize your form. It’s fast and they have a good selection of form designs to choose from.
14. Badges
Badges can be used to display a big ‘Beta’ message on your website or emphasize a price or a promotion. No web 2.0 site is complete without one.
Barcode label printer is an online barcode generator where a CGI form is used to enter a text and generate a printable and scannable barcode in Interleaved 2 of 5, Code 39, Code 128 A, B, or C symbologies.
16. Buttonator
Buttonator is a free web button maker to create your own personalized web buttons. You can customise the button’s font, color, style and apply different effects for your button.
This @font-face kit generator from Font Squirrel lets you create full kits for any font you can legally use with @font-face.
18. Showdown
Showdown is a port of Markdown in JavaScript. Just type in some markdown text and it will output HTML for you.
19. Faary
Faary lets you create forms quickly and easily, by just entering the form elements in a list format.
20. Pure CSS Menu
This site lets you create a menu with dropdowns that only uses CSS, no images. It’s simple, but it’s also quick to set up.
To create CSS sprites with this generator, just zip all your images and upload them. Specify the space you want between images, as well as the aspect ratio, build direction, and if there should be a background or transparency color, as well as your image specs and any CSS specs you want. It will output the sprite file, as well as the CSS for each image.
This generator is great for when you just need a quick, simple drop-down menu.
23. Tabs Generator
You can choose height and width, border size, corner radius, background color and style, fill style and colors, and orientation.
This Favicon Generator lets you create a favicon from scratch or based on an image you upload.
25. Color Mixer
Create a new color by mixing colors, Color /mixers is a fun tool to fine tune and fiddle with a color with editable RGB colors and adjustable lightness and darkness.
26. Tartan Maker
Plaid backgrounds aren’t often seen in web design, and part of that is likely due to the complexity of creating a tiling plaid pattern. Tartan Maker makes it as easy as choosing a few colors and using sliders to determine the size and boldness of your plaid.
Stripe Generator 2.0 lets you create repeating-stripe backgrounds. Just choose size and spacing, colors, stripe orientation, shadow, and background style.
28. Stripemania
Stripemania is a striped background image generator. Pick the strip width and spacing, the orientation, and the colors, and it generates a repeating stripe pattern.
All you have to do is enter the border radius for each corner. It automatically fills in all four when you enter the first one, but you can then change each one individually.
30. CSS3 Sandbox
This CSS3 Sandbox has five different generators: linear gradients, radial gradients, text properties, box properties, and transforms.
31. CSS3.0 Maker
Here’s another CSS3 generator that lets you create a variety of different effects using CSS3. There are generators for border radius, gradients, animation, text and box shadows, and more
32. CSS Type Set
CSS Type Set lets you create typography designs and generates the CSS for you. Just paste in text you want to modify, and then use the options at the bottom to customize it and it will generate the CSS in real-time.
33. ColoRotate
ColoRotate lets you view and create color schemes in 3D. Being able to manipulate the color palette tool in 3 dimensions can lead to better understanding of how the colors in a palette relate to one another.
34. Templatr
Templatr is another simple generator for creating quick WordPress layouts. It lets you edit virtually every element in the design, all using a visual editor.
This generator lets you create a WP theme, and while it’s not extremely powerful, it is a quick way to create minimalist themes (both in terms of style and functionality).
Contact Form Generator is used to create form to email scripts for your ASP, PHP or Perl website with no programming. Just enter the email header fields like email from, email to and subject to create the form.
If you like using Blueprint for your CSS layouts but want something more flexible, this generator is for you. Just enter the number of columns, column width, and margin width and it generates your CSS for you. One caveat, though: it’s no longer in active development and is not supported.
38. YAML Builder
Here’s a visual tool for creating a YAML (Yet Another Multicolumn Layout) design.
39. Create Graph
Create a graph as bar graph, line graph, pie chart etc.. by selecting the default graph type and defingin the design such as style, shading, data set ie number of fields, data labels and your graph is created.
40. CSS Optimiser
Author : Dustin Betonio
Dustin Betonio begin_of_the_skype_highlighting end_of_the_skype_highlighting is a Translation Management graduate at University of Mindanao. His earlier career was devoted on customer service outside the information highway. Currently studying Law in the same University.
Read more at www.tripwiremagazine.comOnline CSS Optimizer/Optimiser is a web tool for reducing the file size of cascading style sheets. In order to save more space optimized files would be messy even so you may output it as a file. Non-valid or hacked (for certain browsers) CSS files may result in error.
Dropbox is a hugely popular “cloud based” file sharing service (and app), that allows you to synchronize files among different computers. It has a cool user experience, but has its downsides as well -
- you can’t host your own server,
- provides measly 2 GB storage,
- it’s not open source
- no remote access to computers.
If you are using Dropbox for a long time I am sure you will be so impressed with its ease of use and feature-richness, that you might not have cared to look for an alternative. But there are quite a few new (and old) services which can really give Dropbox a run for their money.
Related: Top 10 Online Backup Solutions.
Here we take a brief look at some of the best alternatives for Dropbox which you can try and see for yourself.
Top 10 Dropbox Alternatives
Dmailer is also a free online file hosting solution. We can use the application on Windows and Mac operating systems and use it to backup as much as 2GB of data. The interface copies by default files from the Desktop, Documents, My Music, My Pictures, and My Videos folders. This makes restoration easier in case of data loss or corruption of operating system. So, in addition to being a cloud based file storage service, Dmailer is also a good live online backup solution too.
2. Syncplicity
Syncplicity is automated sync, back-up, collaboration and file management service powerful enough for a business user and easy enough for a novice. Secure, anywhere access to your files. But yeah, just like Dropbox, Syncplicity lacks a remote-access feature. Syncplicity’s sharing is a little safer with no easy and guessable public link to your files. But Syncplicity’s memory footprint is much heavier than that of Dropbox.
3. Wuala
Wuala is a Linux friendly secure Dropbox alternative. This Swiss-based service boasts tens of thousands of users with millions of files being actively saved, stored and accessed already. Wuala has Cross platform native client support with extended privacy and sharing options. You get 1GB cloud space for free but users can gain more space by ‘trading idle HDD space’ or by inviting other users.
4. SparkleShare
Sparkleshare is the solution for those who have problems with Dropbox not being an open-source service. Like Dropbox, SparkleShare sets up a local folder which is automatically kept in sync, though not in the cloud. Instead, you and your friends/coworkers set up connections to each other’s shares. Since you will be hosting your own server, there is no need to worry about the monthly fees. A Linux release is the first item on the agenda, with OS X and Windows versions to follow. Mind you, it is yet to be released officially.
5. Live Mesh
LiveMesh is arguably the best free alternative to Dropbox, from Microsoft. It provides 5 GB of free online backup space, as compared with 2GB of Dropbox. It also keeps your data in sync online, as well as on multiple computers. What’s more? Live Mesh even lets you connect to your computer remotely using any browser. Live Mesh works on Windows, Mac, and even your cell phone. The remote access feature works on Windows only.
6. SugarSync
Like Dropbox, SugarSync also offers 2GB of free space. SugarSync also backs up your data online, and syncs across multiple computers. SugarSync supports both Windows as well as Mac. Apart from that, SugarSync supports all mobile devices, including, iPhone, Android, Blackberry, and Windows Mobile. What’s more? It also provides file versioning.
7. LiveDrive
LiveDrive is touted more as a Live online backup service than just an online storage service. LiveDrive offers two options: LiveDrive Backup and LiveDrive Briefcase (Pro). The Backup edition can backup of unlimited online devices and an unlimited quantity of files. The Briefcase or Pro edition retains all the features of the Backup version but also gives sharing and synchronization of data from unlimited online devices.
8. Tonido
Using Tonido you can even mount a remote drive as your local drive from anywhere: over the LAN and the Internet. Tonido is not only meant for file sharing. It is truly your personal digital hub that provides an array of powerful applications to stream your music, download torrents, take distributed backups and run your own personal blog. Codelathe has listed out 10 reasons as to why they think Tonido to be better than Dropbox.
9. SpiderOak
SpiderOak is another good free alternative to Dropbox. SpiderOak is almost same as Dropbox in terms of features provided. It also offers 2GB of free storage space, can sync multiple computers, and provide version history of files. Apart from that SpiderOak supports multiple platforms, including Windows, Mac, and Linux.
10. Box.net
Read more at techpp.comBox.net’s online file storage makes it easy to securely share content as a link or a shared folder with anyone inside or outside your company. This will help you create an online workspace where you can share project files, add comments, assign tasks, start discussions or create new content. It even has dedicated apps for iPhone and iPad