Try Tuts+ Premium and get cash back on a monthly subscription.

At $19 a month, Tuts+ Premium is fantastic value. But it’s even better when we hand your first $19 right back to you! For a limited time, we’re offering $19 cash back to new Tuts+ Premium monthly subscribers when signing up via PayPal.

If you’ve been thinking about checking out our extensive library of courses, tutorials, eBooks and guides, there’s never been a better time to join up and dive in.

But this offer ends at noon on the 20th of May AEST, so act fast.

Become a Tuts+ Premium Member to take your creative and technical skills to a new level.

With Tuts+ Premium you learn from expert instructors in every field, such as:

• Bryan Jones (Creator of CodeKit)
• Jeffrey Way (Nettuts+ Editor)
• Dan Wellman (Author)
• Jeremy McPeak (Author)

Join now and get instant access to your very own library of courses, tutorials, and eBooks, available whenever you need them. Become part of a community of over 15,000 members and start getting better at the skills you care about. Our dedicated team adds new content weekly, so there’s always something fresh to sink your teeth into.

Join Tuts+ Premium

Program Details

To apply to this program complete and submit your application here.

In this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about JavaScript Design Patterns and CSS Windows.

Here are the links for the week:

JavaScript Patterns
http://shichuan.github.io/javascript-patterns/

Crocodoc
http://blog.crocodoc.com/post/46369766700/3d-ifying-documents-using-css-transforms

windows
http://nick-jonas.github.io/windows/

csscss by zmoazeni
http://zmoazeni.github.io/csscss/?hn=1

digitalBush » Masked Input Plugin
http://digitalbush.com/projects/masked-input-plugin/

Polychart.JS
http://www.polychartjs.com/

Cypher by djave-co
http://djave-co.github.io/jCypher/

Dashing
http://shopify.github.io/dashing/

The post JavaScript Design Patterns and CSS Windows | Treehouse Show Ep 38 appeared first on Treehouse Blog.

The most frustrating aspect of web design for designers trained for print, is the persistent lack of typographic control.

Careful typographic choices are the hallmark of quality work and the lack of that quality online never ceases to be jarring for those of us that know what we’re looking for.

Fortunately, the level of control that we have is increasing all the time and support for more advanced typographic rendering is also increasing. Whilst it’s certainly not possible to deliver the kind of treatment that applications like Illustrator deliver — where every letter can be tweaked if required — there are tools available to increase quality. One of the least known is the text-rendering property.

You won’t find the text-rendering property in any CSS specifications because it’s technically not CSS, it’s an SVG property, although it’s used just like a CSS property. The most important thing is that with a single line of CSS, we can eliminate a few rivers and other imperfections from our text.

The text-rendering property has four settings:

• auto: allows the browser to choose a setting itself
• optimizeSpeed: focuses on speed
• optimizeLegibility: focuses on advanced rendering
• geometricPrecision: precise rendering

Sadly, the use of the browser default ‘auto’ will normally favor speed rather than legibility — indicative of a standard finalized by developers instead of designers.

As most of us don’t produce pages that are substantial enough to justify the need for the optimizeSpeed setting, we’ll only really be interested in optimizeLegibility (although geometricPrecision is useful for certain fonts).

The CSS code is as follows:

.myClass { text-rendering: optimizeLegibility; }

Here’s a direct comparison of optimizeSpeed and optimizeLegibility, as you can see if you look closely, there are two significant improvements in the more legible version: the ‘ffi’ characters in the first line have been correctly replaced with a ligature, and the kerning has been improved throughout, which is especially notable in the fifth line, where the space between the ‘V’ and the ‘e’ has been corrected.

The kerning improvements can be seen more easily in these overlays:

Chrome Mac

Chrome Windows

Firefox Mac

Firefox Windows

Internet Explorer 9 Windows 

Safari Mac

Browser support is currently inconsistent, however, the fact that text-rendering fails silently in browsers that don’t support it, mean that it’s very usable right now.

Do you use the text-rendering property in your CSS? Would anyone but a typographer even notice the difference? Let us know your thoughts in the comments.

Featured image/thumbnail, fine-tune image via Shutterstock.

Hiruko: Japanese Inspired Font Family – only $9!

The Behavioral Risk Assessment and Consultation Team (BRACT) assists the UMBC community in addressing situations where a person is displaying concerning, disruptive, disturbing or threatening behaviors.

BRACT is an interdisciplinary team that examines reports of concerning behavior to help identify persons whose behaviors may endanger their own or other’s health and safety. Behaviors that may be of concern may include, but are not limited to: highly anxious, very sad, irritable, thinking/talking/writing about suicide, hostility, aggression, violence, inability to communicate clearly, loss of contact with reality, stalking, threatening letters or e-mails, harassment and threats of harm to self or others.

BRACT is designed to provide information, recommendations and referrals to those dealing with threatening or disruptive situations. If you are experiencing someone who is disruptive or dangerous you should immediately call University Police at 410-455-5555.

To report behaviors of concerns, e-mail bract@umbc.edu.