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.
- Codepen Patterns Library View UI examples of common web components and see the code that make them work.
- Pattern Tap – Zurb Sort through various UI examples by component such as carousels, navigation, forms, etc.
- Web Style Guides Directory A searchable collection of online style guides
- 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
- jQuery Plugins.net A great repository of jQuery plugins with demos.
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
- Google Resizer Enter your site URL to quickly test responsiveness.
- Responsive Tester Add your website URL and test in various breakpoints. Helps when writing media queries across different breakpoints.
- Varvy SEO tool and mobile/page speed optimization guide Test your site to see if it follows the Google guidelines. Articles on each guideline written and illustrated by Patrick Sexton.
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
- 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
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 101 Ebook – Flywheel By the end of this ebook, you’ll know what WordPress is, the basics of using it, and where to go next to learn more!