http://www.jankoatwarpspeed.com/post/2011/02/23/innovation-iteration-refinement.aspx

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, ... Read more]]> Posted in DevelopmentLink

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;

$("#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

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 ... Read more]]> Posted in Link

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!

Read more at: Web Designer Wall

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 ... Read more]]> Posted in DevelopmentLinkWeb Design

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.

Read more at 24ways.org

Today I’m going to show you a pretty clever technique for changing the Cascading Style Sheet by time using PHP, this can be a quirky addon for region/country specific sites, and will allow you to experiment and perhaps alter the code to use for different purposes.

I have coded this so it uses 4 stylesheets and ... Read more]]> Posted in DevelopmentLink

Today I’m going to show you a pretty clever technique for changing the Cascading Style Sheet by time using PHP, this can be a quirky addon for region/country specific sites, and will allow you to experiment and perhaps alter the code to use for different purposes.

I have coded this so it uses 4 stylesheets and changes at 6am, 12pm, 7pm and 11pm.

The whole project is available to download and demo below, here I will break it down and explain its elements.

Read at webm.ag

HTML to CSS Tool My HTML to CSS tool will parse through your HTML structure, pull out IDs, classes and any inline CSS and create a basic stylesheet for you. To see this article in action, feel free to skip right to the live demo >>

Read at NealGrosskopf.com

Over recent years, JavaScript has increasingly gained popularity, partly due to libraries that are developed to make JavaScript apps/effects easier to create for those who may not have fully grasped the core language yet.

While in the past it was a common argument that JavaScript was a basic language and was very ‘slap dash’ with no ... Read more]]> Posted in LinkWeb Design

Over recent years, JavaScript has increasingly gained popularity, partly due to libraries that are developed to make JavaScript apps/effects easier to create for those who may not have fully grasped the core language yet.

While in the past it was a common argument that JavaScript was a basic language and was very ‘slap dash’ with no real foundation; this is no longer the case, especially with the introduction of high scale web applications and ‘adaptations’ such as JSON (JavaScript Object Notation).

Read at Nettuts+

This is probably my favorite one page design. Really makes use of space and colors. volll.com

I love the chart line going through the page. Great colors too. seekandhit.com/en

Slow clap for these guys. This site looks simple but really encourages interaction. Kudos.riotindustries.com