List of cool and useful stuff

A list of really cool CSS frameworks, libraries, API's and other useful things I use everyday as a front-end developer.

CSS Frameworks

• W3.CSS (The most lightweight framework at 27K)
• Bootstrap (The most used mobile first CSS framework)
• Pure (A CSS framework from Yahoo)
• MDL (A CSS framework from Google)
• Furatto (A super flat CSS framework)
• Uikit (A lightweight CSS framework)
• rwdgrid (Responsive Grid System)
• Bulma (Modern CSS framework based on Flexbox)
• fullPage.js (Create full screen pages fast and simple)
• Framework7 (Full Featured HTML Framework For Building iOS & Android Apps)
• Ratchet (Build mobile apps with simple HTML‚ CSS‚ and JS components)

CSS Frameworks (animation)

• SpinKit (Animated CSS loading elements)
• Animate.css (A cross-browser library of CSS animations)

Fonts

• Lato (Minimal and clean web font)
• Ubuntu (Ubuntu web font)
• BLOKK (A font for quick mock-ups and wireframing for clients.)

Icons

• Font Awesome (The most used web icons)
• Ionicons (The premium icon font for Ionic)

Everyday Tools

• Can I use (Can I use... Support tables for HTML5, CSS3, etc)
• FakemailGenerator (Free disposable emails for testing email functionality)

JS Plug-ins

• Sweetalert (A beautiful replacement for JavaScript's "alert")
• DropzoneJS (Drag’n’drop file uploads with image previews)
• ProgressBar.js (Beautiful and responsive progress bars)
• jQuery UI Touch Punch (Touch events for jQuery UI)
• Drag and Droppable lists (Drag and drop lists)
• Sly (JavaScript library for one-directional scrolling)
• TinyMCE (The best Fancy Textarea)
• FitText.js (Responsive font resizing)
• Chosen (User-friendly select boxes)
• jQuery.panzoom (Drag and zoom any element)
• hammer.js (multi-touch gestures)
• DataTables (JS library to help table data has sorting, search, pages, etc)

JS Libraries

• Lodash (JS library to help with arrays, numbers, objects, strings, etc)
• AjaxQ (jQuery plugin for sequential ajax requests)

API's

• Postcodes.io (UK Postcode & Geolocation data API)
• Foursquare (Worldwide store data)
• Google Places API (Place search information)

Learning Resources

• JavaScript30 (30 Day Vanilla JS Challenge)
• Google developers (Tools and Google services for building web apps)
• JavaScript Style Guide (A great JS style guide)
• HTML/CSS/JS Guidelines (HTML, CSS and JS Style Guide)
• free-programming-books (Freely available programming books)

Inspiration

• Behance (General Design Inspiration)
• Awwwards (Web design and development competition body)

Free Stock Images

• Death To Stock (Stock images straight to your inbox)
• Unsplash (Community based stock photos)
• Pic Jumbo (1500+ Free Stock Photos)

Editors

• Sublime Text (The most sophisticated text editor for code, markup and prose.)
• Brackets (A live text editor that works seamless with Chrome)
• Atom (The hackable text editor - This may be the future but i'll stick to Sublime for now)

Sublime Text Packages

• Material Theme (Material Theme, the most epic theme for Sublime Text 3 - this is what I use)
• Material Theme - Appbar (Material Theme - Appbar, tinted appbar for your Sublime Text)
• Space Gray (Minimal UI Theme for Sublime Text 2/3 - my old theme)
• Auto save (Automatically saves files in Sublime Text)
• Sublime SFTP (Built in FTP for Sublime Text)