20 documents and guides for front-end developers (2)

At the beginning of this week, you may want to calm down and learn something new, or improve your ability in a special computer language or technology.

In April, I put together a collection of useful docs and Guides (some useful documentation and guides) are packaged together, and that is a very popular post. Since then, I have collected a few more. Please enjoy!

　　1. Adobe Web Platform Team(Adobe Web Platform Team)

##　The newly designed Adobe The web platform of the Web Platform site has a lot of information and examples of new technologies. Includes SVG content, CSS The content of Regions, the content of Filters, the content of Web Extensions and other content. Many of the new standards they produced were adopted by the Adobe team Added to the Reference Manual, so the site lists some that you can click on to link to the Reference Manual and code examples.

　2. Flexbox Cheatsheet Cheatsheet (Flexbox (flexible layout box) reference manual)

Joni Trythall's reference manual is based on multiple reference manuals and can help you understand Flexbox (flexible layout box). It's a flowchart decision tree that covers different aspects of Flexbox, so just by glancing at this diagram you can visualize everything you know about Flexbox. It can be used on the page as a PNG image or as a full-size PDF file.

3. Flexy Boxes

It It is where Flebox (retractable layout box) is displayed and corresponding code can be generated. I love all the additional options on this one. There is a help description below each function, and you can also choose to use RTL writing mode to generate old code, and you can also view only the standard CSS version of the code without prefixes.

RTL introduction link address: http://baike.sogou.com/v4890574.htm?fromTitle=RTL

　

4. Grid by Example

It is a resource-rich document created by Rachel Andrew that covers CSS Grid Layout Available examples of Module (CSS Grid Layout Module). Includes many relevant external links and lists the different parts of the manual covered, with visual examples.

　

5. CSS Guidelines##　Harry Roberts, whose goal is to "provide useful advice and guidance for rationally writing manageable and scalable CSS code." There's a lot of content here to suit different CSS developer levels.

　

6. Foundation 5 Cheat Sheet

## It is only one page (albeit a very long page) reference site to quickly see how class names are used in different parts of the popular ZURB front-end framework. I like that it includes examples sections directly on the page, with the necessary predefined classes listed next to each section.

##　

7. Cheetyr

　“It’s a handy manual and A collection of shortcuts that can be used to improve the work efficiency of designers and developers. "This project is still ongoing, but currently the site includes searchable CSS manuals, Git manuals, Vim manuals, Photoshop manuals, and Illustrator manuals. and InDesign Manual.

　

8. keyCod.es

A simple and fast manual, Helps you get the correct key values ​​for different keys on your keyboard. If you use event.keyCode or event.which in your script to determine which key was pressed by the user, this manual will come in handy sooner or later.

##　 9. AngularJS Style Guide(AngularJS Style Guide)

　“Its starting point is to provide convergence for AngularJS development teams through best practices.” It actually has a lot of documentation, covering more than 20 categories of AngularJS syntax.

#　

10. Poor Man's Styleguide

"It is an emergency front-end style guide that can be copied directly and pasted into your CMS project." It provides all the differences in HTML and Markdown The code of the element, and all styles are displayed on the page.

Markdown introduction link address: http://baike.sogou.com/v7868944.htm?fromTitle=markdown

　

11. Web Fundamentals(Web Basics)

It is the "currently developed best practice" for Google developers . It covers many different areas, including multi-strategy layouts and forms, and it's even partially profitable.

　

12. CSS PRE(CSS preprocessing)

　One copy "One-stop manual" for comparing different CSS preprocessors. It includes a blog section, a dashboard, and a collection of conversion tools from Less, Sass, and Stylus.

The link address of Less’s introduction: http://lesscss.cn/

The link address of Sass’s introduction: http://baike. sogou.com/v73912368.htm?fromTitle=SASs

Link address introduced by Stylus: http://blog.fens.me/nodejs-stylus-css/

　

　13. GitHub Cheat Sheet(GitHub Reference Manual)

　“It is A list of some of the cool features of Git and GitHub." Even if you are an advanced Git/GitHub user, you will clearly find something here that you have never seen before.

　

14. HTML Vocabulary(HTML Vocabulary)

　At the end The documents that appear in the collection are similar to the "CSS Vocabulary", which focuses on different parts of HTML.

##　

15. iOS Human Interface Guidelines

　It is available for free in the iTunes store. It's mainly for iOS It is for app developers, but it also contains discussions on some commonly used UI design principles, which may be of some use to web platform developers or designers. Following design principles is very helpful in building responsive web-based sites, and it can make the native apps you make more usable.

　

16. HTML5 Cheat Sheet(HTML5 Reference Manual)

　It It is a reference manual for beautifully designed HTML5 tags. If you want to have a handy copy, it can be printed out as a PNG file or as a PDF file.

##　17. jQuery Coding Standards & Best Practices(jQuery Coding Standards & Best Practices)

It is a collection of best practices for developers writing jQuery. You may not agree with everything described, but you will undoubtedly find some suggestions worth thinking about.

　18. HTML5 Game Engines(HTML5 game engine)

　It Really good. It compares different libraries for creating HTML5-based games. Each entry comes with extensive descriptions, cost (if any), filter tags, and there's even user star ratings and reviews on the page similar to Amazon's.

##　19. You Might Not Need jQuery(You may not need jQuery)

You may have seen this before, as it was quite popular when it came out. it's a lot of vanilla An overview of JavaScript, equivalent to various jQuery methods. But later in the documentation there will be comments from experienced jQuery developers who will point out why you shouldn't abandon jQuery so quickly.

Vanilla Chinese community link address: http://vanillaforums.cn/

## 20. Airbnb JavaScript Style Guide (Airbnb JavaScript Style Guide)

It is a style guide produced by the website developer of a popular international hotel. You don't have to follow some of the above, but like other style guides, you may be able to pick out some elements and apply them to your own work.

Summarize

If you have written a tool or style guide for mastering some aspect of a front-end language or technology, please share it in the comment area, and maybe I will add it to a future article.

　

20 documents and guides for front-end developers (1)

The above is the detailed content of 20 documents and guides for front-end developers (2). For more information, please follow other related articles on the PHP Chinese website!