MakeUseOf Directory » html

BearCSS: Create CSS Stylesheets Using HTML

Hammad — Mon, 06 Feb 2012 02:01:07 +0000

If you want to create a prefect stylesheet (CSS) based on your HTML markup, then check out Bear CSS.

BearCSS is a handy tool for web designers, who want to create stylesheets using your markup. All you have to do is write your HTML, upload it and Bear CSS will automatically generate a CSS template based on HTML elements you used.

To use the service, just click on the “Upload HTML” button and choose the HTML file from which you want the markups taken from – the website will automatically check the HTML elements and draw up a CSS template file from the HTML one.

Once done, you can download the CSS file to your local computer and use it in whatever way you want.

Features

Simple and easy to use.
Effective way to draw up CSS template stylesheet without errors.
Saves time as CSS template file is chalked up using your own made HTML file.
Similar sites: Csspivot, CSS3-Generator, Typeset Style Generator, CSSPrefixer, CSS Warp, TextSnip and Codepad.

Check out BearCSS @ www.bearcss.com

TableTools2: Offers Numerous Functions For HTML Tables [Firefox]

Umar — Sun, 15 Jan 2012 22:01:42 +0000

Working with HTML tables is something anybody can feel the need to do. You might need to sort some test results available online or you might want to filter out sports stats from an online HTML table. Rather than exporting the table to another file and using it in a non-browser program, you can make things easier for yourself simply by using TableTools2.

TableTools2 is a highly useful browser add-on compatible with Mozilla Firefox. The add-on auto-detects HTML tables online and lets you perform a variety of tasks on them. It lets you easily sort HTML tables within Firefox and then search for things within them. Sorting by date has the American and European options; you can also sort by time, currency or number, IP address, and alphanumeric. The data in a table can be filtered out using number ranges. Other features of the app include creating charts such as histograms for the data available in an HTML chart.

Features:

A user-friendly browser extension.
Compatible with Mozilla Firefox.
Lets you sort and search data in HTML table.
Offers various sorting and searching options.
Creates charts for data in HTML table.

Check out TableTools2 @ https://addons.mozilla.org/en-US/firefox/addon/tabletools2 (By Umar from AllThatIsApple)

CompareNinja: Create HTML & CSS Comparison Tables Online

Hammad — Mon, 26 Dec 2011 02:01:32 +0000

If you are looking for a simple and easy way to create a HTML and CSS comparison chart, then you should give Compare Ninja a try.

Compare Ninja is an online website that allows people to create beautiful HTML & CSS based comparison tables. All of this is accomplished in a matter of minutes and the result can be displayed on your website/blog or anywhere you want.

To start off, click on the “Create Now” button, after which you will be required to make an account on the website. Once done, log in and start to fil in the basic details, i.e. table title, items to compare, table width, etc. Choose the design. Once done, edit the fields accordingly and click the “Get Code” button to get the HTML & CSS code for the comparison table.

Features

Free and easy to use.
User-friendly themes make comparison tables look beautiful and appealing.
Comparison tables can be edited at moments notice – HTML & CSS code available.

Check out Compare Ninja @ www.compareninja.com/index.php

PDFToHTML: Easily Convert Your PDFs To HTML

Dave LeClair — Mon, 12 Dec 2011 19:01:06 +0000

If you have a PDF file that you need to display on the web in HTML, than this website is exactly what you need. PDF files were not designed to be displayed right in browsers, and sometime converting them to HTML is the best way to display them. Using this service, the process couldn’t be easier. You simply choose a file, upload it and they will email you the HTML version of the document.

The best part about this website is that it keeps the look and feel of a PDF. So it doesn’t take your pretty PDF and output it as boring plain text. If you are looking for an easy way to turn PDFs to HTML without making them look terrible, you should try this free service. In addition, they promise to never sell or give out your email.

Features:

Convert PDF to HTML right in your browser.
Emails the HTML to you.
Safe, guaranteed never to sell email addresses.
Keeps final product looking and feeling like a PDF even though it’s HTML.
Similar tools: DocRaptor, PdfCrowd, Primo, PDFUndoOnline, and Nuance.

Find PDF to HTML @ www.pdftohtml.net

ShapeCatcher: Find Unicode Characters & Shapes By Drawing Them

abhijeet — Sat, 19 Nov 2011 23:01:38 +0000

Has it ever happened that you vaguely remember a character, a font or a shape but you don’t exactly know what it was called? How do you find out? You can’t exactly Google it, can you? The answer here would be a tool like ShapeCatcher. Just draw the shape (it doesn’t matter how bad you are at drawing it), and it will try to recognize the character and produce a list of possible matches.

It does quite a good job. I drew a number of shapes and characters and it always had the right match in its list of possible matches.

The tool was created to recognize unicode characters that we only roughly know the shape of. As you see in the screenshot above, it shows the possible shape along with information related to that character. It doesn’t require any sign up, so you could just start drawing in the box and hit “recognize” to get the results.

Features

Draw shapes and characters and find their names.
No registration needed.
Similar tools: Unicodinator, NiceEntity, UnicodeTable and JoyLy.

Check out ShapeCatcher @ www.shapecatcher.com (By Abhijeet from Guiding Tech)

DocRaptor: Convert HTML Code Into PDF & XLS Easily

Umar — Sun, 13 Nov 2011 23:01:15 +0000

Coding up PDF and Excel files can be an extremely difficult process. The code is long and tedious to write. Developers who have created XLS files are well aware of this problem. Here to offer you a far simpler solution to creating XLS and other document files is the highly useful web service called DocRaptor.

DocRaptor is a web service that helps you create PDF and XLS files. The site lets you post HTML codes into the site’s interface and then it generates corresponding PDF or XLS files for you. But before you do all this you will need to create an account on the site. DocRaptor offers its users a free account that lets you create up to 5 documents per month. There are premium accounts as well ranging from $15 per month to $149 per month; all premium accounts come with a 30-day free trial.

Features:

A user-friendly web service.
Converts your code to PDF and XLS.
Lets you convert up to 5 documents per month for free.
Offers 30 day free trial on all premium packages.

Check out DocRaptor @ www.docraptor.com (By Umar from AllthatIsApple)

MarkdownPad: A Fully Featured Text To HTML Editor For Windows

Hammad — Fri, 04 Nov 2011 23:01:51 +0000

Have you ever had the need to write an article, and quickly convert it into HTML? Well, if so, then MarkdownPad is one of the best, freeware software out there for the job.

MarkdownPad is a fully featured editor for Windows, which is a text-to-HTML conversion tool for web writers. It was created by former MakeUseOf writer Evan Wondrasek. All a user has to do is write according to the results they want, and convert it in the end. The conversion is done in a smooth way to structurally valid XHTML (HTML) format. If you don’t believe it, you might want to know that MarkdownPad is used by popular websites such as Reddit, GitHub and Stack Overflow.

There are many editor features in the software, such as LivePreview, which allows you to preview how the document looks in HTML format. Formatting is made easier with keyboard shortcuts that decreases the time spent on the document and conversion overall, and improves the productivity of the user.

If you want, you can customize fonts, colors, CSS style sheets and more using MarkdownPad for Windows.

Features

Free editor software for Windows.
LivePreview allows you to see how the final result looks like.
Quick formatting with keyboard shortcuts.
Ability to edit and customize CSS style-sheet.
Similar tool: HTML Instant.

Check out MarkdownPad @ (by Hammd from TechnicallyDigital )

Papyrs: Create Web Pages Easily

MOin — Thu, 16 Jun 2011 17:01:37 +0000

Creating a webpage that suits your preferences normally requires you to have coding know-how. Placing the webpage elements – such as text boxes, image galleries, social media buttons, etc. – where you want them often means expertly manipulating a page’s code. But thanks to Papyrs, you can place those elements expertly without dealing with any code.

Papyrs is a web service currently in beta that lets you create webpages and customize them. The entire process of creating a webpage through Papyrs is very easy. After creating an account you can create webpages and name them. On each webpage you can drag elements available from Papyr’s list. These elements include text boxes, checklists, images, navigation, tweets, etc. The list of elements offered by Papyrs is extensive and will help you create your desired webpage.

Themes and color options let you modify the look of your webpages. You can choose to make the page publicly viewable or viewable only to collaborators whom you can invite via email.

Features:

A user-friendly web service.
Lets you create webpages.
Webpages can be customized by dragging elements onto them.
An impressive list of elements is offered.
Collaborators can be added to the webpages.
Webpages can be set to public.
Similat tools: Stiqr, Qiply, Axess, DinkyPage, GoHoster and Ibrii.
Also read related articles:

Check out Papyrs @ www.papyrs.com (by MOin from ThumbPress)

QipLi: Quickly Create Webpages & Edit Their HTML

Umar — Sun, 12 Jun 2011 21:01:28 +0000

Creating single webpages usually requires you to first register with a website, then specify a domain name, and choose a theme before you can get down to editing your page. Here to make matters much simpler is a web service called QipLi.

QipLi is a free to use web service that lets you quickly create a webpage. On the site’s homepage you enter your page’s title and set a password to edit the page’s contents. Next you start editing the HTML of your webpage to suit your needs. The page can be previewed anytime so you can make changes in the HTML accordingly.

Sharing links for the pages let you easily share it with your friends over online social networks, instant messaging clients, and email.

Features:

A user-friendly web service.
Lets you instantly create webpages.
You modify the webpage by modifying its HTML code.
Sharing links let you share the page with friends.
Similar tools: Axess, DinkyPage, GoHoster and Ibrii.
Also read related articles:

Check out QipLi @ www.qip.li (By Umar from TechCityInc)

Unicodinator: Get Unicode Information For Textual Symbols

MOin — Sat, 04 Jun 2011 23:01:40 +0000

Textual representations and symbols on our computer use a variety of characters. To explore these characters, you need a source that displays them and provides details such as encoding, comments, and location. Unicodinator is precisely such a source.

Unicodinator is a web tool that lets you visually navigate through Unicode blocks and codepoints 0000 through DFFF. You can click on any character and have its encoding details, comments, and location appear.

To jump to a specific category of characters you can access a particular type of block using the site’s “Block” menu in the top right.

Unicodinator can be used to identify a particular character, understand the various Unicode blocks, and find shapes to use in non-image icons.

Features:

A user-friendly web service.
Lets you visually navigate through Unicode blocks.
Can be used to identify a particular character.
Includes encoding and comment for each character.
Similar tools: NiceEntity, UnicodeTable and JoyLy.

Check out Unicodinator @ www.unicodinator.com (by MOin from ThumbPress)