Add Gradient Rounded Corner Button
Add gradient options to HTML and CSS Rounded Corner Button Generator
HTML and CSS Rounded Corner Button Generator
Rounded corner button is more like a standard element in web 2.0 web design. There are two ways to create rounded corner buttons: CSS and Javascript. Let's look at the pros and cons on both techniques.
CSS -
Pros:
- No need to enable Javascript
- Rounded button is not load delay
Cons:
- Need images (usually 2 - 4 images)
Javascript -
Pros:
- Flexible to change corner radius, size and colors
- No images
Cons:
- Need to enable Javascript
- Transition from non-rounded button to rounded button
I prefer the CSS solution which doesn't require Javascript. However, it is a hassle to create images for rounded corner button. And I need to create a CSS and make sure the CSS is compatible for different browsers. Let me introduce you a tools you can choose different corner radius, color and hover color for the rounded button. Creating a rounded button in 10 seconds is not a dream anymore.
There are some sample buttons generated by HTML and CSS Rounded Corner Button Generator
Supported Browsers: IE, Firefox, Safari
Plan features: gradient rounded button, glass effect.
Launch HTML and CSS Rounded Corner Button Generator
New tool called HTML and CSS Rounded Corner Button Generator launch today.
The tool allows people to generate rounded corner button with images and css.
Ajax Activity Indicator Generator
The Ajax activity indicators are often used by web developers to let the users know when the Ajax application is loading. As Ajax is more prevalent in websites abroad, the indicators make the website more vivid.
The Ajax activity indicators is nice to offer users a way to get their favorite indicators easily. User can select the appropriate indicators colour to match their website design. Meanwhile, the Ajax activity indicators provide wide option to user to customize their indicators, such as different size, different pattern, different speed and different download image format. Simply click download button, The Ajax activity indicator is in your hand!
Launch 3 More Web Tools
Launch 3 more web tools
1 image generator
Ajax Activity Indicator Generator
2 Optimizers
Javascript Optimizer
Javascript Optimizer
Javascript optimizer helps you to remove comments and unnecessary whitespace from Javascript file. You can use this tool to compress your javascript to increase loading speed of your page and save on bandwith as well. Once it is loaded, it will cause your pages to work much faster.
Simple copy your javascript to textbox and click the 'Optimizer' button. Enjoy the tool.
RSS Feed Icon Generator
RSS is basically family of Web feed formats used to publish frequently updated content – such as blog entries, news headlines, audio, video or news headlines. Users usually don't want to keep up with their favorite web sites checking them manually. That's the reason why the feeds became popular, it worked to have one icon on your site to point your readers to your RSS or Atom feeds. When users click a RSS icon, it means they will get notifed automatically once the sites are updated rather than checking manually. Feeds icon is nice to offer users a way to get your feeds, so typically you will see a feed icon lurking around a site somewhere. As feeds are more prevalent in blogs and web sites, the attractive feeds icons are more important for your web sites.
RSS feed icon generator can do this for you easily. It allows you to customize your own icon such as size, favorite colour and different patterns to satisfy your website requirement. It also privoides friendly and widely color selector to select the background and foreground color. Do you want to get different icon image formats. You don't need to use any extra tools to convert formats. Becasue the vary icon image formats (GIF, PNG, JPEG) are provided by us.
There are some sample RSS feed icons generated by the tools.
Different Background Colors:
Different Inside Colors:
Different Sizes:
Different Styles:
try out the tool: click here
Website Launch
After 2 months development in my personal time. I'm pround to announce that iWebToolsOnline has launched and is open to the public.
The first tool is RSS feed icon generator. Standard feed icon is not always the right color for everyone. This tool allow you to create a feed icon with different colors and different sizes. Hope you can generate a feed icon for your website. :-)
First Post!
Hiya! Welcome to The iWeb Tools Online Blog! I like web site design. But as a developer, I always take a long time working on css, icons, layouts, colors, javascript. I want to have some tools to do those jobs for me. Hence, I decide to create some useful tools helping graphic designers and UI developers for rapid development. Apart from using this tools myself, I am hoping to help other developers. So your feedback is very important for me. You can post comment on this blog or email it to me. This blog is a space to tell you what I am doing and hope you guys tell me what you think. This blog also will post official news & updates, maintenance of iweb tools online.