GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → ryboe → Css3

ryboe / Css3

Licence: mit
The most complete CSS support for Sublime Text

Labels

csscss3syntax-highlightingsublime-textsublime-text-3sublime

Projects that are alternatives of or similar to Css3

Nord Sublime Text
An arctic, north-bluish clean and elegant Sublime Text theme.
Stars: ✭ 109 (-38.76%)
Mutual labels:  sublime-text, sublime-text-3, sublime, syntax-highlighting
Nineties
💾 Colors for World Wide Web pioneers
Stars: ✭ 16 (-91.01%)
Mutual labels:  syntax-highlighting, sublime, sublime-text, sublime-text-3
Productive Sublime Snippets Ruby
Ruby Snippets for Sublime Text
Stars: ✭ 109 (-38.76%)
Mutual labels:  sublime-text, sublime-text-3, sublime
sublime-live-server
🌍️ Launch a Development Server directly from Sublime Text
Stars: ✭ 49 (-72.47%)
Mutual labels:  sublime, sublime-text, sublime-text-3
Pythonimproved
The best Python language definition for Sublime Text - ever. Includes full support for Unicode, as well as both Python 2 and Python 3 syntax. Check out the Neon Color Scheme for highlighting.
Stars: ✭ 95 (-46.63%)
Mutual labels:  sublime-text, sublime-text-3, syntax-highlighting
sublime
Repository for the Tandem Sublime Plugin
Stars: ✭ 22 (-87.64%)
Mutual labels:  sublime, sublime-text, sublime-text-3
Carbonsublime
🚀 A Sublime Text 3 Plugin for Carbon. (https://carbon.now.sh)
Stars: ✭ 104 (-41.57%)
Mutual labels:  sublime-text, sublime-text-3, sublime
Sublimeallautocomplete
Extend Sublime autocompletion to find matches in all open files of the current window
Stars: ✭ 906 (+408.99%)
Mutual labels:  sublime-text, sublime-text-3, sublime
eRCaGuy dotfiles
.bashrc file, terminal prompt that shows current git branch, Arduino setup, Eclipse setup, git diff with line numbers, helpful scripts, improved Linux productivity, etc.
Stars: ✭ 84 (-52.81%)
Mutual labels:  sublime, sublime-text, sublime-text-3
network tech
Cisco config syntax and snippets for Sublime Text
Stars: ✭ 82 (-53.93%)
Mutual labels:  syntax-highlighting, sublime-text, sublime-text-3
Golite
Add essential language support for the Go language to Sublime Text 3.
Stars: ✭ 14 (-92.13%)
Mutual labels:  sublime, sublime-text, sublime-text-3
Ayu
🎨🖌 Modern Sublime Text theme
Stars: ✭ 3,933 (+2109.55%)
Mutual labels:  sublime-text, sublime-text-3, sublime
Milotic
Color Full Theme for All Text Editors!
Stars: ✭ 23 (-87.08%)
Mutual labels:  sublime, sublime-text, sublime-text-3
Coffeescript Sublime Plugin
Syntax highlighting and checking, commands, shortcuts, snippets, compilation and more.
Stars: ✭ 296 (+66.29%)
Mutual labels:  sublime-text, sublime-text-3, sublime
Sublime Markdown Extended
Top 100 Sublime Text plugin! Markdown syntax highlighter for Sublime Text, with extended support for GFM fenced code blocks, with language-specific syntax highlighting. YAML Front Matter. Works with ST2/ST3. Goes great with Assemble.
Stars: ✭ 645 (+262.36%)
Mutual labels:  sublime-text, sublime, syntax-highlighting
Sublime Jekyll
A Sublime Text package for Jekyll static sites.
Stars: ✭ 160 (-10.11%)
Mutual labels:  sublime-text, sublime-text-3
Codeatlassublime
Code relationship graph visualization plugin of sublime editor
Stars: ✭ 44 (-75.28%)
Mutual labels:  sublime-text, sublime
Sublime Text Plugins For Frontend Web Development
📝 Collection of plugins for Frontend Web Development
Stars: ✭ 1,127 (+533.15%)
Mutual labels:  sublime-text, sublime-text-3
Neon Color Scheme
A colorful bright-on-black color scheme for Sublime Text and TextMate. Its aim is to make as many languages as possible look as good as possible. Includes extended support for Python, Ruby, Clojure, JavaScript/JSON, C/C++, diff, HTML/XML, Markdown, PHP, CSS/SCSS/SASS, GitGutter, Find In Files, PackageDev, Regex, SublimeLinter, and much more.
Stars: ✭ 159 (-10.67%)
Mutual labels:  sublime-text, sublime-text-3
Sublimetext
Caddyfile syntax highlighting for Sublime Text 3
Stars: ✭ 17 (-90.45%)
Mutual labels:  sublime-text, syntax-highlighting
View All Similar Projects ➔

CSS3

CircleCI

The most complete CSS and PostCSS-cssnext support for Sublime Text.

Features

  • Absurdly Complete: I mined the entire set of draft specs and supported everything. Some of this stuff won't be implemented in browsers for years. If it's in the spec, it's supported.
  • Future Proof: PostCSS-cssnext is fully supported. If you use cssnext, you can use futuristic CSS like...
    • nesting
    • custom selectors
    • custom properties
    • custom media queries
    • CSS Modules
    • lots more
  • Productive: Offers a full set of completions for properties, descriptors, @-rules, functions, and selectors. The completions are highly specific to what you're writing.
  • Modern: Bad, old CSS is flagged. Unnecessarily prefixed properties aren't highlighted. Catches lots of mistakes. Encourages best practices.
  • Faithful: Follows the W3C specs extremely closely.
  • Fast: CSS3 has been designed for Sublime's new custom regex engine, which is crazy fast. The syntax highlighting typically takes less than 100ms, even for very large CSS files.

Before & After

before and after

Installation

  1. Install Package Control

  2. Install CSS3

    Platform Install Command
    Mac cmd+shift+p   → Package Control: Install Package → CSS3
    Linux/Windows ctrl+shift+p → Package Control: Install Package → CSS3

  3. (Required) Disable the default CSS package

    Platform Disable Command
    Mac cmd+shift+p   → Package Control: Disable Package → CSS
    Linux/Windows ctrl+shift+p → Package Control: Disable Package → CSS

    disabling the default CSS package

    Make sure you don't have any open files set to the default CSS syntax (bottom-right) or you may get an error message.

  4. (Strongly Recommended) Enable completions inside completions

    By default, Sublime will not offer completions inside completions. In other words, the completions menu is suppressed when you're tabbing through a snippet. This prevents a lot of CSS3 completions from appearing. Add these keys to your User Settings to fix this:

    "auto_complete_commit_on_tab": true,
"auto_complete_with_fields": true,

  5. (Recommended) Hide CSS completions from Emmet

    If you have Emmet installed, its completions will drown out the carefully researched, standards-based completions offered by this package. You can hide Emmet completions for CSS only by adding this line to your Emmet package settings.

    "abbreviation_preview": "markup"

  6. (Recommended) Set CSS3 as the default language for .css files

    • Open a .css file.
    • View → Syntax → Open all with current extension as... → CSS3

    setting CSS3 as default

Best Practices

Help Me Out!

If you think something's missing, make sure you're not asking for something on this list of bad CSS properties. If it's not on that list, open an issue and I'll investigate. Definitely check out the CONTRIBUTING guidelines before submitting your PR. It could save you a lot of time. I'll be monitoring the specs as they're updated on this W3C feed, but I still need your help. Let's keep bad code out of the Web!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].