{"id":37,"date":"2018-09-05T01:08:22","date_gmt":"2018-09-05T01:08:22","guid":{"rendered":"http:\/\/sorapure.net\/int94va\/?page_id=37"},"modified":"2020-02-24T17:25:17","modified_gmt":"2020-02-24T17:25:17","slug":"resources","status":"publish","type":"page","link":"https:\/\/sorapure.net\/int94va\/resources\/","title":{"rendered":"resources"},"content":{"rendered":"<h2>text editors<\/h2>\n<p><a href=\"http:\/\/brackets.io\" target=\"_blank\" rel=\"noopener noreferrer\">Brackets<\/a><\/p>\n<ul>\n<li>also recommended:\n<ul>\n<li>for PC: <a href=\"http:\/\/notepad-plus-plus.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Notepad++<\/a><\/li>\n<li>for Mac: <a href=\"http:\/\/www.barebones.com\/products\/bbedit\/\" target=\"_blank\" rel=\"noopener noreferrer\">BBEdit<\/a><\/li>\n<li>for both: <a href=\"http:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sublime<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2>FTP programs<\/h2>\n<p><a href=\"http:\/\/cyberduck.ch\/\" target=\"_blank\" rel=\"noopener noreferrer\">Cyberduck<\/a><\/p>\n<ul>\n<li>also recommended: <a href=\"https:\/\/filezilla-project.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">FileZilla<\/a>, <a href=\"http:\/\/winscp.net\/eng\/index.php\" target=\"_blank\" rel=\"noopener noreferrer\">WinSCP<\/a>\u00a0(for Windows)<\/li>\n<\/ul>\n<h2>Image editing programs<\/h2>\n<ul>\n<li><a href=\"https:\/\/pixlr.com\">Pixlr<\/a>: <a href=\"http:\/\/sorapure.net\/pixlrIntroTutorial.mp4\">basic tutorial<\/a> by me<\/li>\n<\/ul>\n<h2>How this stuff\u00a0works<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=oj7A2YDgIWE\" target=\"_blank\" rel=\"noopener noreferrer\">How does the Internet work?<\/a>\u00a0by Naked Science Scrapbook<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=D8c4JZW73cM\" target=\"_blank\" rel=\"noopener noreferrer\">How Websites Work<\/a>\u00a0by\u00a0Bluehost<\/li>\n<li><a href=\"http:\/\/www.networksolutions.com\/education\/you-need-private-registration\/\" target=\"_blank\" rel=\"noopener noreferrer\">5 Reasons You Need Private Domain Registration<\/a><\/li>\n<\/ul>\n<h2>HTML tutorials<\/h2>\n<p><a href=\"http:\/\/htmldog.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">HTML Dog<\/a><\/p>\n<ul>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/HTML\" target=\"_blank\" rel=\"noopener noreferrer\">Learning HTML: Guides and Tutorials<\/a> at Mozilla Developer Network<\/li>\n<li><a href=\"https:\/\/www.codecademy.com\/learn\/web\" target=\"_blank\" rel=\"noopener noreferrer\">HTML &amp; CSS<\/a> at Codecademy<\/li>\n<li>W3C.org: <a href=\"http:\/\/www.w3.org\/Style\/Examples\/011\/firstcss.en.html\" target=\"_blank\" rel=\"noopener noreferrer\">Starting with HTML + CSS<\/a><\/li>\n<li><a href=\"http:\/\/net.tutsplus.com\/tutorials\/html-css-techniques\/30-html-best-practices-for-beginners\/\" target=\"_blank\" rel=\"noopener noreferrer\">30 HTML Best Practices for Beginners<\/a><\/li>\n<li><a href=\"https:\/\/devdocs.io\" target=\"_blank\" rel=\"noopener noreferrer\">DevDocs<\/a><\/li>\n<\/ul>\n<h2>HTML\/CSS templates &#8212; no Wix, no SquareSpace!!<\/h2>\n<p><strong>free!<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/html5up.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">HTML5 UP!<\/a><\/li>\n<li><a href=\"https:\/\/colorlib.com\/wp\/cat\/portfolio\/\">ColorLib<\/a><\/li>\n<li><a href=\"http:\/\/templated.co\" target=\"_blank\" rel=\"noopener noreferrer\">Templated.co<\/a><\/li>\n<li><a href=\"http:\/\/www.templatemo.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Templatemo.com<\/a><\/li>\n<li><a href=\"http:\/\/smashinghub.com\/50-free-html5-css3-templates.htm\" target=\"_blank\" rel=\"noopener noreferrer\">Smashing Hub<\/a><\/li>\n<\/ul>\n<p><strong>$$$$!<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/www.templatemonster.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Template Monster<\/a><\/li>\n<li><a href=\"http:\/\/www.dreamtemplate.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dream Template<\/a><\/li>\n<\/ul>\n<h2>tutorials for modifying the Story template<\/h2>\n<ul>\n<li><a href=\"http:\/\/sorapure.net\/int94va\/wp-content\/uploads\/2018\/12\/modifying-story-v1.pdf\">v1<\/a><\/li>\n<li><a href=\"http:\/\/sorapure.net\/int94va\/wp-content\/uploads\/2018\/12\/modifying-story-v2.pdf\">v2<\/a><\/li>\n<li><a href=\"http:\/\/sorapure.net\/int94va\/wp-content\/uploads\/2020\/02\/modifying-story-v3.pdf\">v3<\/a><\/li>\n<\/ul>\n<h2>web building resources<\/h2>\n<ul>\n<li><a href=\"https:\/\/unsplash.com\">Unsplash.com<\/a>: great collection of free, copyright-friendly photos<\/li>\n<li><a href=\"https:\/\/graphicburger.com\/\">Graphic Burger<\/a>: lots of graphic resources, including icons, Photoshop mockups, and other cool stuff<\/li>\n<li><a href=\"http:\/\/unminify.com\" target=\"_blank\" rel=\"noopener noreferrer\">Unminify.com<\/a>: to &#8220;unminify&#8221; code in the templates you download<\/li>\n<li><a href=\"http:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">HTML validator<\/a><\/li>\n<li><a href=\"http:\/\/jigsaw.w3.org\/css-validator\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS validator<\/a><\/li>\n<li><a href=\"http:\/\/lipsum.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Lorem Ipsum text generator<\/a><\/li>\n<li><a href=\"http:\/\/meettheipsums.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Meet the Ipsums<\/a><\/li>\n<\/ul>\n<h2>fonts<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.google.com\/fonts\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Fonts<\/a><\/li>\n<li><a href=\"http:\/\/sixrevisions.com\/css\/font-face-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Essential Guide to @font-face<\/a>,\u00a0for use with the <a href=\"http:\/\/www.fontsquirrel.com\/tools\/webfont-generator\" target=\"_blank\" rel=\"noopener noreferrer\">FontSquirrel webfont kit generator<\/a><\/li>\n<li><a href=\"http:\/\/www.webdesigndev.com\/web-development\/16-gorgeous-web-safe-fonts-to-use-with-css\" target=\"_blank\" rel=\"noopener noreferrer\">30 Gorgeous Web Safe Fonts<\/a><\/li>\n<li><a href=\"https:\/\/www.indiegogo.com\/projects\/futuracha-pro-design#\/\" target=\"_blank\" rel=\"noopener noreferrer\">Futuracha<\/a>: not for the web, but it&#8217;s fabulous<\/li>\n<\/ul>\n<h2>icon resources<\/h2>\n<ul>\n<li><a href=\"https:\/\/material.io\/icons\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google icons<\/a><\/li>\n<li><a href=\"https:\/\/fontawesome.com\/icons?d=gallery\" target=\"_blank\" rel=\"noopener noreferrer\">Font Awesome icons<\/a><\/li>\n<\/ul>\n<p>Other ways to generate icons:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.w3schools.com\/css\/css_icons.asp\" target=\"_blank\" rel=\"noopener noreferrer\">CSS icons<\/a>\u00a0at W3Schools.com<\/li>\n<li><a href=\"https:\/\/glyphter.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Glyphter<\/a>: a tool to generate and download your own free icon font<\/li>\n<\/ul>\n<h2>favicon resources<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.freefavicon.com\/freefavicons\/objects\/\" target=\"_blank\" rel=\"noopener noreferrer\">Free Favicon gallery<\/a><\/li>\n<li><a href=\"https:\/\/www.freefavicon.com\/category\/great-favicons\/\" target=\"_blank\" rel=\"noopener noreferrer\">Great Favicons<\/a><\/li>\n<\/ul>\n<h2>tiling background images<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.grsites.com\/archive\/textures\/\" target=\"_blank\" rel=\"noopener noreferrer\">Background textures and patterns library<\/a>: tons of options, plus you can generate stripes or gradients or text backgrounds<\/li>\n<li><a href=\"http:\/\/bgpatterns.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">BG Patterns<\/a>: generate a tiling background out of a small image\/icon<\/li>\n<\/ul>\n<h2>responsive design<\/h2>\n<ul>\n<li><a href=\"https:\/\/alistapart.com\/article\/responsive-web-design\">Responsive Web Design<\/a> (Ethan Marcotte)<\/li>\n<li><a href=\"https:\/\/alistapart.com\/topic\/responsive-design\">Responsive Design<\/a> (articles at A List Apart)<\/li>\n<li><a href=\"https:\/\/www.w3schools.com\/html\/html_responsive.asp\">HTML Responsive Web Design<\/a> (w3schools.com)<\/li>\n<li><a href=\"http:\/\/embedresponsively.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">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<h2>accessible design<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.w3.org\/WAI\/\">Web Accessibility Initiative<\/a>\u00a0:lots of resources, but start here,\u00a0<a href=\"https:\/\/www.w3.org\/WAI\/fundamentals\/accessibility-intro\/\">Introduction to Web Accessibility<\/a> (W3C)<\/li>\n<li><a href=\"https:\/\/alistapart.com\/topic\/accessibility\">Accessibility<\/a> (articles at A List Apart)<\/li>\n<li><a href=\"https:\/\/medium.com\/salesforce-ux\/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b\">7 Things every designer needs to know about accessibility<\/a> (Jesse Hausler @ medium.com)<\/li>\n<li><a href=\"http:\/\/wave.webaim.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">WAVE Web Accessibility Tool<\/a><\/li>\n<li>download a <a href=\"https:\/\/usabilitygeek.com\/10-free-screen-reader-blind-visually-impaired-users\/\" target=\"_blank\" rel=\"noopener noreferrer\">free screen reader<\/a> to hear what your website sounds like on a screen reader<\/li>\n<\/ul>\n<h2>design &amp; coding inspiration &amp; discussion<\/h2>\n<ul>\n<li><a href=\"https:\/\/frankchimero.com\/writing\/the-webs-grain\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Web&#8217;s Grain<\/a>, by Frank Chimero<\/li>\n<li><a href=\"https:\/\/alistapart.com\/article\/priority-guides-a-content-first-alternative-to-wireframes\" target=\"_blank\" rel=\"noopener noreferrer\">Priority guides: A Content-first alternative to wireframes<\/a><\/li>\n<li><a href=\"http:\/\/csszengarden.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS Zen Garden<\/a><\/li>\n<li><a href=\"http:\/\/www.alistapart.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">A List Apart<\/a><\/li>\n<li><a href=\"http:\/\/www.codecademy.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Codeacademy<\/a><\/li>\n<li><a href=\"http:\/\/www.expertise.com\/easy-steps-to-create-a-beautiful-design-portfolio\/\" target=\"_blank\" rel=\"noopener noreferrer\">Easy steps to create a design portfolio<\/a><\/li>\n<li><a href=\"https:\/\/tinyjpg.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">TinyJPG<\/a>: compress your JPG and PNG files so that your site loads quickly<\/li>\n<li><a href=\"https:\/\/stackoverflow.com\/questions\/291813\/recommended-way-to-embed-pdf-in-html\" target=\"_blank\" rel=\"noopener noreferrer\">embedding a PDF in a webpage<\/a> (not a great idea, but if you&#8217;re going to do it this method looks good)<\/li>\n<\/ul>\n<h2>website analytics<\/h2>\n<ul>\n<li><a href=\"https:\/\/analytics.google.com\/analytics\/web\/#\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Analytics<\/a>\u00a0and <a href=\"https:\/\/support.google.com\/analytics#topic=3544906\" target=\"_blank\" rel=\"noopener noreferrer\">instructions on setting up Google Analytics<\/a><\/li>\n<li><a href=\"http:\/\/www.labsmedia.com\/clickheat\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">ClickHeat<\/a> (free, open source)<\/li>\n<li><a href=\"http:\/\/browsershots.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Browser Shots<\/a> (sign up, submit your URL, and check back later for screenshots in different browsers)<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>text editors Brackets also recommended: for PC: Notepad++ for Mac: BBEdit for both: Sublime FTP programs Cyberduck also recommended: FileZilla, WinSCP\u00a0(for Windows) Image editing programs Pixlr: basic tutorial by me How this stuff\u00a0works How does the Internet work?\u00a0by Naked Science &hellip; <a href=\"https:\/\/sorapure.net\/int94va\/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-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":13,"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":280,"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/pages\/37\/revisions\/280"}],"wp:attachment":[{"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}