background preloader

Webdesign 'n stuff

Facebook Twitter

Diavlo - a free font from exljbris Font Foundry. The exljbris site has been moved Welcome to Jos Buivenga's old exljbris Font Foundry site. Please visit exljbris.com to find my [free] fonts: Delicious, Fontin, Fontin Sans, Tallys, Fertigo Pro, Diavlo, Anivers, Museo, Museo Sans, Museo Slab, Calluna, Calluna Sans & Geotica. Please visit > exljbris.com Please update any links and bookmarks. Sorry for any inconvenience. Color Test. Background=#2F4F4F. Webmaster tutorials: learn how to make a website. Top 30 Free But Very Professional Fonts For Everyday Use In 2010. 21 Fonts That Shouldn’t Be Free…But Are! | Union Room Blog.

21 Fonts That Shouldn’t Be Free…But Are! 13 July 2009 by Jordan Hall Using the right type in your designs, both in type and web, is vital to an attractive and successful design. With so many free fonts out there (Da Font currently has over 9000 fonts to choose from) it’s hard to wade through the varying levels of quality available. We’ve picked out some great fonts that shouldn’t be free, but are! 1. Junction 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 21. Resources 50 Incredible Fonts for Professional Print & Web Design | Noupe 30 Fonts That All Designers Must Know & Own | Just Creative Design 37 FREE Must-Have Fonts | Francesco Mugnai 40 Free High Quality Hand Drawn Fonts | Hongkiat.com Thanks for reading, from Union Room Web Design.

Back to Blog. Veerle's Topp, Daily Color Scheme - Your every-day color resourc. 5 obscure HTML tags that you should know and even use - Instant. With the rising popularity of CSS for styling, many web developers and users alike have become alienated from the good old HTML tags. Only a handful of these tags are used in the markup of web pages today. Most of them have got limited representation and some of them are entirely forgotten. I decided to round up a couple of HTML tags that perhaps should be used a little more often than they actually are. 1. <abbr> or <acronym> The <abbr> and <acronym> tag describes abbreviations and acronyms. By marking up abbreviations you can give useful information to your visitors by showing tooltips when they hover the mouse over the element.

Usage: <abbr title="HyperText Markup Language">HTML</abbr> This is the result. 2. The <q> tag defines a short quotation. Most developers are used to the &quot; entity whenever they need to insert quotations, and all blogging editor automatically converts all typed quotations (“) into this entity. Usage <q>The quick brown fox jumps over the lazy dog</q> Result: 3. 4. If you code HTML, Zen Coding will change your life. If you write HTML for a living, and you don't know Zen Coding yet, you are missing out big time. This is basically the coolest thing I've seen all week. I have been using it for a few days now; at first it seemed kind of gimmicky and I wasn't sure I could grasp the syntax, but today I really got to explore it, and woah is it awesome. Okay, I'll stop tripping over myself with excitement over here and try to tell you what this thing does, in a nutshell: It expands abbreviations into complete HTML structures (divs, tables, cells, links, lists), and does it in the most freaking intelligent way I have seen in a long time.

I'm serious! For instance, that arcane-looking string of text in the screenshot expands with a single keystroke into this: This thing leaves any other tag-completion method I have ever seen for HTML in the dust. There are existing implementations for multiple editors, such as Komodo Edit (which is the one I'm using). There are easy ways to wrap existing lines with tags. Color Palette Generator. 40 Beautiful Free Fonts For Creating Attractive Typography Headl. A sweet collection of carefully handpicked high quality free fonts, which are all suitable to be used for creating attractive typography headlines which will attract people’s attention. A collection of amazing fonts which are suitable and perfect for web design projects as well print based projects. There is a misconception by designers that free fonts are usually cheap looking and cannot be used in order to create a good design, but what designers don’t realise is that there is the odd good free font it just takes time in order to find the perfects ones.

This is the exact purpose of this article to be bookmarked by designers and to referred to in the future when working on a design projects where money may be tight and the client can’t afford to splash out on big expensive fonts. This post will be a handy resource for designers searching high quality good free fonts. 1. Kilogram 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. attempa 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. Useful (Offline) Utensils and Toolkits for Designers | Tools. Most web designers start new projects on their computer.

There are hundreds of tools out there for creating wireframes, mockups, prototypes, and doing various other planning activities on your computer or online. But there are also tons of offline, paper-based tools that can speed up your development and design process. Designers who start their planning offline often just use blank or graph paper and start from scratch. Why start completely from scratch when you can use one of these pre-made guides to save time and better direct your creative energies?

Here are more useful designers toolkits articles you might want to check out: Downloads The tools below are all available for free download. Paper Browser A simple, printable browser window for wireframing. MBTI Sketching Paper for Ideation The MBTI Sketching Paper contains four distinct areas for coming up with ideas for the four specific buying modalities: competitive, spontaneous, methodical, and humanistic. Concept7 Sketching Paper. The League of Moveable Type. 50 Free High-Quality Icon Sets - Smashing Magazine.

When it comes to freebie designs, beautiful icons sets are tops. Designers scour for these free treasures more than anything else. You can use icon sets in Web applications, website designs and on your desktop. If well designed, they make a great impression on others. Beautifully designed icons also prove the quality of a designer’s work, so many designers make theirs freely available online, thus giving their work more exposure. When it comes to freebie designs, beautiful quality icon sets are tops.

In the overview below, we present 50 beautifully designed, free and professional high quality icon sets for desktop and web design. You can also scan through our other icon-related articles: 50 Beautiful, Free and High-Quality Icon Sets Container Icon Pack Container Icon Pack contains 40 high-quality (256 x 256 pixel) icons in PNG and ICO formats. Baggy Icon Set Contains five high-quality icons in three formats (ICO, ICNS and PNG) and six sizes, ranging from 16 to 512 pixels! (al) WhatTheFont! Download Free Repeat Patterns.