How can I integrate Pure CSS framework with a tool such as Figma - pure-css

I would like to use a light CSS framework like Pure CSS, but also combine its use with a user-friendly design tool like Figma. How can I do this with Figma or any other tool?

Adobe Dreamweaver is best tool. You can live preview of changes for the front end. Also it allows to design and code too. Figma can only design but can see CSS codes according to the your designs. For example This is the link to download Dreamweaver. Go through Dreamweaver

Related

How To Do A Popup Context Menu Like DroneDeploys

How can I include a popup context menu in my app, just like the ones DroneDeploy use?
What's the CSS, JS lib that you use???
I know how to do this using vanilla JavaScript, but I want it to look like yours, to keep the theme in tact!
I've looked at the source and can see you are using Angular CDK's OverlayModule to provide popups.
I'm not using Angular, so I'll have to just style the popup so it looks like you themes myself.
The doc is the best way to follow up in this case. There you can see what's possible or not. Did you see this point? Here you can follow a checklist to apply in your App and build App in Drone Deploy style. You'll need to follow another way to interact with users.

How to configure PhpStorm to show API namespaces documentation panel as in phpDesigner8

I would like to change from phpDesigner8 to JetBrains PhpStorm IDE.
But I would really miss phpDesigner8's sidepanel with its fast and easy access to different API namespace documentations (for PHP, CSS, HTML, JavaScript, even WordPress and so on) with drag and drop use of code.
See this screenshot:
How should I configure PhpStorm 2016 to get similar sidepanel view?
Note: actually I open one of external library files, then look at its structure view in the sidepanel which is somehow close, but far from a optimized workflow.
Any suggestions?

How to develop/create a GUI for a QuickLook plugin?

I saw lots of QuickLook plugins (like BetterZip Quick Look Generator) coming together with their nice and tidy interfaces...I tried to design the GUI of my own one using HTML and JQuery, but I don't think that it's a good solution (plus, on top of that, Xcode 5.1 doesn't allow you anymore to include or open files from other directories with the <src> attribute).
I'll never thank enough Jelle Vandebeeck for opening my mind with his beautiful and helpful post, but unfortunately there's nothing on the internet regarding this topic (I think that there might be something on The Big Nerd Ranch Guide, but it won't be out before October).
So, I was wondering if anybody of you:
OPTION A - Knows the title of a guide that can explain how to develop/create a GUI for my QuickLook plugin in a "didactic" way (like a text book, step-by-step);
OPTION B - Could write down in the answer a couple of code lines to insert a button and a text field with the usual "Hello World!".
I have a sub-question related to the main one: is it possible to keep the semi-transparent white/grey background colour that a QuickLook window (like the one that appears when you select -for example- an audio file) usually has?
Thank you so much in advance!
In terms of a guide, there's the QuickLook Programming Guide over in the documentation. It goes over the architecture of QuickLook and walks you through the various steps of building a QuickLook plugin, including one that returns rich HTML content.
Related to this are a couple of pieces of documentation on how to integrate QuickLook into your own app, but it sounds like you're more interested in the plugin aspect.

Using Ext "Neptune" theme with App SDK 2.0

Now that Rally has changed the default UI for their ALM product, I have noticed that the UI components in my apps don't fit the same styling characteristics as the default UI elements. I think it would look a lot cleaner if I could use Ext's "Neptune" theme: http://docs.sencha.com/extjs/4.2.2/extjs-build/examples/build/KitchenSink/ext-theme-neptune/#basic-panels
Is there a way I can use this theme by default? If it is hosted anywhere within Rally, I think it would be as easy as including the CSS file in the App.html, but I could be wrong.
2.0rc1 is built on Ext 4.1.1a, so I'm not sure if the neptune theme is included or not. You'll be happy to know that 2.0rc2 is hot off the presses though, and should incorporate most of the new look and feel.
https://rally1.rallydev.com/apps/2.0rc2/sdk.js
https://help.rallydev.com/apps/2.0rc2/doc/

How to develop a webapp which allows the user to add markup to text files?

I need to develop a simple webapp that allows the user to highlight a couple of words in the file (text or HTML) that he can load from the screen, and then right-click and have some options show up to choose from.
When she chooses the option , the text of it is added to the file shown on the screen,right after the highlighted text, inside some parenthesis or similar.
Is Ruby on Rails a suitable platform for developing such an app?
Is Grails more suitable ?
(Assuming similar level of knowledge in Groovy and Ruby)
In both cases, I'd appreciate pointers to gems/libraries I should be looking into for these tasks.
Thanks!
I'm not 100% sure I understand your requirements, but have you considered integrating a WYSIWYG (what-you-see-is-what-you-get) editor into your web app? Something like CKeditor is open-source, and effective.
You could load the file into the editor and setup a custom context menu like described in part 6 of this tutorial. So when the user right clicks in the editor, the custom context menu item could be configured to facilitate the insertion you are looking to accomplish.
I agree with corroded's advice to choose a language/framework you know and can work better in, as you'll be able to achieve your desired functionality through a variety of languages/frameworks.
Best of Luck!
Find a language/framework you know and can work better in. Also, you're gonna need some javascript magicks so I suggest using jquery. Here's a link on how to do your right click action: How to distinguish between left and right mouse click with jQuery
I think the function you describe is more about client user-friendliness than server processing. I think it's can only be done with javascript/jQuery or similar tools.
Same as tmarsden, I think a good way to do that is integrating a WYSIWYG free editor. I have done it before with TinyMCE, by writing a custom plugin for this tool. If you choose using Grails as server technology, you can take a look at TinyMCE plugin for Grails.