why expressionengine is great for designers
DESCRIPTION
Jonathan's presentation provided great examples of some awesome sites and design companies that are using ExpressionEngine. He then gave an excellent walkthrough of the features and power of this designer-friendly CMS.The major takeaway from his presentation is that he and Nate are "not programmers" and that you don't have to be to learn and utilize ExpressionEngine. It is built to work within your code to add functionality and deliver content dynamically.TRANSCRIPT
WELCOMETO THE FRONT-END DESIGN CONFERENCE
Why ExpressionEngine is great for designers
HELLOMY NAME IS JONATHAN LONGNECKER
HELLOHIS 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
TEMPLATESWelcome 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/WEBLOGSCustomized 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.
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 CONTROLPutting it all together.
CODE CONTROL Putting it all together.
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&fullscreen=0&autoplay=1">Click to Play</a>
CODE CONTROL Putting it all together.
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&fullscreen=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&color=8cd1c2&fullscreen=0&autoplay=1">Click to Play</a>
CODE CONTROL Putting it all together.
SYNTAXEven 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>
SYNTAX Even I can understand it.
<h3>Recent Blog Entries</h3>
<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>
SYNTAX Even I can understand it.
<h3>Recent Blog Entries</h3>
<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>
SYNTAX Even I can understand it.
<h3>Recent Blog Entries</h3>
<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>
COMMUNITYThey 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
DISCUSSIONLet’s talk about it.
THANK YOUEnjoy the rest of the conference!