[node.js] Install server-side jQuery & calculate inline css styles
- or -
Post a project like this2438
$100
- Posted:
- Proposals: 3
- Remote
- #1662779
- Awarded
Description
Experience Level: Intermediate
General information for the business: DIY website platform
Description of requirements/functionality: Hi, I have got a quick task if you're up for it.
Let's say you have a web page (html with 3rd party css libraries)...
I want to generate a modified version of that web page WITHOUT any or <style... calls.
But the challenge is that the modified web page needs to look IDENTICAL to the original.
:-)
Now, there's a feature in jquery that will calculate the css properties of any html element, and it will calculate it based on whatever 3rd party stylesheets and inline styles are loaded.
So here's what i need...
Using jquery on the server-side (bonus points if you can do it using vanilla javascript), I need a function that will take in an html file, calculate the css properties of every html element in that file, and output a new html file. One where every html element in that file has their calculated style embedded as an inline style.
In the end, there should be NO ... calls or calls to any 3rd party css libraries (e.g. ), but the new html page should look identical to the old html page when loaded in a browser.
So, in summary...
1 - as an input, i should be able to enter the URL of a web page
2 - as an output, i should be get a modified version of that web page that looks identical to the original, but if i "view-source," i should see a file WITHOUT any calls or ... calls. Just pure inline-styles.
Attached is a quick picture of how it could potentially look...
[see the pic]
^^ When I enter the URL in the textbox and click [go]...
^^ The left frame should show the original version of the url
^^ And the right frame, should show the modified version (using pure inline styles), looking identical to the original
Good luck! :-)
Software Frameworks that will be used: jQuery Node.js
Programming Languages Required: JavaScript Node.js
Other Skills: CSS3 HTML
Specific technologies required: Software Frameworks that will be used: jQuery Node.js; Programming Languages Required: JavaScript Node.js; Other Skills: CSS3 HTML
Extra notes:
Description of requirements/functionality: Hi, I have got a quick task if you're up for it.
Let's say you have a web page (html with 3rd party css libraries)...
I want to generate a modified version of that web page WITHOUT any or <style... calls.
But the challenge is that the modified web page needs to look IDENTICAL to the original.
:-)
Now, there's a feature in jquery that will calculate the css properties of any html element, and it will calculate it based on whatever 3rd party stylesheets and inline styles are loaded.
So here's what i need...
Using jquery on the server-side (bonus points if you can do it using vanilla javascript), I need a function that will take in an html file, calculate the css properties of every html element in that file, and output a new html file. One where every html element in that file has their calculated style embedded as an inline style.
In the end, there should be NO ... calls or calls to any 3rd party css libraries (e.g. ), but the new html page should look identical to the old html page when loaded in a browser.
So, in summary...
1 - as an input, i should be able to enter the URL of a web page
2 - as an output, i should be get a modified version of that web page that looks identical to the original, but if i "view-source," i should see a file WITHOUT any calls or ... calls. Just pure inline-styles.
Attached is a quick picture of how it could potentially look...
[see the pic]
^^ When I enter the URL in the textbox and click [go]...
^^ The left frame should show the original version of the url
^^ And the right frame, should show the modified version (using pure inline styles), looking identical to the original
Good luck! :-)
Software Frameworks that will be used: jQuery Node.js
Programming Languages Required: JavaScript Node.js
Other Skills: CSS3 HTML
Specific technologies required: Software Frameworks that will be used: jQuery Node.js; Programming Languages Required: JavaScript Node.js; Other Skills: CSS3 HTML
Extra notes:
Rianna R.
100% (3)Projects Completed
2
Freelancers worked with
2
Projects awarded
20%
Last project
22 Aug 2017
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies