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: 27 days ago
JSON representation
Browser compatibility wiki
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. |
- 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
- 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. |
CSS reference
CSS tutorials
- Grid Garden
- Browser safe fonts
- CSS outline property - outline: none and outline: 0
- CSS Selector Reference
- CSS Specificity
- 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
- CSS Selector Reference
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. |
Free inspirational snippets and tutorials
Front-end components
HTML5 themes
HTML forms
HTML preprocessor
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
JavaScript library
JavaScript preprocessor
[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