frontend development bookmarks

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 & Reviews

  • /r/design_critiques/ Get a design critique from users on Reddit
  • Userzoom A UX research platform which gives businesses qualitative and quantitative insights all through one package.

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 Beginner's Guide to SEO New to SEO? Need to polish up your knowledge? The Beginner’s Guide to SEO has been read over 10 million times and provides the information you need to get on the road to professional-quality SEO.

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.
  • Userzoom A UX research platform which gives businesses qualitative and quantitative insights all through one package.

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