{"id":12,"date":"2019-03-03T20:13:03","date_gmt":"2019-03-03T20:13:03","guid":{"rendered":"http:\/\/sorapure.net\/155b\/?page_id=12"},"modified":"2024-07-15T16:24:50","modified_gmt":"2024-07-15T16:24:50","slug":"resources","status":"publish","type":"page","link":"https:\/\/sorapure.net\/155b\/resources\/","title":{"rendered":"resources"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">PROFESSIONAL WEBSITE<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">tools<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>text editor: <a href=\"http:\/\/brackets.io\/\" target=\"_blank\" rel=\"noopener\">Brackets<\/a>  <ul><li>also recommended: <a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener\">Visual Studio Code<\/a>, <a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener\">Sublime<\/a><\/li><\/ul><\/li>\n\n\n\n<li>FTP program: <a href=\"http:\/\/cyberduck.ch\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cyberduck<\/a> <ul><li>also recommended: <a href=\"https:\/\/filezilla-project.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">FileZilla<\/a>, <a href=\"http:\/\/winscp.net\/eng\/index.php\" target=\"_blank\" rel=\"noreferrer noopener\">WinSCP<\/a><\/li><\/ul><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">HTML tutorials<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"http:\/\/htmldog.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML Dog<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/HTML\" target=\"_blank\">Learning HTML: Guides and Tutorials<\/a> at Mozilla Developer Network<\/li>\n\n\n\n<li><a href=\"https:\/\/www.codecademy.com\/catalog\/language\/html-css\">HTML &amp; CSS<\/a> at Codecademy<\/li>\n\n\n\n<li>W3C.org: <a rel=\"noreferrer noopener\" href=\"http:\/\/www.w3.org\/Style\/Examples\/011\/firstcss.en.html\" target=\"_blank\">Starting with HTML + CSS<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">HTML\/CSS templates &#8212; no drag-and-drop website builders (e.g., Wix, SquareSpace)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>free!<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/html5up.net\/\" target=\"_blank\">HTML5 UP!<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/speckyboy.com\/free-responsive-html5-web-templates\/\" target=\"_blank\" rel=\"noopener\">The 50 Best Free Responsive HTML Website Templates for 2024<\/a>, by SpeckyBoy (scroll down to Free Portfolio HTML Templates)<\/li>\n\n\n\n<li><a href=\"http:\/\/smashinghub.com\/50-free-html5-css3-templates.htm\" target=\"_blank\" rel=\"noreferrer noopener\">50 Free HTML5 CSS3 Templates<\/a>, by SmashingHub (use the demo option to see the templates before downloading)<\/li>\n\n\n\n<li><a href=\"https:\/\/themefisher.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Themefisher<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/untree.co\/\" target=\"_blank\" rel=\"noreferrer noopener\">Untree.co<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"http:\/\/templated.co\" target=\"_blank\">Templated.co<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"http:\/\/www.templatemo.com\/\" target=\"_blank\">Templatemo.com<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>$$$$!<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"http:\/\/www.templatemonster.com\/\" target=\"_blank\">Template Monster<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"http:\/\/www.dreamtemplate.com\/\" target=\"_blank\">Dream Template<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">web building resources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/pixabay.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pixabay<\/a>: photos, illustrations, videos, great stuff<\/li>\n\n\n\n<li><a href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Unsplash.com<\/a>: great collection of free, copyright-friendly photos<\/li>\n\n\n\n<li><a href=\"https:\/\/pexels.com\" target=\"_blank\" rel=\"noreferrer noopener\">Pexels<\/a>: same as Unsplash, possibly better<\/li>\n\n\n\n<li><a href=\"https:\/\/graphicburger.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Graphic Burger<\/a>: lots of graphic resources, including icons, Photoshop mockups, and other cool stuff<\/li>\n\n\n\n<li><a href=\"http:\/\/unminify.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Unminify.com<\/a>: to \u201cunminify\u201d code in the templates you download<\/li>\n\n\n\n<li><a href=\"http:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML validator<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/jigsaw.w3.org\/css-validator\/\" target=\"_blank\" rel=\"noreferrer noopener\">CSS validator<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/lipsum.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lorem Ipsum text generator<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/meettheipsums.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Meet the Ipsums<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/elfsight.com\/widgets\/\" target=\"_blank\" rel=\"noreferrer noopener\">Free Widgets<\/a>, by Elfsight<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">fonts<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Fonts<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"http:\/\/sixrevisions.com\/css\/font-face-guide\/\" target=\"_blank\">The Essential Guide to @font-face<\/a>,&nbsp;for use with the <a rel=\"noreferrer noopener\" href=\"http:\/\/www.fontsquirrel.com\/tools\/webfont-generator\" target=\"_blank\">FontSquirrel webfont kit generator<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"http:\/\/www.webdesigndev.com\/web-development\/16-gorgeous-web-safe-fonts-to-use-with-css\" target=\"_blank\">30 Gorgeous Web Safe Fonts<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">icon resources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/fonts.google.com\/icons\" target=\"_blank\" rel=\"noreferrer noopener\">Google icons<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/developers.google.com\/fonts\/docs\/material_icons\">text instructions<\/a> for using Google icons<\/li>\n\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=n9Eyp02UW_E\" target=\"_blank\" rel=\"noreferrer noopener\">video instructions<\/a> for using Google icons<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"https:\/\/thenounproject.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">The Noun Project<\/a> <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">favicon resources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.freefavicon.com\/freefavicons\/objects\/\" target=\"_blank\">Free Favicon gallery<\/a> (or do a Google search for &#8220;favicons&#8221;)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.creativebloq.com\/illustrator\/create-perfect-favicon-12112760\" target=\"_blank\" rel=\"noreferrer noopener\">How to design a favicon<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">tiling background images<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.magicpattern.design\/tools\/css-backgrounds\" target=\"_blank\" rel=\"noreferrer noopener\">CSS Background Patterns<\/a>, by Magic Pattern<\/li>\n\n\n\n<li><a href=\"https:\/\/pixabay.com\/images\/search\/seamless%20background\/\" target=\"_blank\" rel=\"noreferrer noopener\">6000+ Free Background images<\/a>, by Pixabay<\/li>\n\n\n\n<li><a href=\"https:\/\/depositphotos.com\/stock-photos\/repeating-background.html\" target=\"_blank\" rel=\"noreferrer noopener\">Repeating Background Images and Videos<\/a>, by Deposit Photos<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">responsive design<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/alistapart.com\/article\/responsive-web-design\" target=\"_blank\" rel=\"noreferrer noopener\">Responsive Web Design<\/a> (Ethan Marcotte)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3schools.com\/html\/html_responsive.asp\" target=\"_blank\" rel=\"noreferrer noopener\">HTML Respon<\/a><a href=\"https:\/\/www.w3schools.com\/html\/html_responsive.asp\">sive Web Design<\/a> (w3schools.com)<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"http:\/\/embedresponsively.com\/\" target=\"_blank\">Embed Responsively<\/a>: a handy tool if you&#8217;re embedding YouTube or other videos, or anything that comes in an iFrame<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">accessible design<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.w3.org\/WAI\/\" target=\"_blank\" rel=\"noreferrer noopener\">Web Accessibility Initiative<\/a>: lots of resources, but start here, <a href=\"https:\/\/www.w3.org\/WAI\/fundamentals\/accessibility-intro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Introduction to Web Accessibility<\/a> (W3C)<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"http:\/\/wave.webaim.org\/\" target=\"_blank\">WAVE Web Accessibility Tool<\/a><\/li>\n\n\n\n<li>download a <a rel=\"noreferrer noopener\" href=\"https:\/\/usabilitygeek.com\/10-free-screen-reader-blind-visually-impaired-users\/\" target=\"_blank\">free screen reader<\/a> to hear what your website sounds like on a screen reader<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">design &amp; coding inspiration &amp; discussion<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"http:\/\/csszengarden.com\/\" target=\"_blank\">CSS Zen Garden<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"http:\/\/www.alistapart.com\/\" target=\"_blank\">A List Apart<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"http:\/\/www.codecademy.com\/\" target=\"_blank\">Codeacademy<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/tinyjpg.com\/\" target=\"_blank\">TinyJPG<\/a>: compress your JPG and PNG files so that your site loads quickly<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">website analytics<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/analytics.google.com\/analytics\/web\/#\/\" target=\"_blank\">Google Analytics<\/a>&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">websites<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/connieyoon.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Connie Yoon<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/alexandraclee.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Alexandra Lee<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/aanyasharma.net\/\" target=\"_blank\" rel=\"noreferrer noopener\">Aanya Sharma<\/a><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">MULTIMEDIA PROJECT <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>WordPress resources<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/support\/\">tutorials and support forums<\/a> at <a href=\"https:\/\/wordpress.org\/\">WordPress.org<\/a><\/li>\n\n\n\n<li>themes:\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.com\/themes\/free\">WordPress free themes<\/a> <\/li>\n\n\n\n<li><a href=\"https:\/\/ecommerce-platforms.com\/ecommerce-resources\/20-best-ecommerce-wordpress-themes-for-2016\">20+ Best Ecommerce WordPress themes<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>good plugins:\n<ul class=\"wp-block-list\">\n<li>H5P interactive content (info <a href=\"https:\/\/h5p.org\/content-types-and-applications\">here<\/a>)<\/li>\n\n\n\n<li>Slider Hero<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Web writing guidelines<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/library.duke.edu\/about\/writing-styleguide\" target=\"_blank\" rel=\"noreferrer noopener\">Web Writing Style Guide<\/a>, by Duke University Libraries<\/li>\n\n\n\n<li><a href=\"https:\/\/www.umaryland.edu\/cpa\/toolbox\/website-manual\/prepare\/web-writing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Best Practices for Web Writing<\/a>, by University of Maryland, Baltimore<\/li>\n\n\n\n<li><a href=\"https:\/\/www.usability.gov\/how-to-and-tools\/methods\/writing-for-the-web.html\" target=\"_blank\" rel=\"noreferrer noopener\">Writing for the Web<\/a>, by Usability.gov<\/li>\n\n\n\n<li>Mailchimp Style Guide:&nbsp;<a href=\"https:\/\/styleguide.mailchimp.com\/writing-principles\/\" target=\"_blank\" rel=\"noreferrer noopener\">Writing Goals and Principles<\/a>, and&nbsp;<a href=\"https:\/\/styleguide.mailchimp.com\/voice-and-tone\/\" target=\"_blank\" rel=\"noreferrer noopener\">Voice and Tone<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">excellent WordPress sites<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/showcase\/\">WordPress.org showcase<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.vogue.com\/\">Vogue<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.rollingstone.com\/\">Rolling Stone<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.obama.org\/\">Obama Foundation<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/www.angrybirds.com\/\">Angry Birds<\/a> <\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">blogging resources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/medium.com\/@noureldin_z3r0\/how-to-write-the-perfect-blog-post-my-10-000-word-journey-7b5b38525848\">Mastering the Art of Writing a Blog Post<\/a>, Nour Eldin (Medium.com)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.wordstream.com\/blog\/ws\/2015\/02\/09\/how-to-write-a-blog-post\" target=\"_blank\" rel=\"noreferrer noopener\">How to Write an Awesome Blog Post<\/a>, Wordstream.com<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>multimedia generative AI resources<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>text<\/strong>: <a href=\"https:\/\/claude.ai\" target=\"_blank\" rel=\"noreferrer noopener\">Claude<\/a> (Anthropic); <a href=\"https:\/\/chat.openai.com\" target=\"_blank\" rel=\"noreferrer noopener\">ChatGPT<\/a> (OpenAI); <a href=\"https:\/\/www.bing.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bing<\/a> (Microsoft); <a href=\"https:\/\/gemini.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gemini<\/a> (Google); <a href=\"https:\/\/quillbot.com\" target=\"_blank\" rel=\"noreferrer noopener\">Quillbot<\/a> (paraphrasing tool); <a href=\"https:\/\/getliner.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Liner<\/a> (research helper); <a href=\"https:\/\/pi.ai\/talk\" target=\"_blank\" rel=\"noreferrer noopener\">Pi<\/a> (conversation partner)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>images<\/strong>: <a href=\"https:\/\/ideogram.ai\/t\/explore\" target=\"_blank\" rel=\"noreferrer noopener\">Ideogram<\/a>, <a href=\"https:\/\/openai.com\/dall-e-3\" target=\"_blank\" rel=\"noreferrer noopener\">DALL-E 3<\/a> (OpenAI), <a href=\"https:\/\/aitestkitchen.withgoogle.com\/tools\/image-fx\" target=\"_blank\" rel=\"noreferrer noopener\">ImageFX<\/a> (Google), <a href=\"https:\/\/www.bing.com\/images\/create\" target=\"_blank\" rel=\"noreferrer noopener\">Image Creator\/Copilot<\/a> (Microsoft Designer), <a href=\"https:\/\/dreamstudio.ai\/\" target=\"_blank\" rel=\"noreferrer noopener\">DreamStudio<\/a>, <a href=\"https:\/\/creator.nightcafe.studio\/\" target=\"_blank\" rel=\"noreferrer noopener\">NightCafe<\/a>, <a href=\"https:\/\/leonardo.ai\/\" target=\"_blank\" rel=\"noreferrer noopener\">Leonardo<\/a>, <a href=\"https:\/\/stablediffusionweb.com\/app\/image-generator\" target=\"_blank\" rel=\"noreferrer noopener\">Stable Diffusion<\/a>, <a href=\"https:\/\/www.midjourney.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Midjourney<\/a>, <a href=\"https:\/\/www.craiyon.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Craiyon AI<\/a>; <a href=\"https:\/\/remini.ai\/\" target=\"_blank\" rel=\"noreferrer noopener\">Remini<\/a>; <a href=\"https:\/\/apps.apple.com\/us\/app\/davinci-ai-image-generator\/id1630366866\" target=\"_blank\" rel=\"noreferrer noopener\">DaVinci<\/a> (app); <a href=\"https:\/\/www.canva.com\/magic-home\" target=\"_blank\" rel=\"noreferrer noopener\">Canva Magic Studio<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.zdnet.com\/article\/best-ai-image-generator\/\" target=\"_blank\" rel=\"noreferrer noopener\">Best AI Image Generators<\/a>, Zdnet<\/li>\n\n\n\n<li><a href=\"https:\/\/zapier.com\/blog\/best-ai-image-generator\/\" target=\"_blank\" rel=\"noreferrer noopener\">The Best AI Image Generators in 2024<\/a>, Zapier<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>videos<\/strong>: <a href=\"https:\/\/openai.com\/sora\" target=\"_blank\" rel=\"noreferrer noopener\">Sora<\/a> (OpenAI), <a href=\"https:\/\/invideo.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">InVideo<\/a>, <a href=\"https:\/\/elai.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elai<\/a>, <a href=\"https:\/\/runwayml.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Runway<\/a>, <a href=\"https:\/\/www.zmo.ai\/ai-text-to-video-for-sora-alternatives\/\" target=\"_blank\" rel=\"noreferrer noopener\">ZMO.ai<\/a>, <a href=\"https:\/\/lumen5.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lumen5<\/a>, <a href=\"https:\/\/emu-video.metademolab.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Emu<\/a> (Meta); <a href=\"https:\/\/www.canva.com\/magic-home\" target=\"_blank\" rel=\"noreferrer noopener\">Canva Magic Studio<\/a>; <a href=\"https:\/\/viggle.ai\/\" target=\"_blank\" rel=\"noreferrer noopener\">Viggle<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>audio<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>music generators:  <a href=\"https:\/\/app.suno.ai\/\" target=\"_blank\" rel=\"noreferrer noopener\">Suno<\/a>, <a href=\"https:\/\/www.udio.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Udio<\/a>, <a href=\"https:\/\/openai.com\/research\/musenet\" target=\"_blank\" rel=\"noreferrer noopener\">MuseNet<\/a> (OpenAI), <a href=\"https:\/\/www.stableaudio.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">StableAudio<\/a> (Stability.ai)<\/li>\n\n\n\n<li>voice generators (text to speech, some with video): <a href=\"https:\/\/www.deepbrain.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Deepbrain AI<\/a>, <a href=\"https:\/\/synthesys.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Synthesys<\/a>, <a href=\"https:\/\/lovo.ai\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lovo<\/a>, <a href=\"https:\/\/murf.ai\/\" target=\"_blank\" rel=\"noreferrer noopener\">Murf<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.techopedia.com\/ai\/best-ai-voice-generator\" target=\"_blank\" rel=\"noreferrer noopener\">The 10 Best AI Voice Generators Compared<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/medium.com\/@artturi-jalli\/ai-video-generators-14312e5bcb62\" target=\"_blank\" rel=\"noreferrer noopener\">5+ Best AI Video Generators<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>other multimedia tools<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/screenpal.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">ScreenPal<\/a>: use this or another screencasting program to create tutorial videos<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/knightlab.northwestern.edu\/\" target=\"_blank\">Knightlab<\/a>: a suite of open source tools for digital storytelling; developed for journalists and media makers, but easy to use and engaging for novice users\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/juxtapose.knightlab.com\/\" target=\"_blank\">Juxtapose<\/a>: compare two images\n<ul class=\"wp-block-list\">\n<li>try it with Goleta in <a rel=\"noreferrer noopener\" href=\"http:\/\/sorapure.net\/workshop\/goleta1994.png\" target=\"_blank\">1994<\/a> and <a rel=\"noreferrer noopener\" href=\"http:\/\/sorapure.net\/workshop\/goleta2018.png\" target=\"_blank\">2018<\/a><\/li>\n\n\n\n<li>make your own by downloading <a rel=\"noreferrer noopener\" href=\"https:\/\/www.google.com\/earth\/versions\/\" target=\"_blank\">Google Earth Pro<\/a> and selecting Historical Imagery<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"http:\/\/timeline.knightlab.com\/\" target=\"_blank\">Timeline JS<\/a>: present a story that occurs over time\n<ul class=\"wp-block-list\">\n<li>can include text, image, and video to present and analyze an event<\/li>\n\n\n\n<li>also great for an interactive resume<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/storymap.knightlab.com\/\" target=\"_blank\">Storymap<\/a>: present a story in a specific location\n<ul class=\"wp-block-list\">\n<li>try it with some <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"http:\/\/sorapure.net\/workshop\/wp-content\/uploads\/2019\/03\/goleta-images.zip\" target=\"_blank\">photos of Goleta<\/a> and this <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.youtube.com\/watch?v=vcG9cKWcW_o\" target=\"_blank\">Lemon Festival video<\/a><\/li>\n\n\n\n<li>you can also <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/storymap.knightlab.com\/gigapixel\/\" target=\"_blank\">annotate an image<\/a> (rather than a map), but you need to host the image files on  your own web server<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"http:\/\/soundcite.knightlab.com\/\" target=\"_blank\">Soundcite<\/a>: add soundclips to text\n<ul class=\"wp-block-list\">\n<li>here&#8217;s a soundclip you can use: http:\/\/sorapure.net\/guitar.mp3 (just paste this where Soundcite prompts you for an audio URL)<\/li>\n\n\n\n<li>works best with <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/wordpress.com\" target=\"_blank\">WordPress<\/a>; in other words, create the soundclips in Soundcite and attach them to text that you publish with WordPress<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"http:\/\/storyline.knightlab.com\/\" target=\"_blank\">Storyline<\/a>: attach annotations to a basic line chart to tell the story behind the numbers (still in beta but works fine)\n<ul class=\"wp-block-list\">\n<li>here&#8217;s <a aria-label=\" (opens in a new tab)\" href=\"https:\/\/cdn.knightlab.com\/libs\/storyline\/latest\/embed\/index.html?dataURL=https%3A%2F%2Fdocs.google.com%2Fspreadsheets%2Fd%2F14fDTruv3Qb0O95xIVV5_geouUazcnmPIA-9Uthq_2xk%2Fedit%23gid%3D0&amp;dataYCol=numberofminors&amp;dataXCol=year&amp;dataDateFormat=%25Y&amp;chartDateFormat=%25Y&amp;chartYLabel=numberofminors&amp;sliderCardTitleCol=title&amp;sliderCardTextCol=text\" target=\"_blank\" rel=\"noreferrer noopener\">my example<\/a> with numbers from the Professional Writing Minor<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>PROFESSIONAL WEBSITE tools HTML tutorials HTML Dog HTML\/CSS templates &#8212; no drag-and-drop website builders (e.g., Wix, SquareSpace) free! $$$$! web building resources fonts icon resources favicon resources tiling background images responsive design accessible design design &amp; coding inspiration &amp; discussion &hellip; <a href=\"https:\/\/sorapure.net\/155b\/resources\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sorapure.net\/155b\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sorapure.net\/155b\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sorapure.net\/155b\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sorapure.net\/155b\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sorapure.net\/155b\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":189,"href":"https:\/\/sorapure.net\/155b\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":1092,"href":"https:\/\/sorapure.net\/155b\/wp-json\/wp\/v2\/pages\/12\/revisions\/1092"}],"wp:attachment":[{"href":"https:\/\/sorapure.net\/155b\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}