Keefr.com

Paul Irish on Chrome Moving to Blink

2013-05-17T18:56:38Z

Yay, no prefixes in the CSS! They seem pretty adamant about it. I really hope it works out well and becomes the standard to you know… use the standards.

Paul Irish on Chrome Moving to Blink

Curving Text Using CSS / jQuery

2013-05-16T21:17:38Z

Ah, isn’t it cool to see how far we’ve come? While there are still a fair amount of restrictions and browser compatibility, there are some cool things that can be done by combining some CSS with good ol’ jQuery.

Check this jQuery plugin out that allows a simple way to have curved text that’s actual text — and not a graphical representation of text. Love it — as long as it’s used sparingly and appropriately.

How to Curve Your Text Using CSS3 and jQuery – Arctext.js Responsive jQuery Plugin

Creating Web Text That Automatically Scales to the Width of its Parent Element

2013-05-10T18:54:45Z

Friend and co-worker asked me this morning if I knew of a way to make text scale to always fill the width of its parent element. I was pretty sure it couldn’t be done with just CSS, and especially be cross-browser compatible.

Came across the plugin below that fit the bill and works quite well utilizing a bit of jQuery. Only caveat has to do with the loading with custom (non web safe fonts). If the font doesn’t load before the jQuery fires, it’ll use one of the fallback fonts to do the initial calculation.

Creating Web Text That Automatically Scales to the Width of its Parent Element

UX is Not UI

2013-05-08T20:24:39Z

A co-worker sent this out yesterday, and just had to post it here on Keefr.com as well:

I really want to recreate this as pure HTML. You don’t get any SEO love with it being a PNG. I get why they did it for sharing purposes, but every time I have to have “text” as an image in a web project, I cry a little — both inwardly and outwardly.

From uxisnotui.com/

Hat tip, Kate

Breaking the 1000ms Time to Glass Mobile Barrier

2013-05-09T00:37:15Z

This is right up my alley: fast loading and efficient mobile. While this is pretty extreme, it’s pretty cool at the same time — minimizing load time to the nth degree.

Breaking the 1000ms Time to Glass Mobile Barrier

5 Ways to Support High-Density Retina Displays

2013-05-06T19:38:33Z

Nice list of ways to support retina displays (higher end smartphones and laptops mainly).

I like that it still makes the assertion that despite us in the design and development communities, high density displays are still the exception, rather than the rule. But those numbers are getting larger as time goes on.

5 Ways to Support High-Density Retina Displays

CSSMatic – CSS Tools for Web Designers

2013-05-06T15:07:18Z

This site touts itself as the ultimate CSS tools for web designers. I’m not sure it’s the ultimate, but the gradient generator, border radius and box shadow tools are nice for some quick CSS code when you’re mocking up or building a site.

CSSMatic – CSS Tools for Web Designers

Usage Share of Web Browsers

2013-05-03T17:40:40Z

A co-worker shared this with the Interactive team a couple weeks back. Wikipedia has a nice page on what web browsers are being used where worldwide:

Usage Share of Web Browsers

Briefs Gives Life to Your iOS App Mockups

2013-05-02T15:35:47Z

Came across this the other day, and seemed interesting — at least for the prototyping/mocking up of iOS-bound applications.

Briefs Gives Life to Your iOS App Mockups

Hyperspace – CSS Style

2013-04-30T13:53:46Z

This is pretty impressive — what a modern browser and just a bit of CSS (lots of transforms and some animation), HTML and a single image can do.

Hyperspace – CSS Style