CSS Herald » Web Applications

CSS Herald » Web Applications http://cssherald.com CSS Herald is a weblog that aims to share the best web design resources to bloggers, freelancers, web designers and developers. Mon, 06 Jul 2009 22:16:38 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 End IE6 – Persuade your visitors to move to a better, more secure browser http://cssherald.com/150/end-ie6-persuade-your-visitors-to-move-to-a-better-more-secure-browser/ http://cssherald.com/150/end-ie6-persuade-your-visitors-to-move-to-a-better-more-secure-browser/#comments Thu, 27 Mar 2008 08:50:15 +0000 Dave http://cssherald.com/end-ie6-persuade-your-visitors-to-move-to-a-better-more-secure-browser/ Yes, IE6 was amazing, in 2001 the owners of end6.org proclaim, and yes – they are totally right. They even provide a javascript that you can embed in your page, so that whenever a visitor with IE6 visits your page, the following warning sign appears:

Warningie6

There is another site with exactly the same idea, called savethedevelopers.org that has a more subtle warning which scrolls down at the top-right of the page:

Ie6upgradenow

Is it our job to hastle users to upgrade to IE6, you might be asking? Well, yes and no.

It really is the vendor’s job of notifying the user, but since some folk just don’t bother updating their system and probably have a load of trojans and spyware on their machine, there can’t be a lot done about these folk! Until they loose their system completely and have to re-install there isn’t a lot that can be done.

But at least warning people from your own websites could be something to save a few from this lackluster browser – i prefer the first option of getting them to choose a new browser but on some sites where discretion is advised the second option is a better one.

Ok, i’m away to insert this into the site

Tags: end, ie, 6, ie6, internet, explorer

Share This

Share and Enjoy:

]]> http://cssherald.com/150/end-ie6-persuade-your-visitors-to-move-to-a-better-more-secure-browser/feed/ 3 Compare Screen Fonts with Typetester http://cssherald.com/125/compare-screen-fonts-with-typetester/ http://cssherald.com/125/compare-screen-fonts-with-typetester/#comments Wed, 30 Jan 2008 03:16:33 +0000 Dave http://cssherald.com/compare-screen-fonts-with-typetester/ Having trouble with the right font style for your sites? Typetester is a handy online application for comparing fonts for the screen and was built for web designers. Typetester lets you perform side-by-side comparisons of a number of popular fonts. The list of the common fonts will be updated when the new fonts are bundled into operating systems. There is a number of customization options. You can custom the sample text, font, color, background, size, alignment and more, and then real-time preview the style. Once you find the design you like, it would generate a CSS stylesheet which you can cut and paste directly into on your websites.
http://typetester.maratz.com

typetester

Share This

Share and Enjoy:

]]> http://cssherald.com/125/compare-screen-fonts-with-typetester/feed/ 1 Create Vector Images Online with VectorMagic http://cssherald.com/122/create-vector-images-online-with-vectormagic/ http://cssherald.com/122/create-vector-images-online-with-vectormagic/#comments Tue, 29 Jan 2008 14:49:08 +0000 Dave http://cssherald.com/create-vector-images-online-with-vectormagic/ Vectorization is the process of converting a raster image to a vector (scalable) image. Raster images are pixel-based, while vector images are represented by geometric shapes such as lines, circles and curves. Vector art is useful as it allows you to scale/resize an image with no blur or pixelation.

Stanford University has launched Vector Magic recently that is a auto-tracer online tool and converts typical bitmap images into vector format. The tool works perfectly with logos and other images that need to appear both large and small. Vector Magic supports the various uploading format like JPEG, GIF, PNG, BMP, and TIFF, and can export its as EPS, SVG, or PNG files. Simply upload the images with quickly configuration step, you get the ideal images easily.
http://vectormagic.stanford.edu/

vectormagic

Share and Enjoy:

]]> http://cssherald.com/122/create-vector-images-online-with-vectormagic/feed/ 0 Handy CSS Typography Em Calculator http://cssherald.com/119/handy-css-typography-em-calculator/ http://cssherald.com/119/handy-css-typography-em-calculator/#comments Mon, 28 Jan 2008 14:05:21 +0000 Dave http://cssherald.com/handy-css-typography-em-calculator/ An em is a relative measurement based on the square of the font size at that particular point. As font sizes can vary across differing systems and displays the result is that the em measurement will always be relative and scalable.

Em Calculator is a simple and handy em calculator that converts px values to em values based upon the current font-size of the text. You can also set margins and paddings automatically depending on the line-height youâ€™ve defined.

em-calculator

Share and Enjoy:

]]> http://cssherald.com/119/handy-css-typography-em-calculator/feed/ 0 Vote for Your Favorite Web Application http://cssherald.com/110/vote-for-your-favorite-web-application/ http://cssherald.com/110/vote-for-your-favorite-web-application/#comments Sat, 26 Jan 2008 02:30:58 +0000 Dave http://cssherald.com/vote-for-your-favorite-web-application/

webappcharts

A web app is any web browser based and software-like application. Nowadays you can not live without from Gmail, Flickr, Digg to Facebook and web apps have become part of our daily online lives. Web App Charts want to discover and research the worldâ€™s most popular web app on the web. Before 5th February 2008, vote for your favorite web application and you could also have a chance to win a Wii.

Share This

Share and Enjoy:

]]> http://cssherald.com/110/vote-for-your-favorite-web-application/feed/ 0 Cross Browser Compatibility Testing with BrowserCam http://cssherald.com/106/cross-browser-compatibility-testing-with-browsercam/ http://cssherald.com/106/cross-browser-compatibility-testing-with-browsercam/#comments Fri, 25 Jan 2008 02:30:30 +0000 Dave http://cssherald.com/cross-browser-compatibility-testing-with-browsercam/ BrowserCam is a leading online web pages screen capture service provider that allow you cross browser (platform) compatibility testing web designs. Almost 80 browsers are available with different version and operating systems like Window, Mac and Linux, with or without Flash for capture the website’s screenshot. You can also choose the image format, browser size and the capture area. In addiction, set password to protect or share the testing result with an individual link and download all screenshots in zip archive. BrowserCam is not free, but you can register a free trial account.
http://www.browsercam.com

browsercam

Share This

Share and Enjoy:

]]> http://cssherald.com/106/cross-browser-compatibility-testing-with-browsercam/feed/ 2 Real-time Editing Website with CSSFly http://cssherald.com/99/real-time-editing-website-with-cssfly/ http://cssherald.com/99/real-time-editing-website-with-cssfly/#comments Wed, 23 Jan 2008 14:34:36 +0000 Dave http://cssherald.com/real-time-editing-website-with-cssfly/ cssfly

cssfly

CSSFly lets you edit websites live in your web browser. It’s really a handy tool to edit websites directly without any annoying CSS editor or FTP login. CSSFly caches the HTML code and the CSS stylesheet of your demanded website and opens a frameset with two frames. You get your choice of how and where the frames open such as the markup on the top, bottom, left or right. The one frame contains the code data and makes it editable using a custom HTML-textarea. The other frame agitates as the display container for the changed website. Within every change in the HTML or CSS code, the display-container will be refreshed.

The bookmarklet at toolbar is also available for you quickly editing the current website displayed in your browser. This awesome tool is designed for web designers and developers. Use it for developing, testing or checking your projects or just take a look your favorite websites. Besides, it’s completely free to use and no any registration is needed.
http://www.cssfly.net

cssfly_livedit

Share and Enjoy:

]]> http://cssherald.com/99/real-time-editing-website-with-cssfly/feed/ 0 Trendy Web 2.0 Badges Generator http://cssherald.com/97/trendy-web-20-badges-generator/ http://cssherald.com/97/trendy-web-20-badges-generator/#comments Wed, 23 Jan 2008 02:01:35 +0000 Dave http://cssherald.com/trendy-web-20-badges-generator/ Badges can be used to display important message on your website or emphasize a price or a special promotion. With the eye-catching Web 2.0 badges, you can immediately attract visitor’s attention on your sites. Web 2.0 Badges is an online badges generator with a collection of stylish and very cool Web 2.0 style pre-made samples. There are more than 20 various sample badges that you can choose and simply custom the text and font style for the generation. You can either use the generator to custom your own badge or just download the PSD file for all of badges in Photoshop. The website also select almost 30 Web 2.0 badges text and video tutorials for your further reference.
http://www.web20badges.com

web_20_badges

Share This

Share and Enjoy:

]]> http://cssherald.com/97/trendy-web-20-badges-generator/feed/ 0 CSS Redundancy Checker http://cssherald.com/89/css-redundancy-checker/ http://cssherald.com/89/css-redundancy-checker/#comments Sun, 20 Jan 2008 01:54:19 +0000 Dave http://cssherald.com/css-redundancy-checker/ CSS Redundancy Checker is a very simple tool that helps you find any CSS selectors that actually aren’t being used by any HTML files and may be redundant. First simply pass in the direct single stylesheet link, and then website’s URLs that use the stylesheet. It would proceeds to look at each file in turn, and return a list of all redundant CSS selectors. It’s a great way to keep your codes relevant and thin unnecessary bulk in the CSS file. CSS Redundancy Checker is developed by freelance programmer Mike Malon.

css_redundancy_checker

Share and Enjoy:

]]> http://cssherald.com/89/css-redundancy-checker/feed/ 0 iFrame HTML and Javascript Encoder http://cssherald.com/87/iframe-html-and-javascript-encoder/ http://cssherald.com/87/iframe-html-and-javascript-encoder/#comments Sat, 19 Jan 2008 02:54:24 +0000 Dave http://cssherald.com/iframe-html-and-javascript-encoder/ With encode tools, you will be able to save and protect your code from any prying eyes. iFrame is a HTML and Javascript encoder that helps you quickly encode and obfuscate your code using a variety of methods like Unescape, Gnered Vars and Javascript Packer as well as generate browser redirect or hidden iframe on Javascript or Flash. Use the HTML Encoder, simply copy and paste the code which needs to be redone. There are also a number of great tutorials such as “Make a Browser Redirect” and “Create Redirect to POST Form” that giving you a run down of other methods as well.

iframe

Share and Enjoy:

]]> http://cssherald.com/87/iframe-html-and-javascript-encoder/feed/ 0 AJAX HTML Entity Character Lookup http://cssherald.com/83/ajax-html-entity-character-lookup/ http://cssherald.com/83/ajax-html-entity-character-lookup/#comments Fri, 18 Jan 2008 14:08:06 +0000 Dave http://cssherald.com/ajax-html-entity-character-lookup/ Using HTML entities is the right way to ensure all the characters on your page are validated the website standard. HTML Entity Character Lookup is a very simple and handy web application that allows you to easily find the HTML equivalents of special characters such as Ãƒ, Â¢ or Â®. You simply type and it automatically gives you the matched and related characters with AJAX powered solution. The tool searches 250 rows of HTML entities for matches to the searched character based on how your character looks. The entity lookup also supports word searches and multiple searches space separated, such as copy and cent. At the same time, Dashboard widget for Mac users and Firefox plugin are available to download too.

html_entity_character_lookup

Share and Enjoy:

]]> http://cssherald.com/83/ajax-html-entity-character-lookup/feed/ 0 COPASO – Advanced Color Palette Tool http://cssherald.com/74/copaso-advanced-color-palette-tool/ http://cssherald.com/74/copaso-advanced-color-palette-tool/#comments Tue, 15 Jan 2008 01:57:38 +0000 Dave http://cssherald.com/copaso-advanced-color-palette-tool/ Colour Lovers recently has released a new color palette software COPASO. COPASO is an advanced color palette tool by that helps you create the perfect custom color schemes and themes online. Create your own palette with the advanced color color picker and color wheel or import picture to generate color palettes for color inspiration. Using COPASO you can save your palettes to a private folder or download them directly to your local computer. When you’re ready, click publish and share your color palette with thousands of other color enthusiasts. For beginners, you can also see the video demo first for the best experience.

copaso

Share and Enjoy:

]]> http://cssherald.com/74/copaso-advanced-color-palette-tool/feed/ 0 Custom Loading Indicators with AjaxLoad http://cssherald.com/68/custom-loading-indicators-with-ajaxload/ http://cssherald.com/68/custom-loading-indicators-with-ajaxload/#comments Sun, 13 Jan 2008 07:30:25 +0000 Dave http://cssherald.com/custom-loading-indicators-with-ajaxload/ AjaxLoad is an online generator that allow you easily create custom animated loading indicators. Now there are totally 35 different types of indicators that you can select, such as the popular circle ball, indicator, rectangle bar, kit, arrows, square, snake, and bouncing ball. You can also customize the background and foreground color or transparent of the GIF loading image. Once finish the simple setting, press “Generate it” button and you would preview the custom loading icon before download it.

ajaxload

Share and Enjoy:

]]> http://cssherald.com/68/custom-loading-indicators-with-ajaxload/feed/ 0 LunaPic Online Animate Photo Editor http://cssherald.com/57/lunapic-online-animate-photo-editor/ http://cssherald.com/57/lunapic-online-animate-photo-editor/#comments Tue, 08 Jan 2008 11:45:45 +0000 Dave http://cssherald.com/lunapic-online-animate-photo-editor/ lunapic

lunapic

LunaPic is a online photo editing tool that supports lot of animation features such as animated glitter, reflections, groovy color animation, photo spread effect, winking and more. The process is quickly and you would instantly check how your photo changes. Simply upload the photos via computer’s hard disk or paste the URL and apply the animations option. You can also import the photos from your Flickr, Facebook or PhotoBucket account as well. The photo editor also support crop, scale and add text function.

Share and Enjoy:

]]> http://cssherald.com/57/lunapic-online-animate-photo-editor/feed/ 0 Watermark Images Online with PicMarkr http://cssherald.com/40/watermark-images-online-with-picmarkr/ http://cssherald.com/40/watermark-images-online-with-picmarkr/#comments Tue, 01 Jan 2008 05:55:09 +0000 Dave http://cssherald.com/watermark-images-online-with-picmarkr/ PicMarkr is a new web application that allow you to easily add custom watermark (image or text) to your images online without photoshop. It is useful when you need to protect the copyrights or if you want to add comments or anything to your photos. You can add watermarks to images from your computer or grab from Flickr account. It is certainly easy to use with minimum settings and no need to download or install anything.

picmarkr

Share and Enjoy:

]]> http://cssherald.com/40/watermark-images-online-with-picmarkr/feed/ 0