Why ExpressionEngine is Great for Designers

WELCOME TO THE FRONT-END DESIGN CONFERENCE Why ExpressionEngine is great
for designers

HELLO MY NAME IS JONATHAN LONGNECKER

HELLO HIS NAME IS NATE CROFT

CHANNELS/WEBLOGS Customized updatable content. GRAPHIC DESIGN HTML/CSS EXPRESSIONENGINE

WHAT IS IT?

IS BUILT FOR DESIGNERS

WEB PUBLISHING TEMPLATE ENGINE ADD-ONS COMMENTING COMMUNICATION SEARCH MEMBER MANAGEMENT
TYPOGRAPHY SPAM DETERRENTS DATA CACHING SECURITY UTILITIES

TOP DESIGNERS & AGENCIES USE IT FLEXIBLE, POWERFUL TEMPLATING CUSTOM
PUBLISHING CONTROL OVER CODE EASY SYNTAX STRONG SUPPORT & COMMUNITY

WHO’S USING IT? Don’t take my word for it.

WHO’S USING EXPRESSIONENGINE? Jason Santa Maria

WHO’S USING EXPRESSIONENGINE? 31Three

WHO’S USING EXPRESSIONENGINE? Airbag Industries

WHO’S USING EXPRESSIONENGINE? Blue Flavor

WHO’S USING EXPRESSIONENGINE? Veerle Pieters

WHO’S USING EXPRESSIONENGINE? Duoh

WHO’S USING EXPRESSIONENGINE? Happy Cog

WHO’S USING EXPRESSIONENGINE? Viget Labs

WHO’S USING EXPRESSIONENGINE? A List Apart

WHO’S USING EXPRESSIONENGINE? Change.gov

WHO’S USING EXPRESSIONENGINE? Campaign Monitor

TEMPLATES Welcome to complete freedom.

TEMPLATES Welcome to complete freedom. TEMPLATE GROUPS

TEMPLATES Welcome to complete freedom. TEMPLATE GROUPS TEMPLATES

TEMPLATES Welcome to complete freedom. http://fortysevenmedia.com/ TEMPLATE GROUP blog/ URL
TITLE be_thankful TEMPLATE archives/

TEMPLATES Welcome to complete freedom. GLOBAL VARIABLES TEMPLATE EMBEDS {stylsheets}
{embed="global/footer"}

TEMPLATES Welcome to complete freedom. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="Shortcut Icon" href="http://fortysevenmedia.com/favicon.ico"/> <meta name="keywords" content="web design, graphic design" /> <title>FortySeven Media ~ Kick Awesome Web Design, Graphic Design & Media Creation ~ Knoxville, TN</title>

TEMPLATES Welcome to complete freedom. <meta name="keywords" content="web design, graphic
design" /> <meta name="author" content="FortySeven Media" /> <meta name="copyright" content="© 2008 FortySeven Media" /> <title>FortySeven Media ~ Kick Awesome Web Design, Graphic Design & Media Creation ~ Knoxville, TN</title> {html_head}

TEMPLATES Welcome to complete freedom. <div id="nav"> <ul> <li><a class="current"
href="/">Home</a></li> <li><a href="/dont_hire/">Don't Hire Us</a></li> <li><a href="/portfolio/">Portfolio</a></li> <li><a href="/services/">Services</a></li> <li><a href="/blog/">Blog</a></li> <li><a href="/about/">About Us</a></li> <li><a href="/contact/">Contact</a></li> </ul> </div>

TEMPLATES Welcome to complete freedom. <div id="nav"> <ul> <li><a {if
'{embed:loc}' == 'home'}class="current"{/if} href="/">Home</a></li> <li><a href="/dont_hire/">Don't Hire Us</a></li> <li><a href="/portfolio/">Portfolio</a></li> <li><a href="/services/">Services</a></li> <li><a href="/blog/">Blog</a></li> <li><a href="/about/">About Us</a></li> <li><a href="/contact/">Contact</a></li> </ul> </div>

TEMPLATES Welcome to complete freedom. {embed="global/nav" loc="home"}

TEMPLATES Welcome to complete freedom. GLOBAL VARIABLES TEMPLATE EMBEDS {stylsheets}
{embed="global/footer"}

CHANNELS/WEBLOGS Customized updatable content.

CHANNELS/WEBLOGS Customized updatable content. CUSTOM STATUSES CUSTOM FIELDS & FIELD
TYPES CUSTOM CATEGORIES

CHANNELS/WEBLOGS Customized updatable content.

CHANNELS/WEBLOGS Customized updatable content. <h3>Recent Blog Entries</h3> <ul> <li><a href="/blog/article/console_for_la_live/">Console
for LA Live <br /><span class="date">07-09-09</span></a></li> <li><a href="/blog/article/console_for_majestic_star_casino/">Console for Majestic Star Casino <br /><span class="date">07-02-09</span></a></li> <li><a href="/blog/article/launch_party_at_the_hard_rock/">Launch Party at the Hard Rock <br /><span class="date">05-13-09</span></a></li> <li><a href="/blog/article/welcome_to_the_new_site/">Welcome to the New Site! <br /><span class="date">05-13-09</span></a></li> </ul>

CHANNELS/WEBLOGS Customized updatable content. <h3>Recent Blog Entries</h3> <ul> {exp:weblog:entries weblog="blog"
orderby="date" sort="desc" limit="5"} <li><a href="{url_title_path="blog/article"}">{title} <br /><span class="date">{entry_date format="%m-%d-%y"}</span></a></li> {/exp:weblog:entries} </ul>

CODE CONTROL Putting it all together.

CODE CONTROL Putting it all together. <a class="lightwindow" params="lightwindow_width=504, lightwindow_height=379"
title="Title Goes Here" href="http://vimeo.com/ moogaloop.swf?clip_id=3287538&server=vimeo.com& show_title=0&show_byline=0&show_portrait=0&color=8cd1c2&f ullscreen=0&autoplay=1">Click to Play</a>

CODE CONTROL Putting it all together. {exp:weblog:entries weblog="work" orderby="date" sort="desc"
limit="5"} <a class="lightwindow" params="lightwindow_width={video_width}, lightwindow_height={video_height}" title="{title}" href="http:// vimeo.com/moogaloop.swf?clip_id={video}&server=vimeo.com& show_title=0&show_byline=0&show_portrait=0&color=8cd1c2&f ullscreen=0&autoplay=1">Click to Play</a> {/exp:weblog:entries}

CODE CONTROL Putting it all together. {exp:weblog:entries weblog="work" orderby="date" sort="desc"
limit="5"} {embed="global/global_videolink" title="{title}" video="{video}" video_width="{video_width}" video_height="{video_height}"} {/exp:weblog:entries}

CODE CONTROL Putting it all together. <a class="lightwindow" params="lightwindow_width={embed:video_width}, lightwindow_height={embed:video_height}"
title="{embed:title}" href="http://vimeo.com/moogaloop.swf?clip_id={embed:video}& server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&a mp;color=8cd1c2&fullscreen=0&autoplay=1">Click to Play</a>

SYNTAX Even I can understand it.

SYNTAX Even I can understand it. <h3>Recent Blog Entries</h3> <ul>
{exp:weblog:entries weblog="blog" orderby="date" sort="desc" limit="5"} <li><a href="{url_title_path="blog/article"}">{title} <br /><span class="date">{entry_date format="%m-%d-%y"}</span></a></li> {/exp:weblog:entries} </ul>

{exp:weblog:entries weblog="blog" orderby="date" sort="asc" limit="5"} <li><a href="{url_title_path="blog/article"}">{title} <br /><span class="date">{entry_date format="%m-%d-%y"}</span></a></li> {/exp:weblog:entries} </ul>

{exp:weblog:entries weblog="blog" orderby="date" sort="asc" limit="2"} <li><a href="{url_title_path="blog/article"}">{title} <br /><span class="date">{entry_date format="%m-%d-%y"}</span></a></li> {/exp:weblog:entries} </ul>

{exp:weblog:entries weblog="blog" orderby="random" limit="5"} <li><a href="{url_title_path="blog/article"}">{title} <br /><span class="date">{entry_date format="%m-%d-%y"}</span></a></li> {/exp:weblog:entries} </ul>

COMMUNITY They get behind a fellow.

COMMUNITY EE Documentation

COMMUNITY EE Kowledge Base

COMMUNITY EE Forums

COMMUNITY Train-ee

COMMUNITY EE Insider Tips

TOP DESIGNERS & AGENCIES USE IT FLEXIBLE, POWERFUL TEMPLATING CUSTOM
PUBLISHING CONTROL OVER CODE EASY SYNTAX STRONG SUPPORT & COMMUNITY

DISCUSSION Let’s talk about it.

THANK YOU Enjoy the rest of the conference!

Why ExpressionEngine is Great for Designers

Why ExpressionEngine is Great for Designers

More Decks by FortySeven Media

Other Decks in Design

Featured

Transcript