News, happenings and thinking from the team.
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.
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:
- Sublime Text and Textmate are two text editors that share a bevy of great color schemes – and if none of them quite do it for you, why not make your own?
- Speaking of editors: If you’re a web developer, you may already have the Emmet package installed for your editor of choice. If you don’t, fix that. Trust us.
- A very interesting concept from the folks at LayerVault - interfaces that evolve over time, shedding the cues and instructions as the user learns their way around.
- This week in git, part I: a very handy reference, as useful for refreshing your memory as it is for learning from scratch.
- This week in git, part II: webcams + version control = comedy gold (with a bit of schadenfreude on the side)
- Finally, here’s a cheatsheet for the ephemereal flexbox CSS spec. Bonus: there’s a list of other references at the end – useful, considering what a moving target flexbox has been thus far. Now, if only the browser support stats would catch up…
That’s all for now, but check back in two weeks for more!
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.
- Here at Krate we love WordPress and now it powers 18.9% of the Internet.
- Everyone uses Gmail most of their working days – emailing clients, friends and colleagues. MIT created a neat little tool that lets you map your email connections together.
- As front-end technologies advance, so do our headaches when trying to keep up with the latest and greatest pre-compiling, auto-generating whatchamacallit. Luckily, there is a fun site to help us keep up-to-date with Front-End technologies.
- Sometimes we all get a case of the color-blocks. For that we’ve found a handy tool to help us create a color palette – complete with color code values!
- If you’re interested in learning Flexbox here is a little cheat sheet we use from time to time.
- And for those of you who are crazy about Cronuts – there is a brunch happening on September 21. Yes, a cronut brunch.
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
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!
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 http://www.site.com/page, but we needed the url to be http://page.site.com. Certain pages needed to be displayed as subdomains, rather than a traditional url structure. Continue Reading
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 littlea 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.
- 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!
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!
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
Well, it’s finally starting to feel like spring here at the Krate offices, and we’ve got some great things in the works…including some new plans for this blog. Our next linkdrop is going to be a little different than the ones you’ve seen before – it’ll have a theme, and not just links, but some bonus info as well. The theme: webfonts, icons, and all the interesting new ways people are using both in web design. Why are we spoiling the surprise? Because maybe you can help! Got a favorite font service, or an example of creative symbol type to share or show off? Pass it on and we’ll take a look!
While we’re working on that, enjoy this week’s sampling of favorite finds:
- This list may be called 91 of the Best Twitter Accounts for Designers to Follow, but there’s some gems in there for developers and frankly, anyone who loves the internet. It’s even neatly grouped by topic/area of expertise.
- Need some inspiration? Here’s a showcase of innovative CSS3 in use.
- …Of course, if that last link makes you want to go wild with your next CSS-based designs, you might want to stop by CanIUse, the go-to resource for checking browser compatibility.
- The New York Times is redesigning their web experience. And after looking at these previews, we’re psyched.
- Finally, one for the typography fans: kill a little time today with Cheese or Font. It’s harder than it sounds!