web-development-resources

A list of open source front-end tools and resources for web designers and developers.
https://github.com/milanaryal/web-development-resources

Last synced: about 13 hours ago
JSON representation

Browser compatibility wiki
- Should I Prefix
- Should I Prefix
- Can I Use
CDN library
- cdnjs
- CoralCDN - to-peer technologies, comprised of a world-wide network of web proxies and nameservers. |
- Google Hosted Libraries - speed, globally available content distribution network for the most popular, open-source JavaScript libraries. |
- Microsoft Ajax CDN
- BootstrapCDN
- CoralCDN - to-peer technologies, comprised of a world-wide network of web proxies and nameservers. |
- FontCDN
- jsDelivr - fast CDN for developers and webmasters. |
- Yandex CDN - frameworks and libraries from Yandex servers. |
- Yandex CDN - frameworks and libraries from Yandex servers. |
- Yandex CDN - frameworks and libraries from Yandex servers. |
- Yandex CDN - frameworks and libraries from Yandex servers. |
CheatSheet😎
- tldr pages
- tldr InBrowser.App
- tldr-book.pdf
- Brew basic commands - Devsheet |
- cheat.sh
- Devhints
- Homebrew cheatsheet
- Manual GitHub CLi
- Markdown Cheatsheet
- github-cheat-sheet
- cheatsheet.md
- Octonator on Twitter: "Add .pibb to the end of any Gist URL in order to get the HTML only version suitable for embedding in any other site. http://t.co/HYtfQBM2DO" / Twitter
- cheatsheet.md
- cheatsheet.md
- cheatsheet.md
- cheatsheet.md
- cheatsheet.md
CSS library
- CSSgram
- CSS Filters Playground
- EQCSS - style element query syntax in CSS. |
- Flex Grid
- Mastering the `:nth-child` - child ranges. |
- Graaf
- Hamburgers - animated Hamburgers. |
- Mueller Grid System
- RTLCSS - To-Right (LTR) Cascading Style Sheets(CSS) to Right-To-Left (RTL). |
- CSSWand - based animation library|
- Water.css
- Box-shadows.css
- Mastering the `:nth-child` - child ranges. |
- Graaf
- Graaf
- Mastering the `:nth-child` - child ranges. |
- Mastering the `:nth-child` - child ranges. |
- Mastering the `:nth-child` - child ranges. |
- Mastering the `:nth-child` - child ranges. |
- EQCSS - style element query syntax in CSS. |
- Flex Grid
- Mastering the `:nth-child` - child ranges. |
- Graaf
- Normalize.css - ready alternative to CSS resets. |
- Toast - nonsense CSS grid. |
- Raisin CSS
- Spectrum CSS
- Toast - nonsense CSS grid. |
- Animate.css - browser library of CSS animations. |
CSS reference
- Mozilla Web Docs
- CSS Dev Docs
- CSS properties index
- CSS Reference
- CSS Reference - Codrops
- Flexbox - CSS Tricks
- CSS Grid - CSS Tricks
- CSS Flexbox Playground by Gabi
- Flexbox Froggy
- Using CSS Animation - MDN
- Animation - CSS Tricks
CSS tutorials
- Grid Garden
- Browser safe fonts
- CSS outline property - outline: none and outline: 0
- CSS Selector Reference
- CSS Specificity
- Grid by Example
- Griddy
- Hash tag links that don't headbutt the browser window - Tricks post by Chris Coyier. |
- Learn CSS Grid
- Overriding the default text selection color with CSS - Tricks post by Chris Coyier. |
- What is the browser-default background color when selecting text?
- Why I switched from LESS to Sass?
- CSS Specificity
- CSS outline property - outline: none and outline: 0
- Smarter link underlines for every website
- Learn CSS Layout
Design inspiration
- Behance
- CSS Gallery
- Design Fridge
- DeviantArt
- Dribble
- html inspiration
- Inspiration for Search UI Effects
- One Page Love
- Nice One I Like
- The Best Designs
- Very nice sites
- Web Design Inspirations
- webdesign - Tumblr Search
- CodePen
- html inspiration
- Very nice sites
- GoodUI
- Google Design
- CSS Gallery
- Design Fridge
- Design Fridge
Frameworks
- HTML5 Boilerplate - end template. |
- Basscss - level CSS toolkit. |
- Cardinal - first" CSS framework built with performance and scalability in mind. |
- Furtive CSS - thinking, CSS micro-framework. |
- Juiced
- Photon
- Skeleton
- Tailwind CSS - first CSS framework for rapidly building custom designs. |
- Pure
- Cardinal - first" CSS framework built with performance and scalability in mind. |
- Juiced
- Photon
- Skeleton
- Skel
- Material Design Lite
- Furtive CSS - thinking, CSS micro-framework. |
- Primer CSS
- UIkit - end framework for developing fast and powerful web interfaces. |
Free inspirational snippets and tutorials
- CodyHouse
- Moving to HTTPS
- NavNav
- PDF Candy - a free online PDF editor. Convert PDF to Word, PDF to JPG, merge PDF, split PDF, compress PDF, etc. |
- NavNav
- Codrops
- Scotch
Front-end components
- Formstone
- Le Wagon UI components - |
HTML5 themes
- Bootstrap Starter
- Start Bootstrap
- HTML5 Blank WordPress Theme
HTML forms
- Chartspree
- Formspree
- Gridspree
- WTF, forms?
- WTF, forms?
- JotForm
HTML preprocessor
- Markdown - to-HTML conversion tool for web writers. |
- Slim
- Jade
- Jade
Infographics
- Home Office Posters - research, access needs, accessibility, design. |
Jamstack
- Netlify - click HTTPS, and all the services you need. Get started for free. |
- Staticman - generated content and uploads it as data files to a GitHub and/or GitLab repository. |
- Gitalk
- utterances
- StaticGen - source static site generators list. |
JavaScript compressor toolkit
- Terser
- UglifyJS
JavaScript library
- Modernizr
- Bliss.js
- Umbrella JS
- Zepto JS - compatible API. |
- Cash JS
- Chibi JS - library |
- jQuery
JavaScript preprocessor
- CoffeeScript
- LiveScript
- TypeScript
- Babel
- LiveScript
[jQuery](http://jquery.com/) plugins
- Formstone - Background - frame image and video backgrounds.|
- Bigfoot.js
- FitVids.js - to-use jQuery plugin for fluid width video embeds. |
- fullPage.js
- Lazy Load
- Lity - lightweight, accessible and responsive lightbox plugin which supports images, iframes and inline content out of the box. |
- bigSlide.js
- FitVids.js - to-use jQuery plugin for fluid width video embeds. |
List of lists of lists
- Gradient Backgrounds
- 56 Unique Lorem Ipsum Generators
- Abstract Guide to HTTP Status Codes
- Awesome Awesomeness
- Bootstrap Snippets
- Design essentials, GitHub collections
- JavaScript Plugins Repository
- Javascript Territory
- Libraries.io
- List of HTTP status codes
- Stock photos that don't suck
- Text editors, GitHub collections
- Unheap
- Bootstrap Resources
- JavaScripting
- Awesome
- Awesome Awesome
- Design Resources For Developers
- Social Share URLs
- GitHub - Open source showcases
- 56 Unique Lorem Ipsum Generators
Mobile Web apps frameworks
- Onsen UI
Mockup placeholder
- Placeit

Programming Languages

JavaScript 22 TypeScript 7 CSS 5 Shell 3 HTML 1 Vim script 1 C++ 1 Ruby 1

Categories

SVG, PNG, and Font icons library 59 [Vanilla JavaScript](https://plainjs.com/) plugins 30 CSS library 29 Web tools 27 [Node.js](http://nodejs.org/) feature module and bundler 27 List of lists of lists 21 Design inspiration 21 Frameworks 18 CheatSheet😎 17 CSS tutorials 16 Package manager 12 CDN library 12 CSS reference 11 The type system 10 Webmaster tools 8 Wiki 8 [jQuery](http://jquery.com/) plugins 8 Free inspirational snippets and tutorials 7 JavaScript library 7 HTML forms 6 Responsiveness testing tools 6 Jamstack 5 JavaScript preprocessor 5 Sass frameworks 5 Placeholder 4 Website icons for browsers 4 PNG, JPEG, GIF compressor toolkit 4 HTML preprocessor 4 Browser compatibility wiki 3 HTML5 themes 3 Performance testing tools 2 JavaScript compressor toolkit 2 Front-end components 2 Mobile Web apps frameworks 1 Infographics 1 Mockup placeholder 1

Sub Categories

Keywords

javascript 8 awesome 3 awesome-list 3 nodejs 3 shell 3 npm 3 react 2 css 2 server 2 npm-package 2 npm-module 2 node 2 dom 2 scss 2 typescript 2 component 1 animations 1 responsive-images 1 performance 1 hamburger-menu 1 sidebar 1 lazysizes 1 lazyload 1 transitions 1 lazy-evaluation 1 express 1 bash 1 ruby 1 ruby-installation 1 ruby-versions 1 highlighting 1 language-grammars 1 syntax-highlighter 1 syntax-highlighting 1 command-line 1 hosting 1 http 1 http-server 1 git 1 github 1 list 1 chokidar 1 filesystem 1 fsevents 1 watch-files 1 watcher 1 lists 1 resources 1 unicorns 1 python 1