Group items tagged

The StyleKit project helps web designers and developers to rapidly prototype the styling of their cutting edge products and evaluate new designs for existing websites.

Pandoc is a program for converting between various markup formats. Input formats include markdown, reStructuredText, HTML, and LaTeX; output formats include HTML, LaTeX, ConTeXt, S5, DocBook, groff man, reStructuredText, markdown, and RTF. Many extensions to standard markdown syntax are provided, including inline LaTeX math, tables, definition lists, superscripts and subscripts, smart quotes and dashes, and footnotes Pandoc is in the MacPorts, Debian, Ubuntu, Slackware, Arch, NetBSD, and FreeBSD ports repositories. Note that the version of pandoc in these repositories may not be the most recent. There is also a Windows installer.

Wrttn.me - is a simple notepad with a large number of features.Make your note, save it and share it with friends. Very easy and fast, isn't it? Such simplicity very well combines with a great number of features. You can design your page completely to your own taste. Press options, create your css styles and select the desired marking type: Textile, Markdown, HTML5 or plain text. Created pages contain only what you have typed. There are no irrelevant elements. Only text and media content. And this is just a small part of what you can do!

customisable font, colors... JS, iframe or HTML widgets - not flash! yay! =D Web Publishing / Distribution Options

For the best HTML e-mail delivery results, CSS should be inline. This is a huge pain and a simple newsletter becomes un-managable very quickly. This script is our solution. also extracts text - stripes tags

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!

This tool will convert an image to div block w/ CSS

An experimental matrix of Web 2.0 mashups.
Usage: Hover the cursor over any cell in the matrix. A small box gives details on mashups for that API combination. Top links in hover box bring you to that API's reference page. Links in body of hover box take you directly to the mashup. Not all combinations have mashups & only those with the 'º' indicator currently have entries. Cells at the intersection of same API (ex: Amazon+Amazon) list any other examples for that API.

Note that there are two views into the matrix: the default view shows only those APIs for which mashups have been added to the database. The second view shows all APIs regardless of whether there's currently a mashup registered. It's big. Definitions: What is a mashup anyway? As always, it's good to check Wikipedia's definition, but essentially a "mashup" is a web-based application built through (creative) combination of data from multiple sources. Often, but by no means always, this data is retrieved by using a vendor's API such as those listed here. (An API? Also at Wikipedia.) Some recent press may also help explain: BusinessWeek's "Mix, Match and Mutate", The Economist's "Mashing the Web". Background: This is an experiment. It is intended to be both a reference point and also a visualization. What you see here today will change both in content and form shortly. I am quite interested in seeing the 'space' in which mashups exist. Clearly, some APIs such as Google Maps, appear to be more widely used than others. UI Issues: Cross-browser support is good but not complete. Sometimes it can b

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.

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.

TVB aims to use the new HTML5 features, more specificly the 'video' and 'audio' tags with the ogg/theora video and audio formats. This site will be an experimental playground and as such subjected to both live and drunk (en)coding

convert to PDF Flash html img txt

with pre made examples for HTML ( extract urls, emails, tags...) Uses Microsoft Silverlight 

MooShell is a shell editor where you can write your JavaScript, HTML and CSS code and run it. It might prove to be useful in various cases where you need to test your code without reloading your browser.

specifically designed to help JavaScript and CSS folk test snippets of code, within some context, and debug the code collaboratively. JS Bin allows you to edit and test JavaScript and HTML (reloading the URL also maintains the state of your code - new tabs doesn't). Once you're happy you can save, and send the URL to a peer for review or help. They can then make further changes saving anew if required.

Dirty Markup is a web-based HTML Tidy interface. You can use it to harness the power of Tidy without ever leaving your web browser. Nice (jquery) interface

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.