Coda like "CSS Selector List" for sublime - ide

Coda looks like an effective text editor however I am on Windows. The splash page for Coda has an animated gif/iframe that shows off Coda, there is a panel that slides out from the right, listing all of the CSS selectors used in order.
Does Sublime offer said functionality in a package?
Thanks

It looks like you would like to have the outline of the file.
There is a similar question here: How to get an outline view in sublime texteditor?

Related

React Native Text Selection (Highlight text in different colors) HTML view and custom menu

Help, I am having trouble completing the required functionality:
Highlight text (Select text and highlight in colors).
Make notes in the selected text.
I already tried almost all of the libraries available (https://www.npmjs.com/package/#astrocoders/react-native-selectable-text and
https://www.npmjs.com/package/react-native-cn-quill/v/0.7.6 etc), but had no success. Ideally, I would like to hire someone to implement the required functionality.
I have attached a screenshot to understand the functionality.
enter image description here
a little late but maybe this helps:
used:
"#alentoma/react-native-selectable-text"
to create this:
https://github.com/Domth13/React-Native-Highlight-Text

UI Text not rendering properly with Intellij IDEA and MacType

I wanted to make Intellij IDEA on windows look like the one on OS X Because in
my opinion it looks much better, so I installed MacType, I was able to get the
editor font render correctly, but when I change the UI font to match OS X's UI
font, The text gets cut off in some places. The font I am trying to use is
Lucida Grande size 15. You can see it for yourself in the picture
below:
Intellij UI Text getting cut: https://i.stack.imgur.com/4jnda.png
But if I remove disable MacType rendering, everything works fine, but it looks bad.
Intellij UI Text without MacType rendering: https://i.stack.imgur.com/AJEUl.png
I've tried changing MacType's settings, but nothing works!
I am on Windows 10 Creators Update with Intellij IDEA 2017.2
Any help would be appreciated.
I found the answer myself! Apparently if you open the mactype profile you are using with notepad, and paste the following text at the end of the file:
[Experimental#idea64.exe]
ClipBoxFix=1
Then all the fonts will render correctly. Note, this does not only work for Intellij IDEA, but also all other java applications and a few others. To achieve this, all you have to do is replace "idea64.exe" with the name of the app executable. An example is for the 32-bit version of Intellij, you would replace "idea64.exe" with "idea.exe".
More information can be found here: https://github.com/snowie2000/mactype/wiki/ClipBoxFix

Fold HTML tag attributes feature similar to Sublime Text

One feature I've found really useful in Sublime Text is the ability to fold HTML tag attributes. Is there a way to do this with VSCode that I'm missing?
I don't think there's a built-in way to do this. Also, it seems the extension API currently doesn't have a way of hiding characters, see this open feature request (except for a hack mentioned by the second comment).
Extensions also can't customize the built-in folding yet, see #3422.
To fold individual attributes just move your mouse pointer to the left of the editor, in the empty space on the right of the line numbers. Small - icons will appear. Click on the ones you want to fold items.
Keyboard shortcut is CTRL+SHIFT+].
You can get the full list of key bindings there: https://code.visualstudio.com/docs/getstarted/keybindings

Use leaflets over pdf files using angularjs

I am trying to do something like this
leafletoverimage.
Currently I am using background image and angular-leaflets tool for the click and comment.
I am trying to find out a way where I can have pdf file actually rendering on browsers, and able to click on different section of pdf file, have popover and enter comment about that section.
This is similar to what https://app.fieldlens.com/ and www.plangrid.com is doing.
is there something available in angularjs or any other solution is appreciated.

Editing Flexslider HTML

I'm still new to coding. I downloaded flex slider, and I have it running fine on my site and working fine. However I can't make ANY edits into my html regarding the slider. It has the 'next' and 'previous' image links on my gallery, which I would like to replace. It shows up in the html when I inspect it in firebug, yet when I run my html through my text editor (Im using text mate), it doesn't show up at all!
Any ideas why?
I think you are talking about the navigational arrows on the left and right side of the images. This can be changes in the "flexslider.css" file. If you are using textmate then the line number is 52.
Probably the easiest way is to find the image here images/bg_direction_nav.png. Right click the image and open with your image editing software eg. photoshop. Then once you have change the image just save it and it will be saved in the same folder location. If you keep the image the same size then you will not have to mess around with anything else..