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 Inspiration

Freelancing

  • 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.

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

  • 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.
  • 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