News, happenings and thinking from the team.

New Work: Washington Square Park Conservancy


The Washington Square Park Conservancy is a not for profit organization that works with the New York City Parks Department and neighborhood groups to ensure that NYC’s iconic Washington Square Park continues as a diverse and historical urban green space.

Krate worked with the design team at Doyle Partners and WSPC staff to launch a new website that will be the go-to resource for news, events, and gatherings in and around the park.

See the work.

The Roundup

Link Roundup

It’s been a whirlwind summer here at Krate – frankly, we can’t believe it’s almost over. We’ve been busy, with some great things in the works – and while we’re prepping those for launch, here are this week’s dev- and design-related finds to tide you over:

That’s all for now, but check back in two weeks for more!

The Roundup

Link Roundup

Summer typically consists of Summer Fridays, beaches, flip-flops, BBQ and the occasional frolicking. And even though we’re busy doing all the activities listed, we can’t forget to include The Roundup.

Functionality vs. Flexibility – Two Approaches to WordPress Development

Two Approaches to WordPress Development

Here at Krate, we recently wrapped up development on two sites with a great deal in common. Both were sites for businesses, aimed at their potential customers. They called for many of the same features – features like responsive-ready design, fairly traditional page-subpage content structures, contact forms, multimedia areas, and modular content like FAQs and employee bio pages, to name a few. And in both cases, the clients requested that we build the sites in WordPress, for ease of maintenance. But despite having so many shared elements, the development process for these two sites ended up being radically different – and gave us some unexpected insight into two contrasting ways to approach a WordPress project. Continue Reading

The Roundup

Link Roundup: Can I Use, Canvas, Todo MVC, and more

So, did you like last week’s spotlight on WordPress hacks and other server-based adventures? We’ll be featuring more articles like that in the near future – and for those of you that have been dying to tell us something, fear not: commenting is going to be reopened soon! In the meantime, don’t hesitate to email us if you’ve got a topic you’d like to see dug into, or a question to pose to the Krate office thought-pool. Maybe you’ll find inspiration in one of this week’s links:

  • Using Google Analytics: good. Using Can I Use to check browser support: good. Making them work together? Awesome.
  • Canvas is still new enough to be daunting, but Adobe Illustrator’s been around the block – so we’re pretty psyched to find this plugin that brings your AIs into the HTML5 sandbox.
  • Code snippet of the week: use jQuery (with a little html and css on the side) to display your browser window’s current width, dynamically. A responsive designer’s best friend.
  • …and once you’ve figured out your design’s breakpoints (with a little help from that last link, perhaps?) you preprocessor fans out there can use them in SASS without missing a beat.
  • And test them! (We’re on sort of a responsive-design binge these days, we admit it.)
  • We didn’t forget about those of you working closer to the backend, though – enjoy TodoMVC, a playground for learning and trying out a wide range of MVC frameworks in a handful of languages.

See you next week!

Subdomains, Subpages and Hijacking the WordPress Query

When Plugins Don't Cut It

We recently worked on a WordPress project that had specific features which involved modifying the flow of WordPress queries and the url structure of pages. Typically, WordPress handles pages as, but we needed the url to be Certain pages needed to be displayed as subdomains, rather than a traditional url structure. Continue Reading

The Roundup

Link Roundup: Superhero JS, Fallback Fonts, Autoprefixer, and more

Spring has unarguably sprung here at the Krate offices, and as the days get longer, we’re finding plenty of reading material to fill them with. This week’s roundup has some real gems, so without further ado, here we go:

  • New to responsive design? Or just looking for a little a lot of inspiration on the subject? Brad Frost’s show-and-tell of common responsive patterns should be at the top of your list.
  • “Okay, but what about real life examples of those design techniques?”, you say. Glad you asked.
  • It may not be the first solution to the drudgery of having to write out CSS vendor prefixes, but as far as we know, Autoprefixer is the first one that pulls from the live CanIUse compatibility database, so it only adds the prefixes you need right now. And that’s awesome.
  • Learning javascript can be daunting. If only there was some central library of great articles about it…this looks like a job for Superhero.js!
  • Here’s one for those of you looking to expand your offline skillset – a handy tutorial on writing shell scripts, geared towards those who haven’t before (or have only dabbled.)
  • Finally, we leave you with a smart article via Typekit about one process for choosing fallback web fonts. (It’s the illustrations that really make this one – there’s just something about that kind of attention to detail that makes our day.)

Make sure to check back next week – we’ll be starting to fill the weeks between roundups with tips, reflections, and general tidbits from the Krate office!

The Roundup

Link Roundup: Unheap JS, Modern IE, Font Dragr, and more

It’s spring! And with that, some news: we’re going to be upping the ante for this blog. Expect more posts and more variety – can’t spoil any surprises just yet, but trust us, it’s gonna be good. While we gear up for warmer weather and spiffier blogging, enjoy this week’s finds:

  • From the ‘where have you been all my life’ folder: modernIE makes testing for browser inconsistencies a little easier.
  • We mentioned the JQuery Plugin Repository a while back; Unheap is sort of like that, but with some added pizzazz and a great interface.
  • Fascinating: HTML5 Rocks presents a rundown of the paint times for various CSS3 properties. If you’ve never thought twice before adding a border-radius or a transition to your stylesheet, this may change that.
  • …but if it didn’t, check out these ideas about enhancing the user experience with subtly animated transitions.
  • Speaking of user experiences: Touchpunch brings touch event support to jQuery UI. Awesome.
  • And finally, one of our personal favorite type tools: fontdragr helps you experiment with fonts in real-time. The bookmarklet lets you preview different font options, in context, without having to jump between the browser and your stylesheet.

See you next week!

Icon Fonts: Add images to your site – without images

Icon Fonts - people like icons

People like icons. It’s in our nature. In tech, they’ve been central to navigating interfaces for as long as we’ve been able to render them, and over time – for reasons that could merit an entire post of their own – they’ve taken over. On the web, icons are now at least as much a style choice as a functionality one. Continue Reading