Resource Library

A repository of design and development tools that I use and recommend.

I decided to build a resource library that I can easily reference and share. I use and recommend many of these, the rest are for comparative reference or future use.

Webflow Resources and Integrations

General

Design

  • PixelGeek is Nelson Abalos Jr.'s channel featuring long form Webflow explorations.
  • Flux is Ran Segall's video channel featuring Webflow insights and tutorials.
  • Joseph Berry is a UK based designer/dev with a series of Webflow videos.

Development

  • Overflow is a repository for advanced Webflow interactions and integrations.
  • Flowbase is a community driven guide to Webflow assets and cloneables.
  • Finsweet Hacks has Lottie and other advanced Webflow integration tutorials.
  • Webflow WP Converter adapts Webflow templates into WP themes and actively connects them for easy updates.
  • Hotjar visual analytics and insight tool.
  • Netlify export Webflow built sites and deploy from Git.

Integrations

  • Udesly takes Webflow designs and adapts them into Ghost, WordPress and Shopify themes.
  • Typeform allows you to build conversational forms, surveys, quizzes, and more – no coding required.
  • Zapier is a connection tool that integrates many 3rd party apps into the Webflow platform.
  • Osano has a cookie consent form that is GDPR compliant and integrates with Webflow.

Other No/Low Code Tools

  • Bubble.io build web applications with a drag and drop interface.
  • Airtable allows you to build connected database, spreadsheet and form based applications with Zapier.
  • Firebase low to no code backend hosting platform.
  • Glide build beautiful mobile apps from Google Sheets.
  • MakerPad low to no code automation and app building platform with lots of 3rd party integrations.

Wordpress Resources

Design

  • Pinegrow visual HTML and CSS framework with Bootstrap and Foundation modules with WP theme builder. Can convert Webflow sites to WordPress.
  • Oxygen Builder WP theme builder with Woo-Commerce integration.
  • Astra Theme is a highly customizable theme for WordPress.
  • Salient is a highly customizable theme for WordPress.

Development

  • Laravel with Symphony and Composer is an adaptable enterprise level WordPress development environment.
  • ACF Pro Advanced Custom Field builder with repeater form integration. Build custom CMS collections, galleries, and forms.
  • WP Smush bulk process images for WP, even those already uploaded to database.
  • All In One WP Migration migrate a WP website to another host without breaking short-codes and 301 redirects.

Plugins

  • Cookie Pro CCPA, GDPR and LGPD compliance management tool.
  • MemberPress adds membership and subscription integration to WP websites.
  • Yoast SEO versatile SEO imbed and measurement tool.
  • JetPack Premium analyzes WP site traffic, and secures and backups up database.
  • Wordfence is a deep WP website security and firewall tool.
  • Events Manager Pro for creating events lists, calendar date selection, and accepting payments.
  • WP Fluent Forms form builder with integrations for Zapier, MailChimp, ConvertKit, Trello and Hubspot.
  • Ninja Forms versatile forms with MailChimp and survey integrations.
  • WP Rocket is a cache tool for accelerating WP hosted websites.
  • Subversion database version control tool.
  • WP Sweep deletes old posts and revisions.
  • Dashboard Switcher build custom WP dashboard and admin control panels.

eCommerce

  • Jilt is an abandoned cart recovery and email marketing campaign tool.
  • One Page Checkout streamlines Woo-Commerce payment process and reduces cart abandonment.
  • Imagify a Woo-Commerce optimized image editor and compressor.
  • Stripe is a payment gateway and processor.
  • PayPal is a payment gateway and processor.

Hosting

  • SiteGround.
  • Digital Ocean.
  • Liquid Web.
  • Hostinger.
  • Flywheel.
  • Cloudways.
  • Kinsta.

Design and Development Resources

Design

  • Adobe CC subscription based creative software platform. PhotoShop, Illustrator, XD, Premier, After Effects and Animator.
  • Affinity Studio desktop creative software platform Publisher, Photo, and Designer.
  • Unity video game and virtual reality engine.
  • WhatFont font picker measures font-family, size, line-height, and color.
  • Full Page Screen Capture generates a pdf or png file of entire website page.
  • Color Eye Dropper color picker tool measures hex and rgb pixel values.
  • Coolors color scheme generator.
  • Material Design guidelines for ui/ux design and development.
  • uiGradients an online gradient generator tool.

Development

  • Visual Studio Code is a code editor optimized for building and debugging web and cloud applications.
  • ESlint a linter tool for VS Code.
  • Sublime Text a versatile Python based cross platform source code editor that supports many languages and can be extended with plugins.
  • GitHub and GitLab are version control platform for Git.
  • Lighthouse website and PWA auditing and metrics tool.
  • TinyPNG optimize and compress images.
  • Cookie Script GDPR cookie compliance modal.

Testing Tools

  • Optimizely A/B testing and SEO validation for landing pages.
  • Unbounce A/B testing and SEO validation.
  • Google AMP serves a smaller and faster version of website for mobile breakpoints.
  • Selenium automates UI/UX tests.
  • Mocha automates UI/UX tests.
  • Percy tests visual layout revisions across multiple screen sizes.
  • BrowserStack tests across multiple browsers and devices.
  • Mantiss open source bug tracker.
  • Screaming Frog is an SEO spider and speed testing tool.
  • CSSLINT is a CSS valdator and testing tool.
  • Jigsaw is the 3WS CSS validation system.

Content Management Systems

  • Webflow CMS offers business and eCommerce solutions.
  • WordPress CMS powers 35% of business and blog websites and has eCommerce integrations.
  • Craft CMS headless, light, custom CMS framework that is quick to build and easy to deploy.
  • Jekyll Git based CMS.
  • Ghost headless Node.js based blog platform.
  • Drupal is an enterprise and eCommerce CMS based on PHP.
  • Prismic is a headless CMS based on RESTful API.

Font and Image Collections

  • Google Web Fonts offers a huge collection of free fonts for website design.
  • True Type Fonts available for use through Adobe CC.
  • Font Squirrel.
  • UnSplash a large collection of free images.
  • FreePik a collection of free vector and photo images.
  • BlobMaker.app an SVG blob shape maker.
  • GetWaves.io an SVG waves shape maker.
  • Pexels an aggregate collection of free images.
  • Pexels Video a collection of free video snippets.
  • Coverr offers free stock video footage.
  • UnDraw free vector illustrations.
  • InkSpace 2D vector graphics.
  • Blender 3D animations.
  • HandBrake is a video converter and optimizer app.

Business and Productivity

Project Management

  • G-Suite cloud based suite of Docs, Sheets, Calendar and Drive.
  • On-Click versatile Agile solution with tasks, calendar, and Kanban views, time tracker and guest access.
  • Trello PM platform with tasks, calendar, and Kanban views, reports and guest access.
  • Asana PM platform with tasks, calendar, and Kanban views, reports and guest access.
  • Thrive PM tool with task based dashboard.
  • Toggl a time tracker tool that integrates with most PM systems.

Proposals, Contracts and Accounting

  • Hello Bonsai creates, sends and tracks proposals, contracts and invoices, and accepts payments.
  • Prospero creates, sends and tracks proposals, contracts and invoices, and accepts payments.
    Harvest is a time management and invoice tracking tool.
  • Wave free accounting and invoicing tools for freelancers.
  • GrindKit a freelancer toolkit bundle that includes Process, Proposal, and Contract templates.
  • FreshBooks accounting, invoicing and billing for small to medium sized businesses. Paypal integration reduces fees.
  • QuickBooks double entry accounting and payroll for freelancers and small businesses.

Client Acquisition and Retention

  • Elfsight builds embedded widgets for forms, chats, surveys and social media connections for Webflow, WordPress, and Shopify.
  • Mailchimp an all in one marketing platform for email and CRM and connects to Webflow and WP forms.
  • MailerLite an email marketing platform.
  • ConvertKit is a CRM tool with WP and Webflow integration.
  • Mocha automates UI/UX tests.
  • Gmelius is a multi-channel inbox and workflow tool for G-Mail and integrates with CRM and PM tools.
  • Buffer is a social media content scheduling and publishing tool.
  • Hubspot is a CRM and email marketing platform with chatbot and Facebook Messenger integrations.
  • Airtable is a database that can be connected to forms, apps, and spreadsheets to build CRM and PM systems.

Music Production and Recording

Recording and Production

  • Logic Pro a suite of composing, recording, and mixing tools with virtual instruments and effects available.
  • Ableton Live a music production and looping tool with a suite of virtual instruments and effects.
  • Universal Audio Apollo a hardware recording interface.
  • Universal Audio a suite of software compressors, equalizers and preamps.
  • Softube integrated mixing and mastering software and hardware system.
  • Max/MSP visual programming language for music and multimedia.

Instruments

  • Fender Jazzmaster a versatile guitar with twin single coil pickups.
  • Fender Telecaster a classic guitar with a classic sound.
  • Gibson Explorer a radically shaped guitar equipped with twin humbucker pickups.
  • Gretsch Silver Falcon an arch top, hollow body guitar equipped with twin humbucker pickups.
  • Rickenbacker 360v64 a thin-line hollow body guitar known for its bright tone.
  • Fender Jaguar Bass a versatile bass guitar.
  • Rickenbacker 4001 Bass a classic bass guitar known for its growling tone.
  • AKAI MPK49 a Midi keyboard and drum controller.
  • Roland D-50 a classic Linear Amplitude synthesizer.

Microphones

  • Shure SM7b is a versatile dynamic microphone for spoken word and vocals.
  • Shure SM-57 is a versatile cardioid dynamic instrument microphone.
  • AKG C414 is a multi-pattern condenser microphone for vocal and instrument recording.
  • Blue Bluebird is a versatile large condenser microphone for capturing vocals and stringed instruments.

Amplifiers

  • Fender '59 Bassman classic American Tweed guitar and bass guitar 4 speaker amplifier.
  • Vox AC-30 vintage British guitar twin speaker amplifier.
  • Vox AC-4 a single speaker British amplifier.

Effect Processors

  • Roland CE-301 vintage tape delay and spring reverb.
  • Roland DEP-5 vintage digital delay and reverb.
  • Universal Audio LA-610 tube Preamp and Compressor.
  • Yamaha E-1010 vintage analog modulation and delay.
  • Yamaha SPX-900 classic studio multi-effects unit.
  • Lovetone Ringstinger LFO ring modulation.
  • Electrix Filter Factory LFO filter and EQ modulation.
  • Eventide Space stereo multi-effect reverb unit.
  • Eventide Time Factor stereo multi-effect delay unit.