austinmeakin.co.uk
Tools Archives - Austin Meakin
http://www.austinmeakin.co.uk/category/tools
Managing Digital Products, Projects and Optimisation. CV – Austin Meakin, BA, MSc. Use Net Market Share. For ditching crappy browsers from your scope. February 9, 2016. Design and development goodies. Another cool resource from Henry containing a plethora of design and development goodies! February 9, 2016. In the spirit of the Harlem Shaker. Website (no longer available) you can now blow up any website using explode! Another link from Henry. February 9, 2016. Brand and social monitoring. February 9, 2016.
responsiveemailpatterns.com
Responsive Email Patterns
http://responsiveemailpatterns.com/patterns/navigation/top-links.html
This email was sent by: Your Company Here. 4822 West 62nd Street Mission, KS 66205. One of the easiest-to-implement solutions for navigation. Links stay at the top of the screen and wrap as the viewport shrinks. Can however cause height issues if too many links are used. Style .main cta img { width: 100%; height: auto!
responsiveemailpatterns.com
Responsive Email Patterns
http://responsiveemailpatterns.com/patterns/navigation/footer-anchor.html
This email was sent by: Your Company Here. 4822 West 62nd Street Mission, KS 66205. Navigation begins as a single row at the top of the layout. At a specified breakpoint, the entire nav drops from the top and moves down to a stacked layout below the main message. A menu or hamburger button is added at the top of the layout that anchors to the stacked menu. Style .main cta img { width: 100%; height: auto! Important; width: auto! Important; height: auto! Important; max-width: inherit!
responsiveemailpatterns.com
Responsive Email Patterns
http://responsiveemailpatterns.com/patterns/navigation/hide-everything.html
This email was sent by: Your Company Here. 4822 West 62nd Street Mission, KS 66205. Navigation begins as a single row at the top of the layout and the entire menu is hidden below a specified breakpoint. Style .main cta img { width: 100%; height: auto!
responsiveemailpatterns.com
Responsive Email Patterns
http://responsiveemailpatterns.com/patterns/layout/3-equal-width-columns.html
This is a headline. Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is a headline. Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is a headline. Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is a headline. Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is a headline. Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is a headline. Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is a headline. This is a headline.
responsiveemailpatterns.com
Responsive Email Patterns
http://responsiveemailpatterns.com/patterns/layout/main-column-with-sidebar.html
This email was sent by: Your Company Here. 4822 West 62nd Street Mission, KS 66205. Main Column With Sidebar. A multi-column layout with one main column and a sidebar that ends up as a single column layout, stacking the main column on top of the sidebar as the screen size gets smaller.
responsiveemailpatterns.com
Responsive Email Patterns
http://responsiveemailpatterns.com/patterns/layout/shrink-wrap.html
This email was sent by: Your Company Here. 4822 West 62nd Street Mission, KS 66205. The simplesest layout is one that is mostly fluid. The layout does not shift with screen size changes. Text simply reflows and images scale. Style /* Shrink Wrap Layout Pattern CSS */ @media only screen and (max-width: 599px) { td[class=hero] img { width: 100%; height: auto! Important; } td[class=pattern] td{ width: 100%; } } /style table cellpadding=0 cellspacing=0 tr td class=pattern width=600 table cellpadding=0 c...
responsiveemailpatterns.com
Pattern Support
http://responsiveemailpatterns.com/support.html
All patterns have been tested using either Litmus. Or with real devices in the email clients listed below. Full = Fully Responsive, Working = Renders Correctly at Full Width but Not Responsive, None = Either the Pattern Doesn't Work or Has Yet to be Tested. Apple Mail 5 OS X 10.7. Apple Mail 6 OS X 10.8. Android 2.3 Native Client. Android 4.0 Native Client. Android Outlook Exchange via Native Client. Outlook 2011 OS X 10.7. Windows Mobile 6.1.
responsiveemailpatterns.com
Responsive Email Patterns
http://responsiveemailpatterns.com/patterns/navigation/reduce-v2.html
This email was sent by: Your Company Here. 4822 West 62nd Street Mission, KS 66205. Navigation begins as a single row at the top of the layout and items are removed from right to left as the viewport shrinks. Style .main cta img { width: 100%; height: auto!
SOCIAL ENGAGEMENT