Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/w3dotdev/sublime-front-end-snippets
html, css, js, schema.org, wai-aria, es6, regex, test-frameworks, jQuery, reactJS snippets for Sublime Text 2/3
https://github.com/w3dotdev/sublime-front-end-snippets
css html jquery python react schema wai-aria
Last synced: 11 days ago
JSON representation
html, css, js, schema.org, wai-aria, es6, regex, test-frameworks, jQuery, reactJS snippets for Sublime Text 2/3
- Host: GitHub
- URL: https://github.com/w3dotdev/sublime-front-end-snippets
- Owner: w3dotdev
- Created: 2016-01-20T08:35:10.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2020-07-11T03:01:50.000Z (almost 4 years ago)
- Last Synced: 2024-03-01T15:35:44.829Z (4 months ago)
- Topics: css, html, jquery, python, react, schema, wai-aria
- Language: Python
- Homepage:
- Size: 429 KB
- Stars: 36
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Lists
- awesome-stars - w3dotdev/sublime-front-end-snippets - html, css, js, schema.org, wai-aria, es6, regex, test-frameworks, jQuery, reactJS snippets for Sublime Text 2/3 (Python)
README
# Front-end Project Snippets
[](http://hemersonvianna.mit-license.org/)
[](https://github.com/w3dotdev/sublime-front-end-snippets/issues)
[](https://travis-ci.org/w3dotdev/sublime-front-end-snippets)
[](https://packagecontrol.io/packages/Front-end%20Project%20Snippets)
## Translations
* [Portuguese - Brazil](translations/pt_BR)
## Install
If you already have the [Package Control](http://wbond.net/sublime_packages/package_control) installed , just search for `Front-end Project Snippets`. If you have not installed in the Sublime, you can do it [here](http://wbond.net/sublime_packages/package_control/installation).
You can manually download the package and place it within your `Packages` directory. It will work, but it will not be automatically updated.
You can see all installed snippets in `Tools > Snippets...`, in the Sublime Text.
[Tested on windows] When the "."(dot) is used, the autocomplete disappears.. Solve this problem, just put in your user `Preferences > Settings - User`, the property `word_separators` with value without the "."(dot). You can see an example [here](Preferences.sublime-settings).
## Snippets and prefixes/keys
- [HTML - h.*](snippets/html/)
- [Microdata - hm.*](snippets/html/schema/microdata)
- [WAI-ARIA - hw.*](snippets/html/wai-aria)
- [CSS - c.*](snippets/css/)
- [JavaScript - j.*](snippets/js/vanilla)
- [EcmaScript 2015 - je.*](snippets/js/es6/)
- [Libraries](snippets/js/libraries)
- [jQuery - jq.*](snippets/js/libraries/jquery)
- [React - jr.*](snippets/js/libraries/react)
- [Patterns](snippets/js/patterns)
- [Design Patterns - jdp.*](snippets/js/patterns/design-patterns)
- [UMD - jumd.*](snippets/js/patterns/umd)
- [Tests](snippets/js/tests)
- [Common - t.*](snippets/js/tests/common)
- [Chai - tc.*](snippets/js/tests/chai)
- [Jasmine - tj.*](snippets/js/tests/jasmine)
- [Mocha - tm.*](snippets/js/tests/mocha)
- [Node - tn.*](snippets/js/tests/node)
- [QUnit - tq.*](snippets/js/tests/qunit)
- [Sinon - ts.*](snippets/js/tests/sinon)
- [Regex](snippets/regex/)
- [Schema.org](snippets/schema)
- [JSON-LD - sj.*](snippets/schema/json-ld)
- [Microdata - sm.*](snippets/schema/microdata)
- [RDFa - sr.*](snippets/schema/rdfa)
- [External - e.*](snippets/external/)
- [Comment](snippets/comment/)
- [HTML - hc.*](snippets/comment/html)
- [CSS - cc.*](snippets/comment/css)
- [JavaScript - jc.*](snippets/comment/js)
- [Structure data](snippets/structured-data) (***examples***)
- [Microdata - z.microdata](snippets/structured-data/microdata)
- [JSON-LD - z.jsonld](snippets/structured-data/json-ld)
- [RDFa - z.rdfa](snippets/structured-data/rdfa)
## References
* [@caiogondim](https://github.com/caiogondim) (Caio Gondim)
[https://github.com/caiogondim/js-patterns-sublime-snippets](https://github.com/caiogondim/js-patterns-sublime-snippets)
* [@zenorocha](https://github.com/zenorocha) (Zeno Rocha)
[https://github.com/zenorocha/sublime-javascript-snippets](https://github.com/zenorocha/sublime-javascript-snippets)
* [@joshnh](https://github.com/joshnh) (Joshua Hibbert)
[https://github.com/joshnh/CSS-Snippets](https://github.com/joshnh/CSS-Snippets)
* (Schema.org) [http://schema.org/](http://schema.org/)
* (jQuery) [https://api.jquery.com/](https://api.jquery.com/)
* (jQuery Boilerplate)[https://jqueryboilerplate.com/](https://jqueryboilerplate.com/)
* (JSDuck) [https://github.com/senchalabs/jsduck](https://github.com/senchalabs/jsduck)
* (idiomatic CSS) [https://github.com/necolas/idiomatic-css](https://github.com/necolas/idiomatic-css)
* (JS Design Patterns) [https://addyosmani.com/resources/essentialjsdesignpatterns/book/](https://addyosmani.com/resources/essentialjsdesignpatterns/book/)
* (Node.js Assert) [https://nodejs.org/api/assert.html](https://nodejs.org/api/assert.html)
* (Jasmine) [http://jasmine.github.io/2.0/introduction.html](http://jasmine.github.io/2.0/introduction.html)
* (ReactJS cheatsheet) [http://reactcheatsheet.com/](http://reactcheatsheet.com/)
* (ES6 Features) [https://github.com/lukehoban/es6features#readme](https://github.com/lukehoban/es6features#readme)
## Contributing
- Fork it!
- Create your feature branch: `git checkout -b my-new-feature`
- Commit your changes: `git commit -m 'Add some feature'`
- Push to the branch: `git push origin my-new-feature`
- Submit a pull request
## Log
Check [Releases](https://github.com/w3dotdev/sublime-front-end-snippets/releases) for detailed changelog.
## License
[MIT license](http://hemersonvianna.mit-license.org/) © Hemerson Vianna