background preloader

Rendering text with Javascript, <canvas>, and VML

Rendering text with Javascript, <canvas>, and VML
With typeface. js you can embed custom fonts in your web pages so you don' t have to render text to images. NEW! Version 0.15 is released, now with support for Internet Explorer 9. typeface. js is easy... Instead of creating images or using flash just to show your site's graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. Here's what it takes to get going: load the typeface.js library and some typeface.js fonts, then proceed like normal:™ Image optimization is an art few have mastered. Useful image editing tools exist that allow images to be edited to reduce their file size while retaining image quality. Using these tools is a good start for optimizing images, but more can be done using advanced tools like Typography - Fonts and Products Fonts by Family Select a font family name from the list below and click GO for information about the font, and a list of products that font is supplied with. caja - Google Code (This site is for programmers actively working on Caja, rather than using it for their own projects.) The Caja Compiler is a tool for making third party HTML, CSS and JavaScript safe to embed in your website. It enables rich interaction between the embedding page and the embedded applications. Caja uses an object-capability security model to allow for a wide range of flexible security policies, so that your website can effectively control what embedded third party code can do with user data. Contacting us Discussions

XHTML Character Entity Reference This page contains the 252 allowed entities in HTML 4 and XHTML 1.0, as outlined in section 24 of the official HTML 4 specifications, published by the W3C. If you find it helpful we'd really appreciate a social share! Each entity is contained within a small box that contains four lines: The first line shows how the entity will be displayed on your webpage. The second line contains the entity reference, in the form &entity_name; (i.e. an ampersand, the entity name, and then a semi-colon).

Studio - the PHP IDE for professionals My first impression of Studio 10 is good! Eclipse itself seems more stable, more responsive and less CPU hungry, and the content assist seems to have a better response time. And having mobile application development in the same IDE as the backend work is great! Farbtastic: jQuery color picker plug-in Basic Usage Include farbtastic.js and farbtastic.css in your HTML:<script type="text/javascript" src="farbtastic.js"></script> <link rel="stylesheet" href="farbtastic.css" type="text/css" /> Add a placeholder div and a text field to your HTML, and give each an ID:<form><input type="text" id="color" name="color" value="#123456" /></form> <div id="colorpicker"></div> Add a ready() handler to the document which initializes the color picker and link it to the text field with the following syntax:<script type="text/javascript"> $(document).ready(function() { $('#colorpicker').farbtastic('#color'); }); </script> See demo1.html and demo2.html for an example (jquery.js is not included!). Styling The color picker is a block-level element and is 195x195 pixels large.

Clean AJAX Clean is an open source engine for AJAX, that provides a high level interface to work with the AJAX technology. It can be plugged in any page or DHTML framework because it was designed in conformation with the separation of concerns principle, keeping focus on AJAX issues. Clean is a software based on well succeed design patterns and inspired on Java Message Service API, that offers reliable solutions to AJAX. Common fonts to all versions of Windows & Mac equivalents (Brows Last updated: 2008/06/03 Return to the main page Introduction Here you can find the list with the standard set of fonts common to all versions of Windows and their Mac substitutes, referred sometimes as "browser safe fonts". This is the reference I use when making web pages and I expect you will find it useful too. If you are new to web design, maybe you are thinking: "Why I have to limit to that small set of fonts?

AJAX Libraries API - Google Code The Google Hosted Libraries is a stable, reliable, high-speed, globally available content distribution network for the most popular, open-source JavaScript libraries. Google works directly with the key stakeholders for each library effort and accepts the latest versions as they are released. Libraries To load a hosted library, copy and paste the HTML snippet for that library (shown below) in your web page. For instance, to load jQuery, embed the <script src=" snippet in your web page. ASCII Flow Diagram Tool - (HTTP) Unsaved Moving around. Desktop: Hold CTRL and drag the screen. Mobile: Drag quickly to move. Press and hold to start drawing. Pinch to zoom in/out.

40 Incredibly Useful Web Design Tools You Should Use Daily This article will showcase tools which should and could be used by designers daily. If you need some inspiration – you can visit the most popular and recommended design showcase sites to find really good works and examples. Check out design related tools, online generators, free font sites, template sites, great websites helping to test and manage websites – those all have been created to save your time! Remember - not always the best way is to create everything by yourself. fontplore // an interactive application designed for searching a Fontplore is an interactive application designed for searching and exploring font databases.Fontplore helps you to easily find the right typeface for your project in a collection of several thousands of fonts. It lets you browse, preview, compare and print the fonts you are interested in. And the clou is: It does all that on an interactive table, using tangible objects to navigate and control actions, so the workflow is easy to understand - easy to grasp! As the development and distribution of interactive tables is still in its early days, we see the Fontplore Table as some kind of customer attraction for the bigger design agencies, where clients and designers get together and share the experience of selecting a suitable typeface for the project.

ColorPicker - jQuery plugin About A simple component to select color in the same way you select color in Adobe Photoshop Last update 23.05.2009 - Check Download tab Features Live Tools - Form Builder - (HTTP) Form Container Form Title Corner Roundness

Related:  fonts@Fontfacefonts