Codepen
Codepen is an extremely useful tool for developing and testing website pages - users can instantly view the effects of editing the HTML, CSS and Javascript.
Website owners, once authenticated, can open any page on this website in Codepen and play around with the code.
To create a zip file of your Codepen code:
- Click Save at the top of the Codepen screen
- Click Export button at bottom of screen
- Save as a zip file
- The zip file is saved on your file system as {domain_name}.zip
Here's what an exported Codepen zip file looks like:
$ unzip -l adfreesites-com.zip
Archive: adfreesites-com.zip
Length Date Time Name
--------- ---------- ----- ----
145 05-11-2024 09:44 adfreesites-com/README.md
1118 05-11-2024 09:44 adfreesites-com/LICENSE.txt
3014 05-11-2024 09:44 adfreesites-com/src/index.html
14316 05-11-2024 09:44 adfreesites-com/src/style.css
6789 05-11-2024 09:44 adfreesites-com/src/script.js
3294 05-11-2024 09:44 adfreesites-com/dist/index.html
14315 05-11-2024 09:44 adfreesites-com/dist/style.css
6787 05-11-2024 09:44 adfreesites-com/dist/script.js