Build Websites
Design Interfaces
Know ExpressionEngine
Make Add-ons
HOP: Help Other People
Come Up With Solutions
Know Craft CMS
Are Friendly and Fun
Are Also Experienced
Solve Problems
HOP: Help Other People
Answer the Phone
Know Wordpress
Organize Data
Understand Your Needs
Win Awards (Like Webbys)
Social *All* the Media
HOP: Help Other People
Know Google Analytics
Do Good SEO
Like Being Helpful
Work Well With Others
Make Ideas Into Apps
Do the Heavy Lifting
HOP: Help Other People
Respect Your Time
Work Well with NGOs
Fix Broken Links
Want You to Succeed
The Substantial Motion Research Network is an international research network for scholars and practitioners interested in cross-cultural exploration of digital media and philosophy.
Entirely new website with extensive membership features
The Center for the Developing Adolescent champions science-based, equity-driven innovations that positively impact the lives and futures of all young people.
Site redesign and revamped site architecture; better tools for editors; WCAG accessibility
The Adolescent Development Lab at UCLA exists to generate knowledge about the development about youth from diverse ethnic and immigrant backgrounds.
Website redesign; Migration from Drupal to Craft
HAVEN is a nationally recognized nonprofit leader that provides programs to promote violence-free homes and communities and helps victims of domestic violence and sexual assault.
Ongoing maintenance and new projects
The Medical Cultures Lab at UCSF is a scholarly community that works to understand medical culture and advance health equity.
Migration from Wix to ExpressionEngine; Site redesign
For nearly a decade, the Greater Good Science Center and its magazine have covered the science of a meaningful life.
Site design; Site architecture overhaul; Accessibility support
In the face of COVID-19, we all found ourselves changing how we source essential goods and services. Hop Studios responded by creating YVR Local Delivery to highlight businesses delivering or offering services tailored to the stay-at-home period.
Thought it up and built it!
This Mountain Life is a riveting examination of human passion set high in the peaks of British Columbia.
New website, including shop
For nearly a decade, the Greater Good Science Center and its magazine have covered the science of a meaningful life.
Site redesign; Site architecture overhaul; Accessibility support
Linea Inc. is a high-end modern furniture store in Los Angeles, carrying contemporary European brands. Hop began working with Linea in July 2019, with the goals of upgrading their content management system, and updating the site to be responsive and mobile-friendly.
ExpressionEngine upgrade; Responsive/mobile-friendly; Small but useful site improvements
Ascent Employment Law believes the needs of you and your workplace are not cookie-cutter, and that your legal solutions shouldn’t be either. Hop Studios worked with Ascent to launch their website in tandem with the opening of their new practice.
Squarespace website setup and design; Squarespace Scheduling; Ecommerce portal skin
Peg Leg Films is a tiny production company that makes socially conscious films to inspire big personal action.
Squarespace site setup and customization
Gawain Weaver provides conservation treatment and consulting services, as well as workshops and materials.
EE Upgrade; Mobile/Responsive; SSL; Update image gallery; Site speed optimization; Workshops page rework
Cranbrook, BC, as the regional hub of the Kootenays, provides a unique lifestyle and is rightfully touted as the best place to call home.
Website reskin; EE upgrade; Ongoing maintenance
PortaLaw serves businesses, nonprofits, law firms and individual employees.
Website design; Squarespace setup and design; Scheduling software; Social media assets
Latino Verde aims to show, through stories, how Latino leaders and organisations are actively working to overcome environmental challenges.
Strategic review recommendations; Story map; Multi-language implementation; Podcast setup
Eye Carumba is an optometry office located in San Francisco, whose focus (groan) is to provide excellent, personalized service.
Website redesign; Site converted from flat files to a content management system
For more than forty years the Santa Barbara Athletic Round Table has supported student athletes in the greater Santa Barbara area through financial grants, recognition, and scholarships.
WordPress theme update; Mobile-friendly; WooCommerce installation and configuration
Founded in 1871, San Francisco Art Institute is one of the nation’s oldest and most prestigious schools of higher education in contemporary art.
CMS upgrade; CMS optimization; Blog migration
The BC Dairy Association is champion, steward, and advocate for the people of British Columbia's dairy industry. Hop Studios is their Web development maintenance partner.
Cross-site content submissions into a single database. Page optimization leading to a 72% speed increase in page load time.
We developed Hop Inject to solve a very common but tricky problem: We wanted to place an advertisement after the third paragraph on a page. But, since this is EE we’re talking about, of course the third paragraph was in an entry custom field, and it was hard to add at run time. In addition, we thought, what if we wanted to add a photo after the fourth paragraph? Or another advertisement after the tenth paragraph? Or a pull quote after…
Use Your Favourite Tools
Why be limited to creating templates in ExpressionEngine's <textarea>? Mountee allows you to access your templates as Mac Finder files, so you can work uninterrupted in your favorite coding app.
Work With Files & Folders
Creating a new template or template group is as easy as creating a new file or folder. Develop your own set of re-usable templates and groups, then simply drag them into your Mountee drive to…
Hop 404 Reporter will alert you to 404 errors happening on your website—which will help your site look good in search engines and satisfy your site visitors.
This ExpressionEngine module logs each time a website visitor encounters a 404 error page, recording what URL the website visitor came from, and what page they were trying to get to. As well as creating a file log, the module allows you to receive email notifications of 404 errors,…
Standard pulldown menus make it easy to re-use common data without a mistake, and to help you choose from pre-determined options. But wouldn’t it be nice if you could also add to the menu without having to go off into the administrative sections of EE? With Hop Super Pulldown, you can!
Super Pulldowns function the same as a standard EE selection menu, but you can also choose to add a brand new option within the entry editing screen. And…
Instagram, Facebook and Twitter offer embeddable Javascript widgets you can use to display posts and tweets on your own website. These are hard to style, and sometimes you want to display both in the same space. For that, you need Hop Social Suite.
Once it’s set up, this add-on displays a simple list of social posts as an unordered list that’s easy to style using CSS.
Avast, ye landlubbers! Make yer website talk like a pirate, on Sept. 19 (Talk Like a Pirate Day!) or on any day of the yearrrrr…
Hop PrivatEEr has two parts: a plugin that will translate a small block of text directly, and an extension that has the power to modify every page of your website at once.
You can change the settings of the extension to be active ‘Always,’ ‘Never,’ or ‘On Pirate Day,’ which occurs annually on September 19.…
Say it with browser notifications!
(They aren’t as sexy as roses, but they may be more effective.)
Hop PushEE is perfect for publishers, stores, service providers, and anyone else with an announcement to make. It’s perfect for those who want to nudge previous website visitors with the latest breaking news or a special offer.
For a working demo of this add-on, visit https://push.hopstudios.com/.
Hop PushEE helps you to create and…
Hop Minifizer takes your site’s CSS, Javascript and even SCSS files, and it combines them, compresses them, saves them as disk files locally (or even on Amazon S3), so that your site loads and displays far more quickly, but your development process is still modular and easy to manage. This add-on is based on Minimee, by John D. Wells, and adds additional functionality.
Hop DocuSign is an extension to enable a seamless DocuSign signing experience for your customers. Currently we only support Freeform form submissions but we're planning to add support to other form services! Drop us a note if you'd like us to add support to your plugins at [tech@hopstudios.com](mailto:tech@hopstudios.com). Check out our demo site! [https://hopdocusign.hopstudios.com](https://hopdocusign.hopstudios.com)
Hop Reveal gives site editors a quick and helpful visual cue to which server they are working on—staging, development or production—on both front-end and back-end website pages. (Surely we aren’t the only ones who sometimes get mixed up!) Choose the text and color of the labels yourself. You can even make the labels visible to all users if you desire.
This free plugin also provides a handy utilities page where you can view key…
Hop Data Juggler lets you easily move data from one field to another, and even to merge or alter field data as you do this. For instance, you can transfer data from an old-style EE field in exp_channel_data to a new-style one (i.e. exp_channel_data_field_13). You can use it to merge several older, repetitive fields (i.e. blog_body, news_body, software_body, etc.) into one field to be used across channels.
This is a particularly useful…
We are supremely busy this month at Hop Studios, and therefore we almost did not get the chance to acknowledge the 11th Global Accessibility Awareness Day (GAAD)! People who don’t identify as disabled may not realize the importance of accessibility for themselves as well. Since Web accessibility is my area of expertise, I came to the blog to post a little bit about why today is so important.
Sign up for our newsletter so you will never miss an update.