JasonCypret.com

30 Outstandingly Creative Poster Designs

Jason Cypret — Thu, 11 Mar 2010 19:11:33 +0000

Want some good inspiration for web design. Take a look at these posters. Any one of these ideas could be made into a killer website. When You wanna blaze new trails in web design, take inspiration from other mediums.

http://creativefan.com/30-outstandingly-creative-poster-designs/

iPhone Web Design Tracker App

Jason Cypret — Wed, 10 Mar 2010 20:11:08 +0000

iPhone Web Design Tracker app concepts. Easily track your project from start to finish. Add in your rate, estimated time, and the app will do the rest. Start and stop your time as you go and the app will automatically updated when project is resumed. Track your project phases. Some example phases are: research, sketching, wire framing, initial mocks, design, front end HTML/CSS/JavaScript, development, bug testing, and user testing. Mocks also accommodate landscape and portrait viewing. The client loved the designs.

Cubicle 5

Jason Cypret — Fri, 19 Feb 2010 18:33:31 +0000

1 hour web design, that’s what this was. The C5 guys are good friends of mine. They wanted a website design, but since they are a startup they didn’t have a big budget. In fact they had practically no budget. They challenged me with one hour web design services, and said they would put up whatever I cam up with in 1 hr. However they specifically said stop at an hour. They didn’t want me giving them something for nothing. I started the clock and started spewing design in a hurry. I actually found the speed and the giant time clock a rush. It also helped me not to linger on one design element to long.

I soon found myself with 15 minutes to go and I was still tinkering with the logo. I basically created the bottom half of the page in less than 10 min. Now in actuality it took a little more than 1 hr. I spent some time before the clock stated sketching ideas and gathering elements, but still it was super fun. I’ve added a bit of color since the first design but this is pretty much what I cam up with. What do you think?

I’ll made a timelapse as well that I will soon post.

Snow Day: Crazy Texas Snow

Jason Cypret — Mon, 15 Feb 2010 15:59:42 +0000

I live in Texas where we rarely ever see snow. To be honest we get super excited just to see snow furies. Most of the time those snow furies even stick. In fact the last time I got to play in a full Texas snow I was about 7.

This year we saw back to back snow days, and we got around 12 inches of snow. The best part was it stuck! Despite the driving conditions it was super fun to have the snow. I can honestly say I never thought I would need a snow shovel but I really needed one the last couple of days. Here’s a quick video I make of our snow adventures.

See the all the snow on my Flickr page.

Carson : Snow Day

Jason Cypret — Sat, 13 Feb 2010 17:47:48 +0000

Albert Einstein

Jason Cypret — Wed, 10 Feb 2010 16:51:42 +0000

The secret to creativity is knowing how to hide your sources.

-Albert Einstein

jQuery MagicLine Navigation

Jason Cypret — Tue, 09 Feb 2010 15:47:03 +0000

Chris Coyer “da css man” wrote a great post over the moving line navigation. Hey guess what? I use something very simulator on my site except I opted for a static width of the highlight. Anyway it’s a pretty sweet and very easy to understand.
$(function(){ var $el, leftPos, newWidth, $mainNav = $("#example-one"), pageOffset = $mainNav.offset().left;


    // Fixing the offset if the window changes size

    $(window).resize(function() {

        pageOffset = $mainNav.offset().left;

    });
    $mainNav.append("
");

    var $magicLine = $("#magic-line");
    $magicLine

        .width($(".current_page_item").width())

        .css("left", $(".current_page_item a").offset().left - pageOffset)

        .data("origLeft", $magicLine.offset().left - pageOffset)

        .data("origWidth", $magicLine.width());

$("#example-one li").find("a").hover(function() { $el = $(this); leftPos = $el.offset().left - pageOffset; newWidth = $el.parent().width(); $magicLine.stop().animate({ left: leftPos, width: newWidth }); }, function() { $magicLine.stop().animate({ left: $magicLine.data("origLeft"), width: $magicLine.data("origWidth") }); }); });

Check the demo out at CSSTricks

Carson : Oops

Jason Cypret — Fri, 05 Feb 2010 17:42:11 +0000

47 Amazing CSS3 Animation Demos

Jason Cypret — Thu, 04 Feb 2010 18:27:38 +0000

Here is a compilation of 47 jaw-dropping CSS3 animation demos. They demonstrate the possibilities of the CSS3 transform and transition property. Some are very useful and can be used as Javascript alternatives. Most of them are simply to look cool. In order to veiw these effects, you need a webkit browser such as Safari and Chrome (sorry to the Internet Explorer users). Enjoy!

Rock Solid HTML Emails

Jason Cypret — Fri, 22 Jan 2010 16:37:41 +0000

If you like me you have to churn out HTML emails from time to time. Every time I code of of these my hatred for tables and email clients start to flair up. The lack of css support in emails is ridiculous and really needs to make a change. But until any changes happens were stuck with what we got. Table design in email is king, If you want your email to look as close to the original design as possible. This is a great article with tips for coding your tables.

At some stage in your career, it’s likely you’ll be asked by a client to design a HTML email. Before you rush to explain that all the cool kids are using social media, keep in mind that when done correctly, email is still one of the best ways to promote you and your clients online. In fact, a recent survey showed that every dollar spent on email marketing this year generated more than $40 in return. That’s more than any other marketing channel, including the cool ones.

There are a whole host of ingredients that contribute to a good email marketing campaign. Permission, relevance, timeliness and engaging content are all important. Even so, the biggest challenge for designers still remains building an email that renders well across all the popular email clients.