Syfer Does Web

Many designers have said that responsive has to be done small up, meaning starting with a smaller screen and the working your way by coding for the bigger screen. I on the other hand have been working my way down. Towards the end of last year I got my first taste of what responsive email design is. As it is coding emails to show the same across all email clients is a big task. With two years of experience now I can say that I have tackled every kind of design clients could throw at me. Now since its getting boring coding only desktop emails I have taken up responsive emails to keep myself busy ... and busy it keeps me. Media queries plays the most vital role in any email. Its the backbone in which responsive will be ... responsive. @media only screen and (min-device-width:320px) { body{background-color:#ff0000 !important;} } The above is just building block for the email telling the browser if its "device" width is 320px then turn the background of the body to red. See...

CCS 4 ... its new and banging at the door to enter the market. There is a few changes that were implemented to make coding a little easy. More like making it conditional :-s A simple coloring where we define each instance if the link will be coded as: ul.menu li a:link, ul.menu li a:hover, ul.menu li a:visited, ul.menu li a:focus { 5 color : red ; } With the new shorthand code it looks much cleaner and understandable. ul.menu li a:matches(:link, :hover, :visited, :focus) { color : red ; } Mote examples and a further reading can be found at http://coding.smashingmagazine.com/2013/01/21/sneak-peek-future-selectors-level-4/ Happy reading!