I want to make a single page application using vue.js. I get a reference like this https://coreui.io/vue/ to make it. my colleague has made a prototype using adobe xd. and my job is to convert it to html css and it will make it functional and connect to api. Can I convert it automatically? or do I have to convert it manually. if it's not possible to convert it automatically, is there a template that can help me to convert to html css? i am weak in css. so i need a reference. so I can convert quickly
please help me several options. thanks
I think you would have to convert manually
However, the export to HTML/CSS/JS feature has been asked before by the community many times and the Adobe team is currently working on it (check this and this).
Also I think you can also use a plugin called "Web Export."
In order to use the plugin,
Make sure you have the latest version of XD
Go to Plugins
Discover Plugins
Search "Web Export"
Click "Install"
The most straight forward option is to write the html/css by hand and then manually integrate it with vue components.
But since you said you are not that proficient at css, you can use Desech Studio to import the AdobeXD file, then make some adjustments, install the vue plugin in Desech Studio and then it will integrate your html/css code with vue directly.
Check the github repo at https://github.com/desech/studio-vue to see tips and the limitations of the plugin.
Related
the only IDE I've used for many years was Flash Builder. Sadly the 4.7 version is in a poor state, so, I started looking at other IDE's lately.
I'm trying IDEA, but I don't know how to add a library to my project.
In FB it was simple, I go to the compiler settings and I just add a folder or swc. But here, it seems like there are 2 options, one under the "Libraries" tab and other is creating a new module, however, this new module requires a main app, SDK, and a lot of other stuff that doesn't make any sense to have in a library.
So, what is the equivalent of adding a library path here?.
Thanks.
"Libraries" is the correct way to do it. There are two kinds of libraries: libraries and global libraries. Global libraries can configured once and used in every project. Libraries are configured for each project. See http://www.jetbrains.com/idea/webhelp/configuring-project-and-global-libraries.html
I'm using Qt4.7 on a Windows machine. I can't update Qt to version 5 and I'm unable to install CMake.
I need to use QJSon for a project, but it seems to be only available natively on Qt5+. Can anyone instruct me on how to "backport" it or something?
I also found this class for JSON handling that might serve the same purpose. If I wanted to use it instead, do I only need to import it to my project?
Please escuse me if this is all too simple/evident, but I'm new to desktop development, I only have some experience with webdesign, so any help is welcome. :)
Whilst you could attempt to backport QJson you're best off going for the second option, simply for ease. All you need to do is bring the files into your project, if you're using Qt Creator when you do 'Add existing...' it should automatically add the include and header to the compilation phase. If it doesn't you add them to the .pro file so the compiler knows what it needs to include.
I'm about to start a project that's going to be a web site for storing photos. The method for uploading shall be drag and drop (from the desktop, same as Imgur), and it shall be possible to rate the photos as well commenting them.
For the project I'm going to use Node.js as well as HTML5, CSS3 and jQuery. The thing is that I'm a total newbie on Node.js and really could use some help regarding getting started. For the project I will of course need a database, and I have understood that MongoDB is a good choice. Is there any templates for this combination, so that I don't need to start from scratch?
I have installed Node.js and followed some tutorials but I really feel that I want to a template if there is one.
Thanks in advance!
As you said you are a beginner you can take the best independent modules for your project and start using. Instead of having a pre-defined package of necessary components as a single module. Problem is you may end up not understanding the whole pack and become more biased.
So,
I would suggest to use Expressjs (Best Choice) for url routing as mentioned above.
And,
File upload management:
formidable - a high performance file upload server with file parts reading and progress notifiers etc.
Template Engine (Markup libs for your custom htmls):
Jade
coffeekup
And consider Bootstrap as well for prebuilt templates if in case you need it.
Mongo - Good choice.
Mongo Modules
These libs should help.
Take a look at HTML5 Boilerplate + Express.js
As a basic starting point, this is a popular framework:
http://expressjs.com/
Here you will find some links to example applications:
Node.js Web Application examples/tutorials
https://github.com/heroku/facebook-template-nodejs
Open Source Node.js (and Express) projects
Express JS is good but I would recommend you have a look at Railway JS as well.
It is based on Express with support for numerous template engines and database adapters (including MongoDB). It is a lot more modular so you should not have much trouble working with it (in my opinion).
Check out: Uploading images using Node.js, Express, and Mongoose too.
Here is a list of resources that I have compiled using themeefy to start a node.js project http://www.themeefy.com/AvinashEga2/nodejs
I think Tower.js is something like what you're after.
I would like to use an xml file to create a html email. I can create an xsl file to convert it to html but I don't know how I can then save or copy the generated html. Obviously if I view the source of the xml file I just get the xml source, not the transformed html. What is the simplest or quickest way possible without me having to use Java or C# or anything like that? Is there a web service that can do it? I've googled but with no luck.
EDIT
If I have to do a bit of coding to do this then I could probably manage it in php, javascript, java, vbscript or possibly python. I'd be surprised if a tool to easily do what I want hasn't already been created and made available publicly though.
EDIT 2 - Solution found
I've discovered that clicking 'View generated source' in the Web Developer toolbar of Firefox shows me the html. This is all I need, I can then copy and paste this. I'd still be interested to hear if anyone has any better suggestions though...
What you probably need is an XSLT-Processor.
On most Linux machines xsltproc should be available at the commandline (or be easily installed with 'sudo apt-get install xsltproc').
On Windows msxsl should be the right commandline tool (I didn't test it).
You could create a WinForms app and drop a WebBrowser control on it, though I'm not sure if that will let you save the rendered page without any user interaction.
I'm trying to make use of Eclipse to be my primary tool for making websites, but I'm looking for a functionality that exists in Dreamweaver - html attributes sugestions. Is there any plugin that would enable that?
I'm already using HTML Tidy for checking the syntax. (I was going to use it to format, but I cannot get used to code being so tighthly formatted.)
Take a look at Aptana Studio
There are few versions (2nd, 3rd, 2nd for Ruby support); the 3rd one is still beta. It can be used as it is, or can be installed as plugin for your Eclipse.
IMHO this is the best plugin if you need to use HTML/CSS/JavaScript and do it in Eclipse IDE (the reason does not matter :)
UPDATE: just forgot to mention that it has built-in support for popular JS frameworks (like YUI, jQuery, etc.).