Tools and Resources for Content Creation
This content is open source. Help improve it.
This is where I keep track of tools and information surrounding content creation.
Basics
Text
- Text Cleaner - cleans up all kinds of text formatting when copying and pasting between applications.
- wordle - word cloud generator
- Yahoo Pipes combines feeds “into content and other magical creations”.
- https://www.pcjs.org - IBM PC simulation that runs in your web browser
Plagiarism
- Copyscape - Make sure you didn’t plagiarize, even from yourself.
Editors

- Visual Studio Code Where I build webpages.
This thing has extensions for all your coding needs… It is cross-platform, has seamless git integration, and all kind of great features for working with gh-pages repositories (search and replace, etc.).
- Learn Enough Text Editor to Be Dangerous - Vim
- So, What’s a Text Editor? …an introduction for newbies
HackMD - Collaborative Markdown Editor
- https://hackmd.io - Collaborative markdown editor (where I write everything else).
- See also demo.codimd.org/
Images
Public Domain - Stock Images
- nacyot/awesome-opensource-documents
- neutraltone/awesome-stock-resources
- shime/creative-commons-media
- idleberg/Creative-Commons-Markdown - snippets to add CC license to your work.
Converters
Sizes
Optimization
The web loooves big old beautiful high quality images… However, my visitors probably notice the load time of huge images more than I do (though I do notice them).
cross-platform tool for losslessly optimizing PNG and JPG files for web. - https://trimage.org/
command-line utility and a library for lossy compression of PNG images.
The conversion reduces file sizes significantly (often as much as 70%) and preserves full alpha transparency. Generated images are compatible with all web browsers and operating systems. - pngquant
Infographics
- Canva Infographic Creator
- easel.ly - free create infographics
- Content Strategy Tool - Find inspiration for your content marketing topics
- Google Public Data - content research, infographics, and more.
- Google SERP Snippet Optimization Tool - see how your snippet may appear in search results.
- infogr.am - create infographics and data visualizations
- https://www341.lunapic.com/editor/
- Piktochart - visualization generator.
Video
Archiving
- Web Archive for WayBack Machine
- iipc/awesome-web-archiving
- webapps.stackexchange.com - how-to-archive-the-whole-website
- httrack.com
- https://hostadvice.com/how-to/how-to-install-apache-mysql-php-on-an-ubuntu-18-04-vps/
- https://askubuntu.com/questions/448424/unable-to-open-php-files-on-linux-platform-on-ubuntu
Wiki
Data Visualization
- rendering-data-as-graphs
- Creating a dynamic d3 visualization from the GitHub API
- Visualize GitHub Code Contribution using APP Link
- tools-visualize-github-profile/
In the first half of this book, we explored free web services that offer easy drag-and-drop tools to create interactive charts and maps, such as Google Sheets, Google My Maps, BatchGeo, Carto, and Tableau Public. But these web services have limited options for designing and customizing your visualizations, and also make you dependent on their web servers to host your work. In this second half of the book, we’ll explore how to copy, edit, and host code templates, meaning pre-written software instructions to create visualizations. With templates, no prior coding skills are necessary. You will learn how to make simple edits to insert your data, customize its appearance, and display it on the web on a site you control. - Data Visualization for All - Modify and Host Code with GitHub by Jack Dougherty & Ilya Ilyankou