A comprehensive list of web design and development related resources maintained and curated by Bootstrap Creative.

CSS Reference and Frameworks

  • Bootstrap CSS Framework The most popular CSS framework to quickly build responsive websites. Now maintained by Github.
  • Can I Use? See cross browser support for HTML tags and CSS selectors and properties
  • CSS3 Please Provides vendor prefixes for common css3 styles
  • Pure CSS Framework CSS framework from yahoo with various modules that can be used interchangeably.

Design Critique

  • /r/design_critiques/ Get a design critique from users on Reddit
  • Criticue To get one review for your website, you need to review one other site. Reviews are quick, focusing on design and first-time impressions.

Design Inspiration


  • Freshbooks Time tracking, client invoicing, subcontractor and team project assignments great for freelancers or small agencies

Graphic Design - Photography

  • Adobe Photoshop CC Adobe Photoshop layout program used for design exploration and saving optimized graphics for the web.

Grids and Design Layout

  • Grid Calculator A simple tool for web and print designers to calculate your grids. Download your grid as illustrator or photoshop files with a pre-made guides ready to go

JavaScript and jQuery

Placeholder Dummy Content

  • Dummy Image Quickly add placeholder images when building websites. You can adjust sizes, color, etc to work with your existing design.

Responsive Design - Mobile Friendly

SEO - Search Engine Optimization

  • The Short Cutts A condensed summary of every Matt Cutts webmaster video. Helpful in knowing the best practices for website owners.

Stock Photos and Icons

  • The Noun Project Over a million curated icons, created by a global community. SVG and .eps

User Experience - Survey

  • Hotjar Free heatmaps, polls, and surveys. Great for UX usability and conversion optimization.
  • Mouseflow Session Replay, Heatmaps, Funnels & Forms
  • Peek User Testing Get a free video of someone testing your website. Great for quick feedback on site layout and navigation.
  • Survicate Display short surveys to collect feedback from visitors. Can help improve user experience and conversions.

Web Code Tools

  • Bootstrap Machine Drag & Drop Template Builder, Prebuilt Template Gallery, & Handpicked Resources
  • Geo Screenshot Take screenshot of your page from a different country geolocation
  • HTML Cleaner Clean up code from microsoft word or email. Remove classes and ID’s from markup.
  • HTML Table Generator A nice visual table markup generator. Helps to quickly build table structures with colspan.
  • Image Map Code Generator A quick way to build an image area map.
  • Koala – Sass Code Compiler Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation
  • Pixels to REM Converter Enter your value in pixels and it will be automatically converted to rem. Helpful when working with Bootstrap 4 REM units
  • Unminify Free online tool to unminify (unpack, deobfuscate) JavaScript, CSS and HTML code, making it readable and pretty.

Web Development Cheat Sheets

  • Bootstrap 3 Cheat Sheet The Bootstrap 3 classes list helps you find documentation for particular CSS styles, components, and grids. Use the sortable table below and be sure to download the free PDF cheat sheet.
  • CSS Default Values Reset Cheat Sheet This CSS reference will help you find the default values of all of the CSS properties. This comes in handy when you are trying to override or reset styles.

Web Services - Hosting

  • A2 Hosting Super fast shared web hosting with cPanel. This is where I host my personal sites
  • Flywheel WordPress hosting ideal for agencies and freelancers. Staging sites and smooth client billing.

WordPress Tutorials