My go to list of all the tools and resources I use on a regular basis
- wwwhere.io - A curated list of tools and resources for people who make websites
- Best-websites-a-programmer-should-visit
- Jekyll Ruby based static site generator.
- ZURB Template Official ZURB Template for Foundation for Sites.
- Hexo A fast, simple & powerful blog framework, powered by Node.js.
- DatoCMS An API-based administrative area for static websites.
- Contentful Content management infrastructure with its flexible APIs and global CDN.
- Wordpress Open source software to create websites, blogs, or apps.
- Foundation Advanced Responsive Front-end Framework from ZURB
- Bootstrap Mobile first front-end framework for faster and easier web development.
- AngularJS Material UI Component framework and reference of Google's Material Design Specification.
- GitHub Online project hosting using Git. Includes source-code browser, in-line editing, wikis, and ticketing.
- Beanstalk Code hosting workflow teams or individuals use to write, review and deploy code.
- Bitbucket Free code hosting site for Git and Mercurial.
- Gulp Build system automating tasks: minification and copying of all JavaScript files, static images, capable of watching files to automatically.
- Yarn Fast, reliable, and secure dependency management.
- NPM Package manager for Node.js. Npm runs through command line and manages dependencies.
- Netlify CDN, Continuous deployment, 1 click HTTPS.
- DeployBot Instantly deploy from GitHub and Bitbucket in one click.
- Codeship Free hosted Continuous Delivery Service that integrates with GitHub and Bitbucket.
- Netlify CDN, Continuous deployment, 1 click HTTPS
- AWS Reliable, scalable, and inexpensive cloud computing services.
- Firebase Realtime Database, Cloud Storage, fast and secure static web hosting
- Surge Simple, single-command web publishing. Publish HTML, CSS, and JS for free, without leaving the command line.
- Namecheap Namecheap is a Domain Registrar and Web Host.
- Google Domains Find domains, create a site, custom email
gulp-sequence — run a series of gulp tasks in a specific order gulp-plumber — error handling which prevents Gulp stopping on failures gulp-size — displays file sizes and savings gulp-nodemon — uses nodemon to automatically restart Node.js applications when changes occur. gulp-util — utility functions including logging and color coding. .pipe(devBuild ? gutil.noop() : htmlclean()) css-mqpacker — pack multiple references to the same CSS media query into a single rule. gulp-strip-debug - Remove all console and debugging statements
- Check color contrast online Check foreground and background color combinations of all DOM elements. [online]
- Accessibility Developer Tools Accessibility audit and element properties. [extension]
- The accessibility cheatsheet
- broken-link-checker Find broken links, missing images. [Node]
- W3C HTML validator Markup Validation Service [online]
- Browser Stack Browsers & Mobile Devices for Live Testing [Online]
- Helium CSS Javascript tool to scan your site and show unused CSS
- HTML Inspector Code quality tool
- CSS Stats Webapp to visualize various stats about your css.
- images
- ImageOptim OSX - Removes bloated metadata. Saves disk space & bandwidth by compressing images without losing quality.
- Jpeg.io Convert any major image format into a highly optimized JPEG.
- Tiny PNG Smart PNG and JPEG compression.
- Lighthouse Googles automated tool for improving the quality of web pages auditing for performance, accessibility, and more. [Browser Ext]
- Google PageSpeed Make your web pages fast on all devices. [Online]
- Sitespeed Open Source tools that helps make your web pages faster. [Node]
- Web page test Run a free website speed test from multiple locations around the globe using real browsers.
- Animate.css CSS animations
- Hover Collection of CSS3 powered hover effects
- Ramjet Makes it looks as though one DOM element is capable of transforming into another.
- Moment Parse, validate, manipulate, and display dates and times in JavaScript.
- Isotope Filter & sort magical layouts
- List JavaScript that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything.
- Mix It Up High-performance, dependency-free library for animated filtering, sorting.
- Google Maps API Customize maps with your own content and imagery.
- Cleave Format your content when you are typing
- Fluid Box Replicating and improving the lightbox module seen on Medium.
- Magnific PopupResponsive lightbox & dialog script
- Photo Swipe JavaScript gallery, no dependencies.
- Headroom JS widget to react to the user's scroll.
- Pushy Responsive off-canvas navigation menu
- barbajs Create badass, fluid and smooth transition between pages.
- Parallax.js Simple, lightweight Parallax Engine
- Stellar Parallax scrolling made easy
- Awesomplete simple autocomplete widget with zero dependencies,
- Typeahead.js flexible JavaScript library that provides a strong foundation for building robust typeaheads
- Visual Studio Code Free code editor for building and debugging modern web and cloud applications
- Sublime Text Text editor for code, markup and prose.
- Tower The best Git client for Mac.
- Codekit THE Mac App For Web Developers
- Transmit Transfer files. FTP, SFTP servers, or the cloud via Amazon S3.
- ragrid A Grid Framework with Auto-Layout Features