Bower

http://www.tchc.org

Main Site

Concrete5

• Added custom Layout Presets for Foundation columns.
• Advanced Permissions for granting editing capabilities to specific users on specific pages.
• Google Fonts
• Foundation 5 Framework
  • Bower
  • Grunt
  • SCSS

Custom Programming

Provider Directory

• Search by Name, Specialty, and Location
• Provider Detail Page

Events

• Event Listings and Search
• Event Registration

Custom Blocks

Tabbed Content Blocks – 4 blocks for defining the tabbed area and its panels. Uses Responsive Tabs jQuery plugin.

Image/Video Slider – Responsive jQuery Cycle slider that can contain YouTube and image slides. Images open in Magnific Popup.

And some others that aren’t as cool: Home Feature, Home Slider, iChoose, Page Intro Image, Page Selector.

Other jQuery Plugins

DoubleTapToGo

jQuery Offscreen

Smooth Scroll

Blog

http://www.tchc.org/blog

• WordPress
  • FoundationPress based custom theme.
• Masonry layout

http://www.macleodandco.com/

Macleod designed, Darin developed.

• WordPress
• FoundationPress – WP Starter Theme
• Used Bower, Grunt, and Sass
• Responsive

Features

• Home Page
  • Video or Image Background
    • Advanced Custom Fields (ACF) – Ability to choose between image or video background, different fields shown based on that option
  • Tagline – uses ACF
  • Featured Links – uses ACF
    • Ability to add up to 3 links with Name, Link and Color
• Case Studies – Custom Post Type
  • Pods Plugin – to make custom post type
  • FitText jQuery Plugin – for scaling text size within Case Study link
  • Sweet hover effects
• Portfolio Gallery – on Our Work page
  • ACF – to create the gallery
    • Ability to add new images with Title, Category, Tag(s) and Description.
  • FitText jQuery Plugin – for scaling text size within thumbnail link
  • MixItUp jQuery Plugin – for filtering projects based on tag
  • Magnific Popup jQuery Plugin – lightbox for large project image and description
  • Sweet hover effects
• Main Site Navigation
  • Custom JS to toggle the menu open/closed and keep the bubble in the correct position
  • On Desktop, nav opens with hover and logo goes to homepage. On Mobile, opens with click and logo (or off-menu click) closes it.
  • Bubble size adjusts to the number of links in the nav