29
STOP CODING, START CLICKING PRAGMATIC SITE BULDING IN DRUPAL Kyle Taylor LevelTen Interactive @KyleTaylored (I'm starting cool stuff in the area) #STOPCODING

Stop Coding and Start Clicking - Pragmatic site building in Drupal

Embed Size (px)

DESCRIPTION

My presentation from DrupalCamp Dallas showing off a list of various modules that I use to make my life easier as a site builder. Stop coding and start clicking by using modules to your advantage.

Citation preview

Page 1: Stop Coding and Start Clicking - Pragmatic site building in Drupal

STOP CODING, START CLICKINGPRAGMATIC SITE BULDING IN DRUPAL

Kyle TaylorLevelTen Interactive

@KyleTaylored

(I'm starting cool stuff in the area)

#STOPCODING

Page 2: Stop Coding and Start Clicking - Pragmatic site building in Drupal

WHO AM II'm a site builder and front-end developer.

I dislike complex answers to simple problems.

In other words... I like efficiency.(some might call that lazy)

Page 3: Stop Coding and Start Clicking - Pragmatic site building in Drupal

STOP CODING, START CLICKINGWhat does that mean? Take the test!

1. Do you find yourself writing template overrides often?2. Do you often write custom modules to alter views queries?3. Do you ask questions online and answers usually start

with: "Start with this snippet..."

Page 4: Stop Coding and Start Clicking - Pragmatic site building in Drupal

WHYYYYY.

Page 5: Stop Coding and Start Clicking - Pragmatic site building in Drupal

YOU ARE NOT SPECIAL.

Drupal 7 was released January, 2011.It's 2013.You probably aren't the first person with your problem.

Page 6: Stop Coding and Start Clicking - Pragmatic site building in Drupal

USE THE MODULES, LUKE.Modules are built by people who have problems.

These people had to prove that they can build modules.

Just remember.

MODULES ARE NOT PLUGINSModules = ingredients we put together.

Plugins = fully cooked meals.

Page 7: Stop Coding and Start Clicking - Pragmatic site building in Drupal
Page 8: Stop Coding and Start Clicking - Pragmatic site building in Drupal
Page 9: Stop Coding and Start Clicking - Pragmatic site building in Drupal

LET'S START

Administration Helpers

Admin Menu - easier toolbar experienceBackup & Migrate - easy site backup/transferDevel - debugging modules, generating contentFeatures*- packaging up repeatable featuresModule Filter - self-explanatory

Page 10: Stop Coding and Start Clicking - Pragmatic site building in Drupal

VIEWSIf you don't use Views, get on it.

Very complex queries in a breeze. Easy to use UI Quite flexible - plugins available.

Page 11: Stop Coding and Start Clicking - Pragmatic site building in Drupal
Page 12: Stop Coding and Start Clicking - Pragmatic site building in Drupal

VIEWS RESPONSIVE GRIDMobile-friendly putting content in a grid.

(no tables, no manhandling Views)

Page 13: Stop Coding and Start Clicking - Pragmatic site building in Drupal

FOOTABLESometimes we need responsive tables.

(no need to hack it up in CSS)

Page 14: Stop Coding and Start Clicking - Pragmatic site building in Drupal

FOOTABLE MOBILE

Page 15: Stop Coding and Start Clicking - Pragmatic site building in Drupal
Page 16: Stop Coding and Start Clicking - Pragmatic site building in Drupal

VIEWS DATA EXPORTAND sometimes, we need to export that table.

(some clients need reports or XML*)

Page 17: Stop Coding and Start Clicking - Pragmatic site building in Drupal

THEMING!One of the more difficult tasks in Drupal.

Display Suite

"Display Suite allows you to take full control over how yourcontent is displayed using a drag and drop interface."

DRAG AND DROP

Page 18: Stop Coding and Start Clicking - Pragmatic site building in Drupal

DISPLAY SUITE

Page 19: Stop Coding and Start Clicking - Pragmatic site building in Drupal

DISPLAY SUITESemantic FieldsRegion to Block (really cool)Hide page titlesetc.

Page 20: Stop Coding and Start Clicking - Pragmatic site building in Drupal

BEANBlock Entities Aren't Nodes

Problem:I want to add a block with an image.

Old solution:Create a node with an image field, translate node into a block.

ORUpload image, get URL, create new block with HTML

New solution:Use Bean.

Page 21: Stop Coding and Start Clicking - Pragmatic site building in Drupal

BEANBean is an entity type.We treat it like a node.

Lots of plugins available:BeanslideBean Relevant ContentBean and Leaflet (mapping)

Integrates with Display Suite!

Page 22: Stop Coding and Start Clicking - Pragmatic site building in Drupal

MORE BLOCK STUFF

BLOCK CLASSAdd classes to blocks.

BLOCK GROUPCreate faux regions on a page.

REGION CLASSAdd classes to regions and sub-blocks

(Blocker - secret project)

Page 23: Stop Coding and Start Clicking - Pragmatic site building in Drupal

MOBILE HELPAIS (Adaptive Image Styles)

Page 24: Stop Coding and Start Clicking - Pragmatic site building in Drupal

MOBILE HELPBrowser Class

Add classes based on browser. (mobile or desktop)

<body class="html front logged-in one-sidebar sidebar-firstpage-node chrome chrome26 mac desktop">

Alternative: BrowscapReturns a slew of information about the browser

Not always available on your host.

Page 25: Stop Coding and Start Clicking - Pragmatic site building in Drupal

JQUERY MODULESjQuery Update

Updates jQuery core to... something better.(Drupal core jQuery - 1.4.4)

Equal HeightsMake blocks... the same height.

Based on classes applied.

CSS3 PIEMakes IE more tolerable.

Page 26: Stop Coding and Start Clicking - Pragmatic site building in Drupal

RANDOM STUFFTokens

[node:url:absolute]

Auto NodetitleIf you're lazy or don't want to give people the option.

(works with Tokens)

RadioactivityDynamic popularity of content based on views.

Video FilterWant to insert a video? Use the Video Filter.

[video: url]

Page 27: Stop Coding and Start Clicking - Pragmatic site building in Drupal

SEARCHSearch APISearch API SolrFacetAPIFacetAPI Pretty Paths

Page 28: Stop Coding and Start Clicking - Pragmatic site building in Drupal

WHERE CAN I TRY THESE OUT?

HTTP://SIMPLYTEST.ME

Page 29: Stop Coding and Start Clicking - Pragmatic site building in Drupal

OTHER RANDOM MODULESGallery formatter - turn an image field into a slideshow

RedHen CRM - CRM system built on DrupalZenmata - find relevant content/articles to the current one

Masonry - Views plugin that integrates Masonry