SlideShare a Scribd company logo
1 of 61
Download to read offline
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        DATA CACHING

COMMUNICATION     SECURITY

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




                                          TEMPLATE

      http://fortysevenmedia.com/ blog/ archives/ be_thankful



               TEMPLATE GROUP                             URL TITLE
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 &amp;
      Media Creation ~ Knoxville, TN</title>
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>
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 FIELDS & FIELD TYPES


                        CUSTOM STATUSES


                       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 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" 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>
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}&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}
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}&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>
CODE CONTROL   Putting it all together.
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>
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>
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    STRONG SUPPORT &
                     COMMUNITY
DISCUSSION
  Let’s talk about it.
THANK YOU
 Enjoy the rest of the conference!

More Related Content

What's hot

WordPress Security Updated - NYC Meetup 2009
WordPress Security Updated - NYC Meetup 2009WordPress Security Updated - NYC Meetup 2009
WordPress Security Updated - NYC Meetup 2009Brad Williams
 
HTML5 workshop, part 1
HTML5 workshop, part 1HTML5 workshop, part 1
HTML5 workshop, part 1Robert Nyman
 
How to Get Started Theming Plone
How to Get Started Theming PloneHow to Get Started Theming Plone
How to Get Started Theming Plonecdw9
 
WordCamp Finland 2015 - WordPress Security
WordCamp Finland 2015 - WordPress SecurityWordCamp Finland 2015 - WordPress Security
WordCamp Finland 2015 - WordPress SecurityTiia Rantanen
 
Multimedia on the web - HTML5 video and audio
Multimedia on the web - HTML5 video and audioMultimedia on the web - HTML5 video and audio
Multimedia on the web - HTML5 video and audioChristian Heilmann
 
WordPress End-User Security - WordCamp Las Vegas 2011
WordPress End-User Security - WordCamp Las Vegas 2011WordPress End-User Security - WordCamp Las Vegas 2011
WordPress End-User Security - WordCamp Las Vegas 2011Dre Armeda
 
Re-Experience SharePoint: Interface Enhancements in SharePoint 2010
Re-Experience SharePoint: Interface Enhancements in SharePoint 2010Re-Experience SharePoint: Interface Enhancements in SharePoint 2010
Re-Experience SharePoint: Interface Enhancements in SharePoint 2010Benjamin Niaulin
 
WordPress
WordPressWordPress
WordPressrisager
 
WordPress End-User Security
WordPress End-User SecurityWordPress End-User Security
WordPress End-User SecurityDre Armeda
 
SW Drupal Summit: HTML5+Drupal
SW Drupal Summit: HTML5+DrupalSW Drupal Summit: HTML5+Drupal
SW Drupal Summit: HTML5+DrupalJen Simmons
 
Speak The Web: The HTML5 Experiments
Speak The Web: The HTML5 ExperimentsSpeak The Web: The HTML5 Experiments
Speak The Web: The HTML5 Experimentsguestd427df
 
Child Themes in WordPress
Child Themes in WordPressChild Themes in WordPress
Child Themes in WordPressJeff Cohan
 
Building mobile applications with DrupalGap
Building mobile applications with DrupalGapBuilding mobile applications with DrupalGap
Building mobile applications with DrupalGapAlex S
 
Port Android To Windows App
Port Android To Windows AppPort Android To Windows App
Port Android To Windows AppCheah Eng Soon
 
Dress Your WordPress with Child Themes
Dress Your WordPress with Child ThemesDress Your WordPress with Child Themes
Dress Your WordPress with Child ThemesLaurie M. Rauch
 

What's hot (20)

WordPress Security Updated - NYC Meetup 2009
WordPress Security Updated - NYC Meetup 2009WordPress Security Updated - NYC Meetup 2009
WordPress Security Updated - NYC Meetup 2009
 
Stanford Html5talk
Stanford Html5talkStanford Html5talk
Stanford Html5talk
 
WordPress Hardening
WordPress HardeningWordPress Hardening
WordPress Hardening
 
HTML5 workshop, part 1
HTML5 workshop, part 1HTML5 workshop, part 1
HTML5 workshop, part 1
 
WordPress Security
WordPress SecurityWordPress Security
WordPress Security
 
How to Get Started Theming Plone
How to Get Started Theming PloneHow to Get Started Theming Plone
How to Get Started Theming Plone
 
WordCamp Finland 2015 - WordPress Security
WordCamp Finland 2015 - WordPress SecurityWordCamp Finland 2015 - WordPress Security
WordCamp Finland 2015 - WordPress Security
 
Using HTML5 sensibly
Using HTML5 sensiblyUsing HTML5 sensibly
Using HTML5 sensibly
 
Multimedia on the web - HTML5 video and audio
Multimedia on the web - HTML5 video and audioMultimedia on the web - HTML5 video and audio
Multimedia on the web - HTML5 video and audio
 
WordPress End-User Security - WordCamp Las Vegas 2011
WordPress End-User Security - WordCamp Las Vegas 2011WordPress End-User Security - WordCamp Las Vegas 2011
WordPress End-User Security - WordCamp Las Vegas 2011
 
Re-Experience SharePoint: Interface Enhancements in SharePoint 2010
Re-Experience SharePoint: Interface Enhancements in SharePoint 2010Re-Experience SharePoint: Interface Enhancements in SharePoint 2010
Re-Experience SharePoint: Interface Enhancements in SharePoint 2010
 
What is (not) WordPress
What is (not) WordPressWhat is (not) WordPress
What is (not) WordPress
 
WordPress
WordPressWordPress
WordPress
 
WordPress End-User Security
WordPress End-User SecurityWordPress End-User Security
WordPress End-User Security
 
SW Drupal Summit: HTML5+Drupal
SW Drupal Summit: HTML5+DrupalSW Drupal Summit: HTML5+Drupal
SW Drupal Summit: HTML5+Drupal
 
Speak The Web: The HTML5 Experiments
Speak The Web: The HTML5 ExperimentsSpeak The Web: The HTML5 Experiments
Speak The Web: The HTML5 Experiments
 
Child Themes in WordPress
Child Themes in WordPressChild Themes in WordPress
Child Themes in WordPress
 
Building mobile applications with DrupalGap
Building mobile applications with DrupalGapBuilding mobile applications with DrupalGap
Building mobile applications with DrupalGap
 
Port Android To Windows App
Port Android To Windows AppPort Android To Windows App
Port Android To Windows App
 
Dress Your WordPress with Child Themes
Dress Your WordPress with Child ThemesDress Your WordPress with Child Themes
Dress Your WordPress with Child Themes
 

Similar to Why ExpressionEngine is Great for Designers

Fronttechnieken met HTML5 en de Slice-template
Fronttechnieken met HTML5 en de Slice-templateFronttechnieken met HTML5 en de Slice-template
Fronttechnieken met HTML5 en de Slice-templateInventis Web Architects
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5Terry Ryan
 
Presentation html5 css3 by thibaut
Presentation html5 css3 by thibautPresentation html5 css3 by thibaut
Presentation html5 css3 by thibautThibaut Baillet
 
TOSSUG HTML5 讀書會 新標籤與表單
TOSSUG HTML5 讀書會 新標籤與表單TOSSUG HTML5 讀書會 新標籤與表單
TOSSUG HTML5 讀書會 新標籤與表單偉格 高
 
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!Coulawrence
 
Take Your Markup to 11
Take Your Markup to 11Take Your Markup to 11
Take Your Markup to 11Emily Lewis
 
Web design and Development
Web design and DevelopmentWeb design and Development
Web design and DevelopmentShagor Ahmed
 
Html5 - short intro
Html5 - short introHtml5 - short intro
Html5 - short introjeiseman
 
关于 Html5 那点事
关于 Html5 那点事关于 Html5 那点事
关于 Html5 那点事Sofish Lin
 
Introduction to blogging with Jekyll
Introduction to blogging with JekyllIntroduction to blogging with Jekyll
Introduction to blogging with JekyllEric Lathrop
 
2022 HTML5: The future is now
2022 HTML5: The future is now2022 HTML5: The future is now
2022 HTML5: The future is nowGonzalo Cordero
 
HTML 5 Drupalcamp Ireland Dublin 2010
HTML 5 Drupalcamp Ireland Dublin 2010HTML 5 Drupalcamp Ireland Dublin 2010
HTML 5 Drupalcamp Ireland Dublin 2010alanburke
 

Similar to Why ExpressionEngine is Great for Designers (20)

[O'Reilly] HTML5 Design
[O'Reilly] HTML5 Design[O'Reilly] HTML5 Design
[O'Reilly] HTML5 Design
 
Fronttechnieken met HTML5 en de Slice-template
Fronttechnieken met HTML5 en de Slice-templateFronttechnieken met HTML5 en de Slice-template
Fronttechnieken met HTML5 en de Slice-template
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
 
[In Control 2010] HTML5
[In Control 2010] HTML5[In Control 2010] HTML5
[In Control 2010] HTML5
 
Presentation html5 css3 by thibaut
Presentation html5 css3 by thibautPresentation html5 css3 by thibaut
Presentation html5 css3 by thibaut
 
Html5 intro
Html5 introHtml5 intro
Html5 intro
 
TOSSUG HTML5 讀書會 新標籤與表單
TOSSUG HTML5 讀書會 新標籤與表單TOSSUG HTML5 讀書會 新標籤與表單
TOSSUG HTML5 讀書會 新標籤與表單
 
[edUi] HTML5 Workshop
[edUi] HTML5 Workshop[edUi] HTML5 Workshop
[edUi] HTML5 Workshop
 
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
 
Take Your Markup to 11
Take Your Markup to 11Take Your Markup to 11
Take Your Markup to 11
 
Profit statement 01
Profit statement 01Profit statement 01
Profit statement 01
 
Web design and Development
Web design and DevelopmentWeb design and Development
Web design and Development
 
The Devil and HTML5
The Devil and HTML5The Devil and HTML5
The Devil and HTML5
 
Html5 - short intro
Html5 - short introHtml5 - short intro
Html5 - short intro
 
[heweb11] HTML5 Makeover
[heweb11] HTML5 Makeover[heweb11] HTML5 Makeover
[heweb11] HTML5 Makeover
 
关于 Html5 那点事
关于 Html5 那点事关于 Html5 那点事
关于 Html5 那点事
 
Introduction to blogging with Jekyll
Introduction to blogging with JekyllIntroduction to blogging with Jekyll
Introduction to blogging with Jekyll
 
P.S. I love you
P.S. I love youP.S. I love you
P.S. I love you
 
2022 HTML5: The future is now
2022 HTML5: The future is now2022 HTML5: The future is now
2022 HTML5: The future is now
 
HTML 5 Drupalcamp Ireland Dublin 2010
HTML 5 Drupalcamp Ireland Dublin 2010HTML 5 Drupalcamp Ireland Dublin 2010
HTML 5 Drupalcamp Ireland Dublin 2010
 

Recently uploaded

MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 
Create Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdfCreate Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdfworkingdev2003
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作aecnsnzk
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxDanielTamiru4
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 

Recently uploaded (20)

MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 
Create Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdfCreate Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdf
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptx
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 

Why ExpressionEngine is Great for Designers

  • 1. WELCOME TO THE FRONT-END DESIGN CONFERENCE Why ExpressionEngine is great for designers
  • 2. HELLO MY NAME IS JONATHAN LONGNECKER
  • 3.
  • 4. HELLO HIS NAME IS NATE CROFT
  • 5. CHANNELS/WEBLOGS Customized updatable content. GRAPHIC DESIGN HTML/CSS EXPRESSIONENGINE
  • 7. IS BUILT FOR DESIGNERS
  • 8. WEB PUBLISHING MEMBER MANAGEMENT TEMPLATE ENGINE TYPOGRAPHY ADD-ONS SPAM DETERRENTS COMMENTING DATA CACHING COMMUNICATION SECURITY SEARCH UTILITIES
  • 9. TOP DESIGNERS & CONTROL OVER CODE AGENCIES USE IT FLEXIBLE, POWERFUL EASY SYNTAX TEMPLATING CUSTOM PUBLISHING STRONG SUPPORT & COMMUNITY
  • 10. WHO’S USING IT? Don’t take my word for it.
  • 11. WHO’S USING EXPRESSIONENGINE? Jason Santa Maria
  • 13. WHO’S USING EXPRESSIONENGINE? Airbag Industries
  • 23. TEMPLATES Welcome to complete freedom. TEMPLATE GROUPS
  • 24. TEMPLATES Welcome to complete freedom. TEMPLATE GROUPS TEMPLATES
  • 25. TEMPLATES Welcome to complete freedom. TEMPLATE http://fortysevenmedia.com/ blog/ archives/ be_thankful TEMPLATE GROUP URL TITLE
  • 26. TEMPLATES Welcome to complete freedom. GLOBAL VARIABLES TEMPLATE EMBEDS {stylsheets} {embed="global/footer"}
  • 27. 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>
  • 28. 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>
  • 29. 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>
  • 30. 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>
  • 31. TEMPLATES Welcome to complete freedom. {embed="global/nav" loc="home"}
  • 32. TEMPLATES Welcome to complete freedom. GLOBAL VARIABLES TEMPLATE EMBEDS {stylsheets} {embed="global/footer"}
  • 33. CHANNELS/WEBLOGS Customized updatable content.
  • 34. CHANNELS/WEBLOGS Customized updatable content. CUSTOM FIELDS & FIELD TYPES CUSTOM STATUSES CUSTOM CATEGORIES
  • 35. CHANNELS/WEBLOGS Customized updatable content.
  • 36. CHANNELS/WEBLOGS Customized updatable content.
  • 37. 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>
  • 38. 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>
  • 39. CODE CONTROL Putting it all together.
  • 40. CODE CONTROL Putting it all together.
  • 41. CODE CONTROL Putting it all together.
  • 42. 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>
  • 43. CODE CONTROL Putting it all together.
  • 44. 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}
  • 45. 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}
  • 46. 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>
  • 47. CODE CONTROL Putting it all together.
  • 48. SYNTAX Even I can understand it.
  • 49. 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>
  • 50. 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>
  • 51. 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>
  • 52. 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>
  • 53. COMMUNITY They get behind a fellow.
  • 54. COMMUNITY EE Documentation
  • 55. COMMUNITY EE Kowledge Base
  • 56. COMMUNITY EE Forums
  • 57. COMMUNITY Train-ee
  • 58. COMMUNITY EE Insider Tips
  • 59. TOP DESIGNERS & CONTROL OVER CODE AGENCIES USE IT FLEXIBLE, POWERFUL EASY SYNTAX TEMPLATING CUSTOM PUBLISHING STRONG SUPPORT & COMMUNITY
  • 60. DISCUSSION Let’s talk about it.
  • 61. THANK YOU Enjoy the rest of the conference!