Share Your Work

jausura
インバウンドプロフェッサー
インバウンドプロフェッサー

Dev Day 2018 Custom Module Challenge

The very first modules featured in the HubSpot marketplace were created by HubSpot internally to be simple baseline examples of common modules. Your challenge is to choose one of these basic module types, and create a module that radically expands the baseline functionality and style.

 

Details here: http://bit.ly/cmv2challenge

 

For submitting: If you'd like to submit a module for consideration, reply to this message with a link to your submission form.

 

For everyone: Watch this space for cool new modules, check out other folks' submissions and rate them.

 

Deadline: 9/25

10件の返信
jausura
インバウンドプロフェッサー
インバウンドプロフェッサー

Dev Day 2018 Custom Module Challenge

Hi folks!

 

Thank you for the submissions! They look awesome. 

 

I hope this doesn't throw a huge wrench in things, but I'd love to see if we could get a couple more of these before we close the book on this challenge. 

 

Let's extend this for two more weeks (new deadline of 10/9) and see if anyone else wants to contribute. At that point we can do some grading and crown a winner!

Jsum
キーアドバイザー

Dev Day 2018 Custom Module Challenge

@jausura, I completely agree. As far as current submissions though, should they stay as is?

0 いいね!
jausura
インバウンドプロフェッサー
インバウンドプロフェッサー

Dev Day 2018 Custom Module Challenge

I'll leave that up to submitters. In my opinion all of these are strong contenders as-is. But if someone has the bandwidth and interest to tweak, that's fine too. 

0 いいね!
Jsum
キーアドバイザー

Dev Day 2018 Custom Module Challenge

I don't want to change anything but I left several features off my list due to time constraints. Also our code is now on display for others to use as a reference so there's no reason not to kick it up a few notches. I'll be back in two weeks lol.

Stephanie-OG
キーアドバイザー

Dev Day 2018 Custom Module Challenge

Great modules everyone!

 

@jausura I also built a clean, modern Team Member module which allows you to add each team member's: 

  • Name
  • Brief Description
  • Photo
  • Social Media (Facebook, LinkedIn and Twitter)

 

You can also customise the box size and the overlay and hover colours (both gradients). It's nothing too fancy: a repeater for each team member, Flexbox and some hover/transform effects (I'm all about CSS where possible!).

 

teammember-preview.png

 

Here is a demo of the module on my site: http://www.stephanieogaygarcia.com/playground/hubspot-custom-module-team-members-module

 

This is my submission form: https://docs.google.com/document/d/1-zxgFGxs5Agp9--nirzykaGh514iK3P8RGJEDwLTvpk/edit?usp=sharing

 

Good luck everyone!

 


Stephanie O'Gay GarciaHubSpot Design / Development

Website | Contact

 

Jsum
キーアドバイザー

Dev Day 2018 Custom Module Challenge

Hi @jausura,

 

I built a team member repeater module.

 

I expanded on the social media links by creating my own square and circle svg icons, I added 7 icons including one for Hubspot for kicks, I give you the option of single color or individual color control of the icons, as well as icon size.

 

for the team member items choose a solid or grandient background color, with grandient orientation control, and name, title, and biography color controls. you can also choose a vertical or horizontal layout that applies to each item.

 

You can choose how many items you want per row, but I also connected slick.js to give a slider option.

download.png 

 

Here's a video: 

https://share.vidyard.com/watch/QVAHbGeVzTovAydBvGQFKy

 

live on site: https://www.khaoticdigital.com/team-members-module 

 

Submission form: https://docs.google.com/document/d/149BtZdVQOBa7EPlCAWPGfl6GS_P4sqslHVupFv0-PcQ/edit?usp=sharing

tjoyce
名誉エキスパート | Elite Partner
名誉エキスパート | Elite Partner

Dev Day 2018 Custom Module Challenge

@jausura - Glad to see something fun for us devs to do! I think it would be better if we could clone the module into a dev portal when we are finished so that the attached assets (like js and css files) could be loaded as well. That entry form looks a bit painful. 

Also, when is the deadline?

0 いいね!
jausura
インバウンドプロフェッサー
インバウンドプロフェッサー

Dev Day 2018 Custom Module Challenge

Oops, should have added deadline to my post: 3 weeks from partner day, so 9/25.

 

We decided on the google doc format so that anyone could view the content at a snapshot. If we used a dev portal we'd have to give everyone permissions and things would get a bit messy. 

jonchim
ガイド役 | Diamond Partner
ガイド役 | Diamond Partner

Dev Day 2018 Custom Module Challenge

Hey Jeff,

My colleague Jeff Main and I both attended your session on Partner day and decided to tag team this challenge hope that doesn't disqualify us 😄

We built a responsive accordion module. It’s not your typical accordion, in that we designed it with strategists in mind. We allow page editors to add a responsive background image to each panel (up to three, with three panels recommended), define title and text colors from our pre-set theme colors, enter their descriptive text, and set the URL on the button. All items have helpful descriptive text to walk page editors through setup.

 

 

Feel free to check it out in action below

https://www.moreycreative.com/custom-module-challenge-sandbox

 

//edit totally forgot to attach the word doc link

https://docs.google.com/document/d/1g4F-zPDL-daM0bDGQm63tXJ8RYD2n3sgL7BJfIobr6E/edit?usp=sharing






Jon Chim
VP of Design & Development
Hypha HubSpot Development


check Did my post help answer your query? Help the Community by marking it as a solution
tjoyce
名誉エキスパート | Elite Partner
名誉エキスパート | Elite Partner

Dev Day 2018 Custom Module Challenge

@jausura - 9/25?

 

Thanks for clearing that up

0 いいね!