background preloader

Drag and drop font testing

Drag and drop font testing
Testing fonts within font dragr, while useful, won't give the full look and feel of testing it on your own site. That's where the font dragr bookmarklet comes in handy. The bookmarklet allows you to test any font from your file system or any of the fonts found in the gallery. Same simple approach the web app has, with the added ability for testing on any website. To install the bookmarklet in your browser just drag and drop the button below to your bookmarks. If you're not sure where to drag it too or you want to get a quick inside look at how you can use it make sure to check out the bookmarklet screencast.

http://fontdragr.com/

Related:  Typo

Top 50 Best Free Fonts Are you in love with the Free Fonts Section on UltraLinx? If you answered yes, then I believe this post will blow your mind. Today we round up the top 50 best free fonts for you to download. Did we mention they were free? From incredible vintage fonts to beautiful slim typefaces we share all.

RGB-to-Hex Color Converter RGB-to-Hex Conversion Question: How do I convert RGB values of a color to a hexadecimal string? Answer: The RGB-to-hexadecimal converter algorithm is simple: make sure that your values are in the range 0...255, convert R, G, B to hex strings, and then concatenate the three hex strings together. Convert RGB to Hex color values here: function rgbToHex(R,G,B) {return toHex(R)+toHex(G)+toHex(B)} function toHex(n) { n = parseInt(n,10); if (isNaN(n)) return "00"; n = Math.max(0,Math.min(n,255)); return "0123456789ABCDEF".charAt((n-n%16)/16) + "0123456789ABCDEF".charAt(n%16); }

100 Greatest Free Fonts Collection for 2012 Today we'd like to delight you with an extensive list of The Best Free Fonts for 2012. We've made a collection in which you can find Sans Serif, Slab Serif, Rounded, Modern, Display , Art Deco, Geometric, Urban, Futuristic and even abstract style types. An important part of typography is selecting the right typeface for a project. This is one these things that you might want to keep handy for your next designs.

10 Online HTML5 Tools For Web Designers If you haven’t heard, HTML5 is taking the web by storm! It is currently being enhanced by experts to provide us Web Designers & Developers with awesome new revolutionary web page features! HTML5 Background Information For those of you who are new to HTML5, here is some quick background information to get you up to speed. HTML5 is the new language for presenting content on the Internet (at the time of writing this article it is still in beta but soon to be released in 2012).HTML5 brings new features making it easy to incorporate video, audio, fonts, drag & drop, web graphics & animations into your web pages.HTML5 is backwards compatible to don’t worry about your old designs in HTML 4 or XHML1 they will work just the same!

30+ Essential FREE Hipster Fonts We’ve put together a super comprehensive list of the most essential and very best FREE hipster fonts, that you can grab online, for nothing. Not bad, huh? Stop searching for great free hipster fonts, we’ve got you more than covered. We’ve found and catalogued a tonne of amazing script, brush, minimal, geometric and sans serif typefaces with huge hipster-friendly character and personality. They’re all super easy to download and perfectly-suited to graphic design projects that need a little bit of an organic, vintage or retro-leaning vibe.

Selectors Test, CSS3 .info Home / About Us After starting the test-suite it will automatically run a large number of small tests which will determine if your browser is compatible with a large number of CSS selectors. If it is not compatible with a particular selector it is marked as such. You can click on each CSS selector to see the results, including a small example and explanation for each of tests. Because it is technically not possible to simulate certain user interactions the test is limited to CSS selectors that are not dependent on user interactions. So this test-suite does not include tests for the following selectors: :hover, :active, :focus and :selection.

Teach Yourself Graphic Design: A Self-Study Course Outline Fortunately, it isn’t required to go to design school in order to be a graphic designer. A good foundation in graphic design history, theory, and practical application will help you hit the ground running. There are plenty of resources available in which you can learn graphic design on your own. Professor Cloud This tool converts SVG into an HTML5 Canvas JavaScript function. It will work with any host, and I hope it helps people to experiment with Canvas. Most vector art packages (Illustrator, Inkscape etc) can export as SVG. It uses a modified version of the excellent Canvg library. Canvg usually renders the SVG immediately and does not output JavaScript source code. Having the source code available allows you to tweak, study and manipulate the Canvas statements as required.

Typographer's Glossary Serif: Serif's are semi-structural details on the ends of some of the strokes that make up letters and symbols. A typeface that has serifs is called a serif typeface (or seriffed typeface). Some of the main classifications of Serif type are: Blackletter, Venetian, Garalde, Modern, Slab Serif, Transitional, and Informal. Fonts in each classfication share certain similiar characteristics including the shape or appearance of their serifs. Serif fonts are widely used in traditional printed material such as books and newspapers. Show all Serif Didone is a typeface classification characterized by slab-like serifs without brackets; vertical orientation of weight axes.

Want to know how to design? Learn The Basics. Want to know how to design? Then you should learn the basics of design. The basic elements of design include colour, line, shape, scale, space, texture and value and these are the fundamental pieces that make up any piece of work. If you ever start a design course this will be the very first thing that you are taught, guaranteed. But what if you’re not a student? What if you’re not self-taught?

Related: