So I found this plugin: https://gist.github.com/KatsuomiK/3542836
And it is very close to what I'm looking for. I am trying to use sublime text 3 for note taking, and need some way to store images in my notes. Since sublime is a text editor, I do not hope to have actual inline images. Instead, what makes the most sense to me is to have local file links which I can click to open up an image. This plugin has the same click link feature, but it opens web links in a browser rather than local files. I'm actually not sure on what the most user friendly option would be, but here is one idea.
Hover mouse over local link (e.g. /Users/gus/image.jpg)
Press some hotkey
Image opens up either in preview or the quick look feature in OSX (would be nice since you could close with a simple spacebar)
If necessary there could be some kind of tag for a local link.
I am not experienced with making sublime plugins, but something tells me this could be a quite simple endeavor for a skilled coder. If you can help me out I would greatly appreciate it (and so would anyone trying to use sublime for note taking and even coding at times)
Related
I find a interesting website:http://www.brightpointinc.com/interactive/political_influence/
I want to learn its visualization using d3.
But when I download it, using right click button-------- save as The download page seems does not work. It seems lack some data, so I get back to the website to download some data, but it lacks some of them, can anyone send me an work version? thanks
As Lars says, your best bet is to look at the source code. To do this, you can use something like Chrome Developer Tools or Firebug for Firefox. I use the latter, so I'll take that as an example.
First, I'd right-click on the visualization itself, and click on Inspect Element with Firebug. This will pull up the HTML, which is only semi-helpful, since it only shows the output rather than the JavaScript code which created it.
To get at the JavaScript, you can use Firebug's Script tab. Most websites have more than one script, so you can hunt through the scripts being used by browsing through the dropdown menu in the second toolbar. The _buildChords.js script looks the most promising; that has some recognizable d3 code in it. You could check out the others to see what else they're calling (since it looks like there might be others - data.js, events.js, and so on).
Happy learning.
I have very hard time coding in Greasemonkey editor on Firefox, because it is constantly trying to be smarter than me and thus adding things that I never intend to add on the first place.
How can I disable those extra "smart" features?
That editor is not Greasemonkey's; it's the Firefox Scratchpad and it's actually pretty kick-ass.
But if you don't like it, you can set Greasemonkey to use your favorite text editor via the options:
(Click an image for a larger view)
You can set the text editor to just about anything, but it's best if the editor has real UTF-8 support. (Notepad++ works well.)
Could you please say if there is a pdf (or doc) version of the documentation? If yes, where can I find it?
If such does not exist, I guess it would be great to create such.
PDF allows reading the file in Mendeley Desktop program, underlining parts that are important for me and putting comments. THis would be a great advantage to compare with the html version of the guide.
If you're using Chrome, just go to the Carrot2 online help manual and choose "Print...". In the "Destination" box on the left-hand side change it to "Save as PDF" and click OK. This functionality is built-in to Chrome by default.
For other browsers I'm sure there are add-ins/plugins you can find or you can always use a third-party PDF driver like PrimoPDF.
I'm trying to evaluate Aptana Studio 3 as an alternative to Dreamweaver CC, primarily for "production" writing of highly formatted web content.
The big factor for me is tight coupling between source (HTML) editing and WYSIWYG display. Dreamweaver lets me display source and WYSIWYG side by side and edit either one. Any other editor I consider must have a comparable feature, or at least present a WYSIWYG display and let me click it to position the insertion point in the source.
The Aptana menu has a command called Window > Show View > Web Browser Editor which sounds like it ought to do the what I want, but when I click it, it just opens a window in my default browser and displays the home page. I've looked for information about this command, both in Aptana's documentation and on the Web at large, but I can't find any.
What is Aptana's "Web Browser Editor" command? It it does what I think, how can I make it work?
I stand by my earlier assessment. The Web Browser Editor view you are talking about is not a WYSIWYG editor. Aptana is not Dreamweaver. All this view will do for you is provide a quick preview of your changes without having to upload your files to a separate server. I gave instructions on how to set up your browser to use Aptana's internal browser so you would not have to change windows to see your preview of the page, instead you can dock it with your editor. Here is all the documentation I could find:
https://jira.appcelerator.org/browse/TISTUD-2341
http://commonhworks.wordpress.com/ (unless you speak Spanish, you will need to translate)
All these pages will really tell you is what the editor should look like (first) and how someone is using it in their workflow (second).
Aptana is primarily for Ruby, Python, and PHP development. It has some HTML features because HTML is often used with those others, but it is not the best choice for HTML development. There are many other editors available: https://www.google.com/webhp?hl=en&tab=ww#hl=en&q=wysiwyg+html+editor+free
You will probably have more luck with this sort of question on superuser.com (but I doubt Aptana is the best choice for what you are doing, unless Ruby, Python, or PHP are more important to you than WYSIWYG HTML).
Can anyone point me in the direction of such a script? It should also be able to work when called into another ajax window. This is the type of gallery i am going for:
http://dageniusmarketer.com/DigitalWonderland/pages/DemoGalleryExample.html
It should go on this page:
dageniusmarketer.com/DigitalWonderland/
Portfolio section.
This script should be real simple to use with minimal extra files to make it work. I also should be able to just drop images in a gallery folder and it populates the gallery automatically with thumbnails....I shouldnt have to write code for each image in my html. Should be all dynamic.
I also would like to know how I could go about a window effect where every time I open up a new section via my navigation, the window shrinks closed with the old content, then expands open with the new content. the window effect should be vertical (top to bottom shrink into center, expand from center top to bottom)
Please Let me know. Thanks
JQuery is one of my personal favorite javascript libraries (along with 99% of this site apparently!)
But it will have a learning curve, as your requirements seem pretty specific, and you will have to read some documentation to pull it off.
Try Spry from Adobe. They have a very similar demo. Also, the other common frameworks for this would be prototype/scriptaculous, dojo, mootools, jquery. In many cases they have extensions that would provide the exact thing you are looking for. For example, try
shadowbox extension which is framework agnostic. Best of luck!
Imago looks promising:
http://imago.codeboje.de/
Just discovered the very awesome-looking jQuery Tools library today. Meets your "simple and minimal" requirements and could probably pull off what you've sketched, with just the "tooltips" and "scrollable" components.
I also should be able to just drop images in a gallery folder and it populates the gallery automatically with thumbnails
My instinct is that you'd be better off writing server-side code to handle this part of your requirement.