Group items tagged

Web tool to find color matches: use=3, abuse=6
Herramienta web para hallar combinatoria de colores: usar=3, abusar=6

Font Tester is a free online font comparison tool. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them. It is very useful for web developers who are looking for just the right font/style/color to use in their pages. To use it all you have to do is simply enter the text you would like to preview, modify the various CSS properties until you find a style you like, and then click on the Get CSS Code button to generate all the necassary CSS code to reproduce those styles in your webpage.

This is the direct link from http://elliottback.com/wp/archives/2005/04/25/convert-image-to-css/
 Convert Image to CSS
Posted in Code, Plugins, Graphics by Elliott Back on April 25th, 2005. [Del.icio.us]

Ever wanted to take an image and convert it, pixel by pixel, into CSS, HTML, or xHTML? Well, now you can, thanks to my handy conversion tool! Just give it the URL of the image to convert, select a pixel resampling ratio, a mode, and off you go. You can also save the html. Just right click on the permalink and "save target as" to your favorite location.

    * Example: Born into Brothels [via]
    * Example: Cambridge, England [via]
    * Massive deforestation [via]

Note: If you give a very large image, with a very small pixel ratio, the image could take a long time to load, or eventually overload your browser with multiple megabytes of web information. These "images" are very large!

A tool for visual layout development of YAML based CSS layouts

In my previous post, Personal Branding 101, we discussed the importance of branding in this web 2.0 world, as well as how to discover and create your brand. In Personal Branding 102 we'll discuss how you'll communicate your personal brand, using social media tools and proven marketing tactics, and then how to sustain your future growth by performing brand maintenance.

links, links and links

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

IxEdit itself is made with JavaScript, and it is an entirely new type of design tool which is to be embedded in the HTML you are editing. Firefox, Safari, Chrome, or IE becomes your interaction development environment. The interactions you create will be applied on-the-fly to the web page, so you can edit them while checking how they behave in real time.

CSS Formatter and Optimiser

A website designing baroda and web development baroda includes smart range of web design and development tools for example PHP, wordpress, Javascript, HTML,CSS, Photoshop, Corel Draw, Illustrator, flash, 2D and 3D Animation, Flash etc.

Typechart lets you flip through, preview and compare web typography while retrieving the CSS.

Analyses any web page for violations of best practices

This is a complete tutorial to using LESS with Chrome's DevTools. If you've used Sass with Chrome's DevTools, you'll most likely already be familiar with the concepts introduced here. | Difficulty: Beginner; Length: Quick; Tags: Tools & Tips, Tutorials, Web Dev