0
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    MEMBER MANAGEMENT

TEMPLATE ENGINE   TYPOGRAPHY

ADD-ONS           SPAM DETERRENTS

COMMENTING        DA...
TOP DESIGNERS &      CONTROL OVER CODE
AGENCIES USE IT
FLEXIBLE, POWERFUL   EASY SYNTAX
TEMPLATING
CUSTOM PUBLISHING    ST...
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.




                         ...
TEMPLATES                           Welcome to complete freedom.




       GLOBAL VARIABLES       TEMPLATE EMBEDS
  {styl...
TEMPLATES                                                  Welcome to complete freedom.




      <!DOCTYPE html PUBLIC "-...
TEMPLATES                                                  Welcome to complete freedom.




      {html_head}


      <met...
TEMPLATES                                                   Welcome to complete freedom.




      <div id="nav">
        ...
TEMPLATES                                                  Welcome to complete freedom.




      <div id="nav">
         ...
TEMPLATES                               Welcome to complete freedom.




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




       GLOBAL VARIABLES       TEMPLATE EMBEDS
  {styl...
CHANNELS/WEBLOGS
   Customized updatable content.
CHANNELS/WEBLOGS                           Customized updatable content.




                   CUSTOM FIELDS & FIELD TYPE...
CHANNELS/WEBLOGS   Customized updatable content.
CHANNELS/WEBLOGS   Customized updatable content.
CHANNELS/WEBLOGS                                            Customized updatable content.




 <h3>Recent Blog Entries</h3...
CHANNELS/WEBLOGS                                               Customized updatable content.




 <h3>Recent Blog Entries<...
CODE CONTROL
  Putting it all together.
CODE CONTROL   Putting it all together.
CODE CONTROL   Putting it all together.
CODE CONTROL                                                      Putting it all together.




      <a class="lightwindow...
CODE CONTROL   Putting it all together.
CODE CONTROL                                                         Putting it all together.




      {exp:weblog:entrie...
CODE CONTROL                                                         Putting it all together.




      {exp:weblog:entrie...
CODE CONTROL                                                      Putting it all together.




      <a class="lightwindow...
CODE CONTROL   Putting it all together.
SYNTAX
Even I can understand it.
SYNTAX                                                               Even I can understand it.




 <h3>Recent Blog Entrie...
SYNTAX                                                               Even I can understand it.




 <h3>Recent Blog Entrie...
SYNTAX                                                               Even I can understand it.




 <h3>Recent Blog Entrie...
SYNTAX                                                               Even I can understand it.




 <h3>Recent Blog Entrie...
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 &      CONTROL OVER CODE
AGENCIES USE IT
FLEXIBLE, POWERFUL   EASY SYNTAX
TEMPLATING
CUSTOM PUBLISHING    ST...
DISCUSSION
  Let’s talk about it.
THANK YOU
 Enjoy the rest of the conference!
Why ExpressionEngine is Great for Designers
Upcoming SlideShare
Loading in...5
×

Why ExpressionEngine is Great for Designers

7,891

Published on

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.

Published in: Design, Business
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
7,891
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
99
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Transcript of "Why ExpressionEngine is Great for Designers"

  1. 1. WELCOME TO THE FRONT-END DESIGN CONFERENCE Why ExpressionEngine is great for designers
  2. 2. HELLO MY NAME IS JONATHAN LONGNECKER
  3. 3. HELLO HIS NAME IS NATE CROFT
  4. 4. CHANNELS/WEBLOGS Customized updatable content. GRAPHIC DESIGN HTML/CSS EXPRESSIONENGINE
  5. 5. WHAT IS IT?
  6. 6. IS BUILT FOR DESIGNERS
  7. 7. WEB PUBLISHING MEMBER MANAGEMENT TEMPLATE ENGINE TYPOGRAPHY ADD-ONS SPAM DETERRENTS COMMENTING DATA CACHING COMMUNICATION SECURITY SEARCH UTILITIES
  8. 8. TOP DESIGNERS & CONTROL OVER CODE AGENCIES USE IT FLEXIBLE, POWERFUL EASY SYNTAX TEMPLATING CUSTOM PUBLISHING STRONG SUPPORT & COMMUNITY
  9. 9. WHO’S USING IT? Don’t take my word for it.
  10. 10. WHO’S USING EXPRESSIONENGINE? Jason Santa Maria
  11. 11. WHO’S USING EXPRESSIONENGINE? 31Three
  12. 12. WHO’S USING EXPRESSIONENGINE? Airbag Industries
  13. 13. WHO’S USING EXPRESSIONENGINE? Blue Flavor
  14. 14. WHO’S USING EXPRESSIONENGINE? Veerle Pieters
  15. 15. WHO’S USING EXPRESSIONENGINE? Duoh
  16. 16. WHO’S USING EXPRESSIONENGINE? Happy Cog
  17. 17. WHO’S USING EXPRESSIONENGINE? Viget Labs
  18. 18. WHO’S USING EXPRESSIONENGINE? A List Apart
  19. 19. WHO’S USING EXPRESSIONENGINE? Change.gov
  20. 20. WHO’S USING EXPRESSIONENGINE? Campaign Monitor
  21. 21. TEMPLATES Welcome to complete freedom.
  22. 22. TEMPLATES Welcome to complete freedom. TEMPLATE GROUPS
  23. 23. TEMPLATES Welcome to complete freedom. TEMPLATE GROUPS TEMPLATES
  24. 24. TEMPLATES Welcome to complete freedom. TEMPLATE http://fortysevenmedia.com/ blog/ archives/ be_thankful TEMPLATE GROUP URL TITLE
  25. 25. TEMPLATES Welcome to complete freedom. GLOBAL VARIABLES TEMPLATE EMBEDS {stylsheets} {embed="global/footer"}
  26. 26. 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 &amp; Media Creation ~ Knoxville, TN</title>
  27. 27. TEMPLATES Welcome to complete freedom. {html_head} <meta name="keywords" content="web design, graphic design" /> <meta name="author" content="FortySeven Media" /> <meta name="copyright" content="&copy; 2008 FortySeven Media" /> <title>FortySeven Media ~ Kick Awesome Web Design, Graphic Design &amp; Media Creation ~ Knoxville, TN</title>
  28. 28. 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>
  29. 29. 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>
  30. 30. TEMPLATES Welcome to complete freedom. {embed="global/nav" loc="home"}
  31. 31. TEMPLATES Welcome to complete freedom. GLOBAL VARIABLES TEMPLATE EMBEDS {stylsheets} {embed="global/footer"}
  32. 32. CHANNELS/WEBLOGS Customized updatable content.
  33. 33. CHANNELS/WEBLOGS Customized updatable content. CUSTOM FIELDS & FIELD TYPES CUSTOM STATUSES CUSTOM CATEGORIES
  34. 34. CHANNELS/WEBLOGS Customized updatable content.
  35. 35. CHANNELS/WEBLOGS Customized updatable content.
  36. 36. 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>
  37. 37. 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>
  38. 38. CODE CONTROL Putting it all together.
  39. 39. CODE CONTROL Putting it all together.
  40. 40. CODE CONTROL Putting it all together.
  41. 41. 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&amp;server=vimeo.com&amp; show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=8cd1c2&amp;f ullscreen=0&amp;autoplay=1">Click to Play</a>
  42. 42. CODE CONTROL Putting it all together.
  43. 43. 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}&amp;server=vimeo.com&amp; show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=8cd1c2&amp;f ullscreen=0&amp;autoplay=1">Click to Play</a> {/exp:weblog:entries}
  44. 44. 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}
  45. 45. 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}&amp; server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&a mp;color=8cd1c2&amp;fullscreen=0&amp;autoplay=1">Click to Play</a>
  46. 46. CODE CONTROL Putting it all together.
  47. 47. SYNTAX Even I can understand it.
  48. 48. 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>
  49. 49. 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>
  50. 50. 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>
  51. 51. 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>
  52. 52. COMMUNITY They get behind a fellow.
  53. 53. COMMUNITY EE Documentation
  54. 54. COMMUNITY EE Kowledge Base
  55. 55. COMMUNITY EE Forums
  56. 56. COMMUNITY Train-ee
  57. 57. COMMUNITY EE Insider Tips
  58. 58. TOP DESIGNERS & CONTROL OVER CODE AGENCIES USE IT FLEXIBLE, POWERFUL EASY SYNTAX TEMPLATING CUSTOM PUBLISHING STRONG SUPPORT & COMMUNITY
  59. 59. DISCUSSION Let’s talk about it.
  60. 60. THANK YOU Enjoy the rest of the conference!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×