Group items tagged

The CSS3 Playground is a web application for experimenting with some new css3 capabilities. Primarily those than conform to the progressive enhancement philosophy, which means that the styles can be used on all sites without severely changing/limiting the experience on browsers that does not support them (=Internet Explorer 8.0 and older). But there are also styles that may need better replacements on Internet Explorer such as rotation, and I hope I will have the time to add more in the future.

People love Twitter, and they love Firefox, so it only seems natural that there would be quite a few tools to merge these two items.Whether you want to have a full Twitter client inside of your browser, or just the ability to share parts of a site, a whole Web page or just the URL of the site you are reading, there is a tool for you. Take a look through these 20+ tools and there is sure to be something that appeals to you.

tingelets are a set of bookmarklets that you can place in your browsers bookmark bar. When clicked, they highlight a certain tag or set of tags in a specific color or background tile. They are very handy for quickly looking at web layouts in different browsers. You can either highlight tags directly or type in a tag, id or class name to highlight the matching element(s).

I usually had a big problem on handling more social media website account. I think most of the users come across the same problem. Recently i had a chance to hear about Pixelpipe. On the very first look i really amazed about the features. Initially this site used to post your digital pictures, videos, and audio files to a growing number of different services with only a few clicks. This site seems to be similar as ping.fm, which allows post to text based messages.

Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn. Currently Drawter is available in Pro version, which means that it is intended for webmasters use only - knowledge of HTML and CSS is required. Drawter is not a tool for laymen, for the time being, but the whole team behind the project is putting every effort to launch a new version called "Amateur". Soon you will be able to draw your websites without any knowledge of HTML or CSS. Launching 2010.

Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn.

batch process many images: allows you to send a zip file containing your images. It will returns you your images combined into a sprite, and even better, the CSS code that you'll just have to paste in your main css file. The CSS sprite generator takes a number of source images and combines them into a single "sprite" image and supplies CSS to map to each image within the sprite. The technique this tool employs is often used to improve the performance of a web site by reducing the number of HTTP requests that the client's browser needs to make.

Over the last few months, I've spent more time than I intended on exploring the whole idea of fonts and typography for the Web. (My friend, typography expert Simon Pascal Klein, writes, "The former is a stylized set of glyphs of characters," while "the other [is] the whole art of creating type and setting it into the written word." For more clarification and illumination, consult Jon Tan and Mark Simonson.) In the process, I've been considering the idea of font stacks-using the well-known font-family CSS property-to list as many different fonts as possible in order to optimize the web site experience for a maximum number of users.

This web rendering tool is ideally suited for web designers working on Apple iMac and Linux workstations. It allows to verify web designs natively on all popular Internet Explorer versions, without the need to set aside several physical or virtual Microsoft Windows PCs just for that purpose. 

Optimized dynamic generation of Flash movies bound using javascript to provide rich Font experience regardless of the client. Degrades gracefully. Looks interesting when you just HAVE to have that PERFECT font.

Note that it is NOT intended for full paragraphs or any type of extended passages. Serves a similar function as Text Images.

Another thing to consider is that many Windows users have the Office suite or at least MS Word which comes with many fonts preslected for installation. Also look at the fonts used by OpenOffice and other popular opensource editors.

These additional fonts are also good potential candidates for your font-family!

HTML email newsletters have come a long way in the five years since this article was first published. HTML email is still a very successful communications medium for both publishers and readers. Publishers can track rates for email opens, forwards, and clickthroughs, and thereby can measure reader interest in products and topics; readers are presented with information that's laid out like a web page, in a way that's more visually appealing, and much easier to scan and navigate, than plain text email.

Browser idiosyncracies, spam registers, and various mail clients are just some of the pitfalls that must be faced by email marketers. Make sure your HTML email gets through with Tim's essential how-to.

Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies

XRAY is a free cross browser tool that lets you see the box model in action for any element, letting you see beneath the skin of any web page.

CSSFly is a web 2.0 tool for easy editing websites direct and in real-time in your browser. Simply edit the (X)HTML-code and the external Style-Sheet files : what you code is what you get! This tool is designed for developers. Use it for developing, testing or checking your web-project or take a look behind the scenerys of your favourite websites.

CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously.