100+ WEB development resources that are worth collecting

Original http://mp.weixin.qq.com/s?__biz=MjM5OTEzMzQwMA==&mid=2651667152&idx=2&sn= 1dd7a77a2eff98e4e4b1c7b16a3ca9b4&scene=22&srcid=09065qexot1yfi3h8tnm9yvs#rd

JavaScript Libraries

• JQuery: The most well-known JavaScript library.

• Backbonejs: Provides an MVP structure for complex WEB applications.

• D3.js: One of the most popular Javascript visual graphics libraries.

• React:facebook Open source JavaScript library.

• jquery UI: An open source JavaScript Web user interface code base based on jquery.

• A component of the JQuery Mobile:jquery framework that provides a complete unified mobile UI framework.

• Underscore.js: Provides a full set of functional programming functions, but does not extend any JavaScript built-in objects.

• Moment.js: A JavaScript Date processing class library for parsing, checking, manipulating, and displaying dates.

• Lodash: A library of JavaScript tools with consistent interface, modularity, and high performance features.

Front End Frame

• Bootstrap: The well-known front-end toolkit for fast-developing responsive Web applications.

• Foundation: An easy-to-use, powerful, and flexible front-end framework for building Web apps based on any device.

• Semantic UI: A fully semantic front-end interface development framework.

• Uikit: A lightweight, open-source, front-end framework.

Database

• MySQL: The most popular relational database management system.

• MariaDB: Developed by early MySQL staff, belongs to a branch of MySQL.

• MongoDB: A database based on distributed file storage.

• Redis: An open source, support network, memory-based, key-value-pair storage database.

• PostgreSQL: An open Source object-relational database management system, Uber was using this early.

Task Runners/package Managers

• Building tools for the Grunt:javascript world.

• Gulp: Flow-based automation build tool.

• Bower:web Package Manager, including Html,css,javascript, fonts, and even picture resources.

• Npm:node Package Manager.

CSS Preprocessor

• Sass: A powerful, mature, and stable CSS extension.

• Less: As a CSS extension, its compatibility is very good, the learning cost is very low.

• Stylus: Provides a more efficient and elegant way to generate CSS.

Markdown Editor

• Stackedit: An open source free-to-use MarkDown editor based on PageDown.

• Dillinger: is also an online editor that provides cloud storage and supports a variety of export formats such as html5,pdf.

• Mou:mac OS X is an excellent Markdown editor.

• Texts: Both Windows and MAC OS X. are supported.

Icon Resources

• Font Awesome

• Iconmonster

• Iconfinder

• Fontello

Git clients/services

• Sourcetree: A free and cool Git client that supports Windows and Macs.

• Gitkraken (Beta): A free, intuitive, and beautiful cross-platform Git client.

• The Tower 2:app is very beautiful and requires a fee.

• GITHUB Client: Official clients.

• Gogs: A self-help Git service that is easy to build.

• GitLab: Also free for private items.

Local development environment

• XAMPP: Completely free, easy to install Apache distributed environment. Includes: Mariadb,php,perl.

• Mamp:apache + MySQL + PHP + Python + Perl.

• Wampserver:windows Web Development environment, you can create Web apps based on Apache 2,php and MySQL.

• Vagrant: Simple, lightweight installation and configuration.

• Laragon: Fast, easy-to-build Windows local development environment. Includes: Mysql,php,redis,apache.

Comparison of files

• Diffchecker: Online Web site for file alignment.

• Beyond Compare: Old software, can quickly compare files and folders, powerful.

Code sharing/experimenting

• Codeshare: Can share code with other developers in real time.

• JS Bin: You can save the edited code locally, or send the URL address to someone else to help debug your code. Support Html,css,javascript,markdown,jade and Sass.

• Jsfiddle: Can customize the environment to test your html,css,javascript code.

• Dabblet:web playground, interactive effect is good.

Team collaboration

• Slack: For the team to build communication applications, our department is in use, strongly recommended.

• Trello: Completely free, high flexibility, visualization, and anyone to manage anything together.

• Glip: Supports real-time messaging, video, video conferencing, calendar sharing, and more.

• Asana: Helps track and record the work of team members.

• Jira: This people should have used it, old team collaborative application.

Inspire inspiration

• Codepen: You can share and find great designs on top, and other developers will make suggestions for you.

• Dribble: A community where designers share their work.

Website Performance test

• Website Speed TEST:KEYCDN offers free web Debugging tools.

• Google pagespeed Insights: After the test, you will also make an optimization comment.

• Webpagetest: Supports global multi-region speed testing and multiple browsers.

• Pingdom: test page load speed to find performance bottlenecks for you.

• Gtmetrix: Not only can testing speed, but also help to analyze whether there is legal risk, and make recommendations for optimization.

Web Developer Community

• Stack Overflow: More than 4.7 million of active developers are helping each other.

• Hashnode: A global community of developers, Daniel.

• Refind: Web Project sharing community for entrepreneurs, developers, and designers.

• Google + Web developers group:web Developer's Google + community.

• Facebook WordPress front-end developers Group:wordpress's front-end engineer, Facebook group, discusses development issues, technology trends.

• LinkedIn Web Design and Development Professionals Group: Professional WEB Practitioners team on LinkedIn.

• LinkedIn php Developer Group: PHP developer team on LinkedIn.

• SitePoint forums:web Developer Forum.

• /r/perfmatters:reddit on the main discussion of website performance Optimization subreddit, initiated by KEYCDN.

• /r/webdev:reddit discusses the subreddit of WEB development.

Web Development Information

• wdrl.info: Weekly push of carefully selected  Web  Development related articles.

• web tools weekly: Main push   web  Development tools.

• webopsweekly.com: Weekly push about  Web  Operations, deployment and other aspects of the article.

• /dev tips: Share development tips every week.

• friday front-end: Every day in  twiiter   Development related information, you can subscribe and then send a weekly summary email.

• front-end dev weekly: Hand-picked  Web  development, tools and creative information, weekly push.

• smashingmagazine.com: For  Web  An online magazine for designers and developers, with a high content quality, released in the second Tuesday of each month.

•  

100 + WEB development resources that are worth collecting