<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
     xmlns:content="http://purl.org/rss/1.0/modules/content/"
     xmlns:dc="https://purl.org/dc/elements/1.1/"
     xmlns:dcterms="http://purl.org/dc/terms/"
     xmlns:media="http://search.yahoo.com/mrss/"
     xmlns:atom="http://www.w3.org/2005/Atom"
>
    <channel>
                    <atom:link href="https://www.imore.com/feeds/tag/coding-corner" rel="self" type="application/rss+xml" />
                            <title><![CDATA[ Latest from IMore in Coding-corner ]]></title>
                <link>https://www.imore.com/coding-corner</link>
        <description><![CDATA[ All the latest coding-corner content from the IMore team ]]></description>
                                    <lastBuildDate>Sat, 14 Mar 2020 18:00:00 +0000</lastBuildDate>
                            <language>en</language>
                                <item>
                                                            <title><![CDATA[ 5 easy steps to getting started using Raspberry Pi ]]></title>
                                                                                                                                                                                                <link>https://www.imore.com/how-get-started-using-raspberry-pi</link>
                                                                            <description>
                            <![CDATA[ The Raspberry Pi is a mini computer that was specifically created to make tech learning easier. Celebrate Pi Day by learning how to set one up. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">fLsVwR3zp64jnYRHZN1zsy</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/j4LMJJgGDxSFhBm92CRKNW-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Sat, 14 Mar 2020 18:00:00 +0000</pubDate>                                                                                                                                <updated>Sat, 14 Mar 2020 18:01:42 +0000</updated>
                                                                                                                                            <category><![CDATA[Coding Corner]]></category>
                                                    <category><![CDATA[Raspberry Pi]]></category>
                                                    <category><![CDATA[Help &amp; How To]]></category>
                                                                                                                    <dc:creator><![CDATA[ Lory Gil ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/otk62WUPCUTMgWYbGa8oia.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/j4LMJJgGDxSFhBm92CRKNW-1280-80.jpg">
                                                            <media:credit><![CDATA[Verbatim]]></media:credit>
                                                                                                                                                                        <media:description><![CDATA[Ejecting SD card ]]></media:description>                                                            <media:text><![CDATA[Ejecting SD card ]]></media:text>
                                <media:title type="plain"><![CDATA[Ejecting SD card ]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/j4LMJJgGDxSFhBm92CRKNW-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>March 14 is known as <strong>Pi Day</strong> because the date represents the first three numbers in the mathematical constant π (3.14). We're celebrating with our coverage of everything Raspberry Pi related. If you've never even thought of what HTML means, you can still create amazing gadgets using Raspberry Pi and a bit of imagination.</p><section class="article__schema-question"><h3>What you'll need to get started with Raspberry Pi</h3><article class="article__schema-answer"></article></section><ul><li>The Pi: <a href="https://www.amazon.com/ELEMENT-Element14-Raspberry-Pi-Motherboard/dp/B07BDR5PDW/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" title="" rel="nofollow" target="_blank" class="speciallink">Raspberry Pi 3 Model B+</a> ($47 at Amazon)</li><li>For downloading the software: <a href="https://www.amazon.com/SanDisk-Ultra-UHS-I-Memory-Adapter/dp/B00M55C0NS/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" title="" rel="nofollow" target="_blank" class="speciallink">SanDisk Ultra 32GB microSD card</a> ($8 at Amazon)</li><li>For adapting the microSD card to your computer: <a href="https://www.amazon.com/SanDisk-MobileMate-microSD-Card-Reader/dp/B07G5JV2B5/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" title="" rel="nofollow" target="_blank" class="speciallink">SanDisk Mobile Mate microSD card reader</a> ($13 at Amazon)</li><li>The power supply: <a href="https://www.amazon.com/CanaKit-Raspberry-Supply-Adapter-Charger/dp/B00MARDJZ4/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" title="" rel="nofollow" target="_blank" class="speciallink">CanaKit 5V Raspberry Pi Power supply</a> ($10 at Amazon)</li><li>You'll need this to type: <a href="https://www.amazon.com/dp/B017M4IX8W/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" title="" rel="nofollow" target="_blank" class="speciallink">Verbatim Slimline Keyboard</a> ($10 at Amazon)</li><li>For pointing & clicking: <a href="https://www.amazon.com/Logitech-800dpi-Optical-3-button-Ambidextrous/dp/B003L62T7W/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" title="" rel="nofollow" target="_blank" class="speciallink">Logitech B100</a> ($10 at Amazon)</li><li>The monitor connector: <a href="https://www.amazon.com/AmazonBasics-High-Speed-HDMI-Cable-1-Pack/dp/B014I8SSD0?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" title="" rel="nofollow" target="_blank" class="speciallink">AmazonBasics HDMI</a></li><li>For internet hardwire: <a href="https://www.amazon.com/AmazonBasics-RJ45-Cat-6-Ethernet-Patch-Cable-5-Feet-1-5-Meters/dp/B00N2VILDM/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" title="" rel="nofollow" target="_blank" class="speciallink">AmazonBasics Ethernet cable</a></li></ul><p>You'll also need a monitor or TV that accepts either HDMI or composite video input. HDMI works best, but composite video is workable. Many Raspberry Pi projects use an internet connection, so you'll also want a Wi-Fi dongle or ethernet cable.</p><h2 id="how-to-reformat-your-microsd-card">How to reformat your microSD card</h2><ol start="1"><li>Insert your <strong>microSD card</strong> into the USB card reader.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="eBW7ViXYrBtwjMNPBMjCzT" name="" alt="microSD card reader" src="https://cdn.mos.cms.futurecdn.net/eBW7ViXYrBtwjMNPBMjCzT.jpg" mos="https://cdn.mos.cms.futurecdn.net/eBW7ViXYrBtwjMNPBMjCzT.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/eBW7ViXYrBtwjMNPBMjCzT.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Micro SD card reader </span></figcaption></figure><ol start="2"><li>Connect the <strong>card reader</strong> to your computer.</li><li>Download <a href="https://www.sdcard.org/downloads/formatter/index.html">SD Formatter 5.0.1</a>.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="DQNsc7nryZbTkQiYfntGQW" name="" alt="Download SDFormatter" src="https://cdn.mos.cms.futurecdn.net/DQNsc7nryZbTkQiYfntGQW.jpg" mos="https://cdn.mos.cms.futurecdn.net/DQNsc7nryZbTkQiYfntGQW.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/DQNsc7nryZbTkQiYfntGQW.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Download SDFormatter </span></figcaption></figure><ol start="4"><li>Double-click on <strong>Install SD Card Formatter 5.0.1.mpkg</strong> in your <strong>downloads folder</strong> in your <strong>Dock</strong> to install SD Formatter 5.0.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="4FeBMZnaPSY3f96mTfJAGG" name="" alt="Open SDFormatter installer" src="https://cdn.mos.cms.futurecdn.net/4FeBMZnaPSY3f96mTfJAGG.jpg" mos="https://cdn.mos.cms.futurecdn.net/4FeBMZnaPSY3f96mTfJAGG.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/4FeBMZnaPSY3f96mTfJAGG.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Open SDFormatter installer </span></figcaption></figure><ol start="5"><li>Follow the instructions in the installation window.</li><li>Click the <strong>Launchpad</strong> icon in your Dock. It looks like a silver rocket ship.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mbq7NmycoPgnmQrzApi65S" name="" alt="Launchpad" src="https://cdn.mos.cms.futurecdn.net/mbq7NmycoPgnmQrzApi65S.jpg" mos="https://cdn.mos.cms.futurecdn.net/mbq7NmycoPgnmQrzApi65S.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/mbq7NmycoPgnmQrzApi65S.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Launchpad </span></figcaption></figure><ol start="7"><li>Find the <strong>SD Formatter 5.0.1</strong> app.</li><li>To move between Launchpad windows, click the <strong>Next Page</strong> icons at the bottom center of the screen, or swipe to the right or left with your trackpad or Magic Mouse.</li><li>Click on the <strong>SD Formatter 5.0.1</strong> app to open it. A formatting window will appear on your desktop.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="gWo4WdtNyZ2yp79VzJznJ4" name="" alt="Finding apps in Launchpad" src="https://cdn.mos.cms.futurecdn.net/gWo4WdtNyZ2yp79VzJznJ4.jpg" mos="https://cdn.mos.cms.futurecdn.net/gWo4WdtNyZ2yp79VzJznJ4.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/gWo4WdtNyZ2yp79VzJznJ4.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Finding apps in Launchpad </span></figcaption></figure><ol start="10"><li>Under <strong>Select Card</strong> select your microSD card from the dropdown menu.</li><li>Click <strong>Format</strong> in the bottom right corner.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mzdHifhLDrVe542vwnFTe3" name="" alt="Setting up SDFormatter" src="https://cdn.mos.cms.futurecdn.net/mzdHifhLDrVe542vwnFTe3.jpg" mos="https://cdn.mos.cms.futurecdn.net/mzdHifhLDrVe542vwnFTe3.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/mzdHifhLDrVe542vwnFTe3.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Setting up SDFormatter </span></figcaption></figure><p>When the reformat is complete, you will get a notification window. Select <strong>OK</strong> to close the window. Your microSD card is now ready to install the operating system to the Raspberry Pi.</p><h2 id="how-to-download-noobs-onto-the-microsd-card">How to Download NOOBS onto the microSD card</h2><ol start="1"><li>Download the ZIP file of <a href="https://www.raspberrypi.org/downloads/noobs/">NOOBS Version 3.3.1</a>. It is a large file and will take a while to complete. You will want Raspbian, so do not download NOOBS Lite.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="VdwTBBFqnEZ6ZcwfurPujV" name="" alt="Download NOOBS" src="https://cdn.mos.cms.futurecdn.net/VdwTBBFqnEZ6ZcwfurPujV.jpg" mos="https://cdn.mos.cms.futurecdn.net/VdwTBBFqnEZ6ZcwfurPujV.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/VdwTBBFqnEZ6ZcwfurPujV.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Download NOOBS </span></figcaption></figure><ol start="2"><li>Double-click on the NOOBS file from the <strong>Downloads folder</strong> in your <strong>Dock</strong> to open it.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="x3qdHcHNqns5BYdFkAVRzL" name="" alt="Open NOOBS file" src="https://cdn.mos.cms.futurecdn.net/x3qdHcHNqns5BYdFkAVRzL.jpg" mos="https://cdn.mos.cms.futurecdn.net/x3qdHcHNqns5BYdFkAVRzL.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/x3qdHcHNqns5BYdFkAVRzL.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Open NOOBS file </span></figcaption></figure><ol start="3"><li>Select the <strong>first file</strong> inside the NOOBS folder.</li><li>Scroll down and Shift + left-click on the <strong>last file</strong> in the NOOBS folder.</li><li>Drag and drop all selected NOOBS files into the <strong>SD card icon</strong> on your desktop. You don't have to open the SD card drive.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="d3MCi9aqQArb4UBY6JToRW" name="" alt="Dragging NOOBS files to SD card" src="https://cdn.mos.cms.futurecdn.net/d3MCi9aqQArb4UBY6JToRW.png" mos="https://cdn.mos.cms.futurecdn.net/d3MCi9aqQArb4UBY6JToRW.png" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/d3MCi9aqQArb4UBY6JToRW.png' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Dragging NOOBS files to SD card </span></figcaption></figure><ol start="6"><li>Right-click on the <strong>SD card icon</strong>.</li><li>Select <strong>"Eject [SD Card Name]"</strong>.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="FFwAogj7NfG3qR9TuHPQJG" name="" alt="Ejecting SD card" src="https://cdn.mos.cms.futurecdn.net/FFwAogj7NfG3qR9TuHPQJG.png" mos="https://cdn.mos.cms.futurecdn.net/FFwAogj7NfG3qR9TuHPQJG.png" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/FFwAogj7NfG3qR9TuHPQJG.png' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Ejecting SD card  </span></figcaption></figure><ol start="8"><li>Remove the card reader from your computer.</li><li>Remove the microSD card from the card reader.</li></ol><p>Now that NOOBS is loaded onto your microSD card, you're ready to set up your Raspberry Pi.</p><h2 id="set-up-your-raspberry-pi">Set up your Raspberry Pi</h2><ol start="1"><li>Insert the <strong>microSD card</strong> into the card slot on the underside of the Raspberry Pi.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="wQTQDyvtUSvKbUea7FP8F6" name="" alt="Inserting the microSD card into Raspberry Pi" src="https://cdn.mos.cms.futurecdn.net/wQTQDyvtUSvKbUea7FP8F6.jpg" mos="https://cdn.mos.cms.futurecdn.net/wQTQDyvtUSvKbUea7FP8F6.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/wQTQDyvtUSvKbUea7FP8F6.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Inserting the micro SD card into Raspberry Pi </span></figcaption></figure><ol start="2"><li>Plug the <strong>USB keyboard</strong> into one of the USB ports.</li><li>Plug the <strong>USB mouse</strong> into one of the USB portsAlternatively, connect the <strong>Bluetooth adapter</strong> into one of the USB ports.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Fi9qYZ5Le5uw8HCmutEXkJ" name="" alt="Keyboard and mouse connected" src="https://cdn.mos.cms.futurecdn.net/Fi9qYZ5Le5uw8HCmutEXkJ.jpg" mos="https://cdn.mos.cms.futurecdn.net/Fi9qYZ5Le5uw8HCmutEXkJ.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/Fi9qYZ5Le5uw8HCmutEXkJ.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Keyboard and mouse connected </span></figcaption></figure><ol start="4"><li>Turn on your <strong>monitor or TV set</strong> and make sure it is set to the proper input (e.g. HDMI 1 or Component)</li><li>Plug the <strong>HDMI or video component cable</strong> into the monitor or TV set.</li><li>Connect the other end of the cable into the Raspberry Pi.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="CJfrWwHwqTPVuuxeypSkkR" name="" alt="Connecting the HDMI cable to Raspberry Pi" src="https://cdn.mos.cms.futurecdn.net/CJfrWwHwqTPVuuxeypSkkR.jpg" mos="https://cdn.mos.cms.futurecdn.net/CJfrWwHwqTPVuuxeypSkkR.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/CJfrWwHwqTPVuuxeypSkkR.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Connecting the HDMI cable to Raspberry Pi </span></figcaption></figure><ol start="7"><li>Connect an <strong>ethernet cable</strong> to your router if you plan to connect to the Internet.</li><li>Connect the other end of the cable to your Raspberry Pi.Alternately, connect the <strong>Wi-Fi adapter</strong> to the Raspberry Pi.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="yj87RwAJaUHSij6AjosRNA" name="" alt="Connecting ethernet cable to Raspberry Pi" src="https://cdn.mos.cms.futurecdn.net/yj87RwAJaUHSij6AjosRNA.jpg" mos="https://cdn.mos.cms.futurecdn.net/yj87RwAJaUHSij6AjosRNA.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/yj87RwAJaUHSij6AjosRNA.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Connecting ethernet cable to Raspberry Pi </span></figcaption></figure><ol start="9"><li>Connect the <strong>power supply</strong> to the Raspberry Pi.</li><li>Plug the power supply into the <strong>power outlet</strong>. This will turn on and boot up Raspberry Pi. A power indicator light will begin to glow, letting you know that you are connected.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="PYM8jubysQDV8hRKTeeGwM" name="" alt="Power indicator on Raspberry Pi" src="https://cdn.mos.cms.futurecdn.net/PYM8jubysQDV8hRKTeeGwM.jpg" mos="https://cdn.mos.cms.futurecdn.net/PYM8jubysQDV8hRKTeeGwM.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/PYM8jubysQDV8hRKTeeGwM.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Power indicator on Raspberry Pi </span></figcaption></figure><p>A start screen should appear on the monitor or TV you're using.</p><h2 id="download-the-raspbian-operating-system-on-the-raspberry-pi">Download the Raspbian operating system on the Raspberry Pi</h2><ol start="1"><li>Select <strong>Raspbian</strong>.</li><li>Click <strong>Install</strong>.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="axcw7qFTQo3buJkt35BfMA" name="" alt="Installing Raspbian" src="https://cdn.mos.cms.futurecdn.net/axcw7qFTQo3buJkt35BfMA.jpg" mos="https://cdn.mos.cms.futurecdn.net/axcw7qFTQo3buJkt35BfMA.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/axcw7qFTQo3buJkt35BfMA.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Installing Raspbian </span></figcaption></figure><ol start="3"><li>When the warning window pops up. Click <strong>Yes</strong> to confirm. This is just letting you know that the microSD card will be overwritten with an uncompressed version of the Raspbian operating system.</li><li>Wait for the installation process to complete.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="EcpVP2TYtny4rrbTpvxE44" name="" alt="Raspberry Pi warning" src="https://cdn.mos.cms.futurecdn.net/EcpVP2TYtny4rrbTpvxE44.jpg" mos="https://cdn.mos.cms.futurecdn.net/EcpVP2TYtny4rrbTpvxE44.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/EcpVP2TYtny4rrbTpvxE44.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Raspberry Pi warning </span></figcaption></figure><p>Once the installation process is finished, Raspbian will automatically begin to boot.</p><h2 id="configure-your-raspberry-pi">Configure your Raspberry Pi</h2><ol start="1"><li>Click <strong>Menu</strong> in the upper left corner of the screen.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="PjyvSoi9zvfyFL39PTHUef" name="" alt="Selecting Menu" src="https://cdn.mos.cms.futurecdn.net/PjyvSoi9zvfyFL39PTHUef.jpg" mos="https://cdn.mos.cms.futurecdn.net/PjyvSoi9zvfyFL39PTHUef.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/PjyvSoi9zvfyFL39PTHUef.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Selecting Menu </span></figcaption></figure><ol start="2"><li>Select <strong>Preferences</strong> in the dropdown menu.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="FK76ituwLgEvL7rRuuQDWj" name="" alt="Selecting Preferences" src="https://cdn.mos.cms.futurecdn.net/FK76ituwLgEvL7rRuuQDWj.jpg" mos="https://cdn.mos.cms.futurecdn.net/FK76ituwLgEvL7rRuuQDWj.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/FK76ituwLgEvL7rRuuQDWj.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Selecting Preferences </span></figcaption></figure><ol start="3"><li>Select <strong>Raspberry Pi Configuration</strong> under Preferences.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="sGq6xsnskYWd7fZcWcGTdP" name="" alt="Selecting reconfig in Raspberry Pi" src="https://cdn.mos.cms.futurecdn.net/sGq6xsnskYWd7fZcWcGTdP.jpg" mos="https://cdn.mos.cms.futurecdn.net/sGq6xsnskYWd7fZcWcGTdP.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Selecting reconfig in Raspberry Pi </span></figcaption></figure><ol start="4"><li>When the configuration window appears, click on the <strong>Localisation</strong> tab.</li><li>Click on <strong>Set Locale…</strong> to set your location.</li><li>Click on <strong>Set timezone…</strong> to set your local time.</li><li>Click on <strong>Set Keyboard…</strong> to set your keyboard language.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Fn2MweY6YwJL6Tu4g3vzSL" name="" alt="Setting Localization for Raspberry Pi" src="https://cdn.mos.cms.futurecdn.net/Fn2MweY6YwJL6Tu4g3vzSL.jpg" mos="https://cdn.mos.cms.futurecdn.net/Fn2MweY6YwJL6Tu4g3vzSL.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Setting Localization for Raspberry Pi </span></figcaption></figure><ol start="8"><li>Reconfiguring your Raspberry Pi will require a reboot. When the reboot window appears, click <strong>Yes</strong> to continue.</li></ol><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="QhsDH6WX5qXirxQRdc4nsY" name="" alt="Rebooting Raspberry Pi" src="https://cdn.mos.cms.futurecdn.net/QhsDH6WX5qXirxQRdc4nsY.jpg" mos="https://cdn.mos.cms.futurecdn.net/QhsDH6WX5qXirxQRdc4nsY.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/QhsDH6WX5qXirxQRdc4nsY.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Rebooting Raspberry Pi </span></figcaption></figure><p>You are set up and ready to start using Raspberry Pi. The mini computing world is your oyster. The only question now is, what project will you build?</p><h2 id="what-you-39-ll-need-to-get-started">What you'll need to get started</h2><p>Of course to get started with the Raspberry Pi, you'll need to pick from one of the various motherboards available.</p>        <div class="featured_product_block featured_block_horizontal" data-id="2bda3b29-36c4-4a4f-94f4-ad8990f0fabd">            <a href="https://www.amazon.com/ELEMENT-Element14-Raspberry-Pi-Motherboard/dp/B07BDR5PDW?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" data-model-name="Raspberry Pi 3 B+ Motherboard" data-model-brand="" ><div class='product-image-widthsetter'><p class='vanilla-image-block' data-bordeaux-image-check style='padding-top:56.25%';><img style="width: 100%" class="featured_image" src="https://cdn.mos.cms.futurecdn.net/GvmvWqz9mJHTYu6XDhnM7b.jpg" alt="Raspberry Pi 3 B+"></p></div></a>            <div class="featured_product_details_wrapper">                <div class="featured_product_title_wrapper">                    <span class='featured__label horizontal__label'>The Raspberry Pi</span>                                                            <div class="featured__title">Raspberry Pi 3 B+ Motherboard</div>                                    </div>                <div class="subtitle__description">                                                            <p><p><strong><em>The platform for the DIY mini-computer.</em></strong><br/></p><p>The Raspberry Pi is a mini-computer that allows you to build all sorts of custom projects, such as learning to build your own computing hardware or getting started with programming languages like Python or Scratch. It comes with no peripherals, meaning that the Raspberry Pi will be exactly what you make of it.</p></p>                </div>                            </div>        </div><p>The Raspberry Pi 3 B+ is the most flexible iterations of the do-it-yourself computer. It includes ports four USB-A ports, an ethernet jack, a microSD card slot, micro-USB for power, HDMI out, as well as connections for Wi-Fi and Bluetooth antennas.</p><section class="article__schema-question"><h3>Other things you'll need</h3><article class="article__schema-answer"></article></section><p>While the Raspberry Pi is obviously the star of the show as far as equipment is concerned, you'll also need a microSD card and reader, a power supply, a keyboard, and a mouse.</p><a href="https://www.amazon.com/SanDisk-Ultra-UHS-I-Memory-Adapter/dp/B00M55C0NS/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" rel="nofollow" target="_blank"><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="U6zwsBmj4yb8WAici7aCp" name="" alt="SanDisk Ultra 32GB microSD card" src="https://cdn.mos.cms.futurecdn.net/U6zwsBmj4yb8WAici7aCp.jpg" mos="https://cdn.mos.cms.futurecdn.net/U6zwsBmj4yb8WAici7aCp.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">SanDisk Ultra 32GB microSD card </span></figcaption></figure></a><p><strong><a href="https://www.amazon.com/SanDisk-Ultra-UHS-I-Memory-Adapter/dp/B00M55C0NS/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" rel="nofollow" target="_blank" class="speciallink">SanDisk Ultra 32GB microSD card</a> <span>($8 at Amazon)</span></strong></p><p>You'll need a micrSD card onto which to install NOOBS, a crucial part of setting up your Pi.</p><a href="https://www.amazon.com/SanDisk-MobileMate-microSD-Card-Reader/dp/B07G5JV2B5/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" rel="nofollow" target="_blank"><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="YTRo8d7YoyEuqUQrZLS6sE" name="" alt="SanDisk Mobile Mate microSD" src="https://cdn.mos.cms.futurecdn.net/YTRo8d7YoyEuqUQrZLS6sE.jpg" mos="https://cdn.mos.cms.futurecdn.net/YTRo8d7YoyEuqUQrZLS6sE.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">SanDisk Mobile Mate microSD </span></figcaption></figure></a><p><strong><a href="https://www.amazon.com/SanDisk-MobileMate-microSD-Card-Reader/dp/B07G5JV2B5/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" rel="nofollow" target="_blank" class="speciallink">SanDisk Mobile Mate microSD card reader</a> <span>($13 at Amazon)</span></strong></p><p>You'll need to use a microSD card reader to load NOOBS from your Mac onto your microSD card.</p><a href="https://www.amazon.com/CanaKit-Raspberry-Supply-Adapter-Charger/dp/B00MARDJZ4?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" rel="nofollow" target="_blank"><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="cLhrvPRuESp8szRtuWxs3M" name="" alt="CanaKit Power Supply" src="https://cdn.mos.cms.futurecdn.net/cLhrvPRuESp8szRtuWxs3M.jpg" mos="https://cdn.mos.cms.futurecdn.net/cLhrvPRuESp8szRtuWxs3M.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">CanaKit Power Supply </span></figcaption></figure></a><p><strong><a href="https://www.amazon.com/CanaKit-Raspberry-Supply-Adapter-Charger/dp/B00MARDJZ4?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" rel="nofollow" target="_blank" class="speciallink">CanaKit 5V 2.5A Raspberry Pi Power Supply</a> <span>($10 at Amazon)</span></strong></p><p>This micro-USB power supply is just what you'll need to get your Raspberry Pi up and running.</p><a href="https://www.amazon.com/dp/B017M4IX8W/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" rel="nofollow" target="_blank"><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8852qcuGViUYPQHRwJS7Zj" name="" alt="Verbatim Slimline Keyboard" src="https://cdn.mos.cms.futurecdn.net/8852qcuGViUYPQHRwJS7Zj.jpg" mos="https://cdn.mos.cms.futurecdn.net/8852qcuGViUYPQHRwJS7Zj.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Verbatim Slimline Keyboard </span><span class="credit" itemprop="copyrightHolder">(Image credit: Verbatim)</span></figcaption></figure></a><p><strong><a href="https://www.amazon.com/dp/B017M4IX8W/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" rel="nofollow" target="_blank" class="speciallink">Verbatim Slimline Keyboard</a> <span>($10 at Amazon)</span></strong></p><p>A basic wireless keyboard that you'll need when you start using your Raspberry Pi.</p><a href="https://www.amazon.com/AmazonBasics-High-Speed-HDMI-Cable-1-Pack/dp/B014I8SSD0?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" rel="nofollow" target="_blank"><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="bMbTUqVMvh2XRPjDRBq8SB" name="" alt="Amazonbasics Hdmi Cable" src="https://cdn.mos.cms.futurecdn.net/bMbTUqVMvh2XRPjDRBq8SB.jpg" mos="https://cdn.mos.cms.futurecdn.net/bMbTUqVMvh2XRPjDRBq8SB.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Amazonbasics Hdmi Cable </span><span class="credit" itemprop="copyrightHolder">(Image credit: Amazon)</span></figcaption></figure></a><p><strong><a href="https://www.amazon.com/AmazonBasics-High-Speed-HDMI-Cable-1-Pack/dp/B014I8SSD0?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" rel="nofollow" target="_blank" class="speciallink">AmazonBasics HDMI Cable</a> <span>($7 at Amazon)</span></strong></p><p>To connect your Rasberry Pi to a monitor. A USB-A cable would also work, depending on your monitor's port options.</p><a href="https://www.amazon.com/Logitech-800dpi-Optical-3-button-Ambidextrous/dp/B003L62T7W/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" rel="nofollow" target="_blank"><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mvtJdWhRf7qJpN7jJQPgcA" name="" alt="Logitech B100" src="https://cdn.mos.cms.futurecdn.net/mvtJdWhRf7qJpN7jJQPgcA.jpg" mos="https://cdn.mos.cms.futurecdn.net/mvtJdWhRf7qJpN7jJQPgcA.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Logitech B100 </span></figcaption></figure></a><p><strong><a href="https://www.amazon.com/Logitech-800dpi-Optical-3-button-Ambidextrous/dp/B003L62T7W/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" rel="nofollow" target="_blank" class="speciallink">Logitech B100</a> <span>($10 at Amazon)</span></strong></p><p>A standard, cheap USB mouse for your pointing and clicking needs.</p><a href="https://www.amazon.com/AmazonBasics-RJ45-Cat-6-Ethernet-Patch-Cable-5-Feet-1-5-Meters/dp/B00N2VILDM/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" rel="nofollow" target="_blank"><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="fdndw39Qq5tWLi8eu7vFYR" name="" alt="Amazonbasics Ethernet Cable" src="https://cdn.mos.cms.futurecdn.net/fdndw39Qq5tWLi8eu7vFYR.jpg" mos="https://cdn.mos.cms.futurecdn.net/fdndw39Qq5tWLi8eu7vFYR.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div><figcaption itemprop="caption description" class=""><span class="caption-text">Amazonbasics Ethernet Cable </span><span class="credit" itemprop="copyrightHolder">(Image credit: Amazon)</span></figcaption></figure></a><p><strong><a href="https://www.amazon.com/AmazonBasics-RJ45-Cat-6-Ethernet-Patch-Cable-5-Feet-1-5-Meters/dp/B00N2VILDM/?tag=hawk-future-20&ascsubtag=UUimUdUnU36244" rel="nofollow" target="_blank" class="speciallink">AmazonBasics Ethernet Cable</a> <span>($5 at Amazon)</span></strong></p><p>If you want to connect to the internet using a hardwired link, a basic CAT-6 patch cable will do the trick.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Hacking the world, one if-check at a time: A developer spotlight on Akshaya Dinesh ]]></title>
                                                                                                                                                                                                <link>https://www.imore.com/hacking-world-one-if-check-time-developer-spotlight-akshaya-dinesh</link>
                                                                            <description>
                            <![CDATA[ In celebration of 10 years of the App Store, we're taking a look at some of the rising talent working in the app field today. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">wuQCtoQ7fsoPxeVxyLjP93</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/JGJLZAVJj9gNEeDyq5843g-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Tue, 17 Jul 2018 13:00:01 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Apple]]></category>
                                                                                                                    <dc:creator><![CDATA[ Serenity Caldwell ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5VXveN6ztHbefKv4nBbcZT.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/JGJLZAVJj9gNEeDyq5843g-1280-80.jpg">
                                                            <media:credit><![CDATA[null]]></media:credit>
                                                                                                                                                                                                                                                                                                                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/JGJLZAVJj9gNEeDyq5843g-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="PSLK2rWCtk86a3oGbohqJF" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/PSLK2rWCtk86a3oGbohqJF.jpeg" mos="https://cdn.mos.cms.futurecdn.net/PSLK2rWCtk86a3oGbohqJF.jpeg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>Passion projects can keep you up at night. They nag at your senses, pulling you back when you should be doing any number of other things: sleeping, eating, or in the case of WWDC student developer <a href="http://akshayadinesh.me">Akshaya Dinesh</a> — attending a friend's sweet 16 party.</p><p>"The first app that I made was actually a tic-tac-toe game. I started coding it in the morning… <em>totally</em> forgot what was going around me. I missed the party, and I was coding through the night, up until like 2AM in the morning." She laughs. "I was scared that I wouldn't be able to know how to do a single-player mode, because I was like: 'Oh, AI. That's so complicated, I don't know how to do that.' And it ended up that I just wrote 100 if-statements and it worked totally fine!"</p><p>Dinesh was in her early teens when she found herself lost in the code of her first app; in the few years since, she's become a hackathon enthusiast, AR champion, and most importantly — a role model to thousands of other young women in the northeast. Because Dinesh doesn't just make her own apps: She helps others find their own coding passions with <a href="http://girlsmakeapps.org">Girls Make Apps</a>, an organization she co-founded with Malavika Vivek in the summer of 2016.</p><p>"Girls Make Apps is a national grassroots organization that helps provide free educational programming for girls of all ages. So we work with girls from elementary school all the way up to college students. Essentially, what we do is we provide programs such as camps, workshops, and hackathons. And all these programs are meant to teach young women not only just how to code, but how to use code for social impact."</p><p>Dinesh and Vivek have run camps for over 500 women across the United States over the last few years, giving girls in middle school, high school, and college the chance to learn the skills to build their own apps — and bring that talent back to their communities.</p><div><blockquote><p>I started programming around eighth grade. When I started coding, I learned Java, and I looked up some online tutorials to start learning it. And at first, I kind of didn't really understand the point of it. I did it because I just wanted to try something new. But I didn't really understand why this was so important.It wasn't until I created my first app that I realized just how much impact that technology has. I wanted to bring that sort of realization I had to all the other girls who are looking to learn how to code — or who don't know anything about it. Because I think a lot of the issue with computer science education is the way that it's presented: There's very little educational programming that shows computer science in a way that's fun and impactful to people.A lot of these girls are… beginners to computer science. And so they come in with little to no knowledge, but they leave with a working app that they can show to friends and family, and that actually impacts their communities in a way. We're trying to create not just programmers, but social entrepreneurs.</p></blockquote></div><h2 id="tomorrow-there-39-ll-be-more-of-us">Tomorrow there'll be more of us</h2><p>I met Dinesh through Apple's WWDC scholarship program along with a number of other amazing student developers, but as I reflect on the conference over a month later, I keep coming back to her story.</p><p>Tip: Check out <a href="https://www.macrumors.com/2018/06/13/week-in-life-of-wwdc-2018-scholars/">Joe Rossignol's story over on MacRumors</a> if you'd like to read more about some of the amazing work the 2018 WWDC scholarship winners are doing.</p><p>The App Store and competing platforms have given kids as young as seven or eight the opportunity to learn to code and make their own programs; options like <a href="https://www.imore.com/everyone-can-code" data-original-url="https://www.imore.com/everyone-can-code">Swift Playgrounds</a> and (coming in iOS 12) apps like Shortcuts can help make the process of learning switches, if-statements, and nested code even easier. From this wellspring, we've seen no shortage of incredible young developers come through with all sorts of brilliant app ideas — camera apps, automation, games, and more.</p><p>Dinesh has built a number of apps over her few years in computer science. But where most younger developers focus inward, elevating their own ideas, Dinesh has been almost single-handedly focused on bringing up those same ideas in her peers.</p><div><blockquote><p>Back in 2016 when I founded [Girls Make Apps], our first camp was just 40 middle-school girls in the inner-city. And we taught them how to create mobile apps over an eight-week period: We met every weekend for two hours for eight weeks.There were these two girls in specific: They came from a really under-privileged background, and this pretty impoverished area in New Jersey. They had no experience whatsoever with computer science, and they only spoke — they could barely speak English. They were recent immigrants, and they mostly spoke Spanish; they could not understand a lot of what we did at the camp. It was really difficult.Me and my co-founder [Malavika Vivek] sat down with them, and we helped them every single week to understand what we were saying up on the screen, because… we were speaking so fast [during class], it was hard for them to keep up. But by the end of the program, not only did they make an app, they created an app that helps other Spanish-speaking students like them learn to speak English through fun vocabulary games and everything. It was so spectacular to see their progression from coming in and being super beginners, not really knowing what was going on, and by the end they actually won second place in our program — they were honored by their principal at their school, and they became students of the month. It was so cool to see them grow from these beginners to really badass social entrepreneurs by the end.</p></blockquote></div><h2 id="we-are-what-they-grow-beyond">We are what they grow beyond</h2><p>Listening to Dinesh speak about Girls Make Apps, it's hard to escape her passion for teaching and sharing information. Talking about "social change" is easy. Effecting it is another matter entirely, and Dinesh does so in every course she runs and new developer she teaches.</p><p>She credits this fervor in part to the early hackathons she attended while first learning to code. "When I first started out a few years ago — I think it was 2014? — and I went to my first hackathon, there were only five girls there. And I was so intimidated to be in that room. I walked in, I was like: 'Mom, I just want to walk back out. I don't think I can do this anymore!' And she pushed me in the room!</p><p>"And so I went, and I talked to those five girls, because that was the only common ground I had [in that room] — I had no friends there. I still keep up with those girls now, and it's been 4-5 years. I definitely think that finding that support group, and that little network of women is so important in <em>retaining</em> minorities in tech."</p><p>At our cores, we're a tribal species. We take cues from each other, and build our experiences and path forward from there. Dinesh's hackathon experiences built the base that helped her create an even better space for young women going forward. And who knows? Those young women she's taught may build communities that are even better still. This is how we grow the technological world we want: if-check by if-check, line by line, story by story.</p><p>"Coming from a background where I didn't have that many women role models in tech: When I thought about tech, I thought about nerdy people geeking out on their laptops in the dark." Dinesh laughs. "But then, once I actually found out what being in technology meant, I knew that all the stereotypes were so incorrect. I totally started getting into programming more, and I built a lot of programs and apps now that I never would have been able to do if I hadn't found more role models."</p><p>Dinesh will leave New Jersey for the west coast and Stanford this fall, but she's not giving up on her company just yet. "It would break my heart for me not to work on Girls Make Apps, so I'm definitely going to continue working on it. But I think I might have to delegate more of the responsibilities away from myself."</p><p>The organization is currently seeking new board members as their co-founders move into the next stage of their young lives, but Dinesh and Vivek also have support in the community of women — and their parents — they've helped train. "The people that support us the most are the people we have supported."</p><p>You can learn more about <a href="http://girlsmakeapps.org">Girls Make Apps</a> on its website (which Dinesh built).</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ How to use Terminal on the Mac when you have no idea where to start ]]></title>
                                                                                                                                                                                                <link>https://www.imore.com/how-use-terminal-mac-when-you-have-no-idea-where-start</link>
                                                                            <description>
                            <![CDATA[ While you never have to visit macOS's command line, there're lots of things you can tweak on your Mac if you're curious to learn more. Here's what you need to know, along with some great tricks to explore. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">4fAtmEbsEefSsoUnxU81i</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/bwgxZdu38mkoQghLNFt5yG-1280-80.jpeg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Fri, 15 Jun 2018 12:00:00 +0000</pubDate>                                                                                                                                <updated>Mon, 08 Jun 2020 22:13:09 +0000</updated>
                                                                                                                                            <category><![CDATA[Macs]]></category>
                                                                                                                    <dc:creator><![CDATA[ Serenity Caldwell ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5VXveN6ztHbefKv4nBbcZT.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/bwgxZdu38mkoQghLNFt5yG-1280-80.jpeg">
                                                            <media:credit><![CDATA[null]]></media:credit>
                                                                                                                                                                                                                                                                                                                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/bwgxZdu38mkoQghLNFt5yG-1280-80.jpeg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="6Ft4VvR8BoHsUmofmThS8X" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/6Ft4VvR8BoHsUmofmThS8X.jpeg" mos="https://cdn.mos.cms.futurecdn.net/6Ft4VvR8BoHsUmofmThS8X.jpeg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>OS X's command line and I have never been what I'd call "friendly"; rather, we have a mutual respect and understanding about not messing with each other. (Well, as much of a mutual respect as one can have between a human being and a code window.)</p><p>While the average person <em>should</em> never have any reason to visit Terminal, Apple's command line interface app actually does give you access to quite a few neat tricks and shortcuts... if you're willing to take a peek.</p><h2 id="what-is-terminal">What is Terminal?</h2><p>Apple's Terminal app is a direct interface to OS X's bash shell — part of its UNIX underpinnings. When you open it, Terminal presents you with a white text screen, logged in with your OS X user account by default.</p><p>Here's the important part: With a system administrator account and password, you have direct access to tweaking almost everything about your computer's software code; that means that while this little window provides great power, it comes with great responsibility. In short, be careful before using Terminal to execute commands, and make sure you understand what you're typing.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="LJRu9J7ewj6i4uKTND2TnD" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/LJRu9J7ewj6i4uKTND2TnD.jpg" mos="https://cdn.mos.cms.futurecdn.net/LJRu9J7ewj6i4uKTND2TnD.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>You can also use Terminal to securely connect to other machines, web servers, and even create your own scripts, but those are how-tos for another day. For now, we're going to focus on using Terminal to explore your own computer.</p><h2 id="basic-terminal-commands-you-should-know">Basic Terminal commands you should know</h2><p>Before we get started with the fun stuff, let's learn some basic Terminal terminology and commands. These form the framework for more complex interactions (aka, the fun stuff).</p><section class="article__schema-question"><h3>How to execute a Terminal command</h3><article class="article__schema-answer"></article></section><p>You can type something in the Terminal window until you're blue in the face, but it won't execute until you press the <strong>Return</strong> key on your keyboard. At that point, it will either return an error if you've typed something incorrectly, or the command will execute.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="aYaKf3Eau8XHs8UuAxM8d5" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/aYaKf3Eau8XHs8UuAxM8d5.jpg" mos="https://cdn.mos.cms.futurecdn.net/aYaKf3Eau8XHs8UuAxM8d5.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>Unless you're executing a command that requires the display of text in Terminal, you won't have any indicator that what you've done has been successful; you'll just get a new line with your user name on it once the command is finished processing.</p><p>When writing commands and paths in Terminal, almost everything is case sensitive: This means that you need to remember to properly capitalize "Dock" when referring to the Dock, or OS X won't understand your command.</p><section class="article__schema-question"><h3>What's a path?</h3><article class="article__schema-answer"></article></section><p>You can use Terminal to get direct access to your files without using the Finder. To do so, you build something called a <strong>path</strong>. Paths look similar in some ways to website sub-directories, and follow the structure of your folders.</p><p>Paths take two forms: absolute paths and relative paths. An absolute path starts at the root level of your hard drive, and is displayed as "/". So if you wanted to make a path to your Applications folder, you would write "/Applications/".</p><p>Relative paths are defined based on where you've already navigated to, and represented by "./". For instance, if you go to the "/Applications/" folder in Terminal, that's your current working directory (<strong>cwd</strong>). You can then get to your Utilities folder by typing "./Utilities/" rather than "/Applications/Utilities".</p><p>When you first launch Terminal, you're starting in the current working directory of <strong>/Users/<em>myusername</em>/</strong> (also known as your User folder).</p><section class="article__schema-question"><h3>How to display and move between files in Terminal</h3><article class="article__schema-answer"></article></section><p>To actually put all this path knowledge to use, you'll need the Terminal commands for displaying and changing files.</p><p><strong>ls</strong>: The "ls" command, by itself, displays the contents of the <strong>cwd</strong>. So if I were just to type "ls" in Terminal, it would display the contents of my user directory:</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="wCDJqiCWVDF5WUjpmjSYrA" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/wCDJqiCWVDF5WUjpmjSYrA.jpg" mos="https://cdn.mos.cms.futurecdn.net/wCDJqiCWVDF5WUjpmjSYrA.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>You can optionally add an absolute or relative or path if you want to view a different directories. So, for example, if I wanted to view the Utilities folder inside Applications, I could type "ls /Applications/Utilities/". This won't change your current working directory, but it'll let you view other directories on your hard drive.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="rrawYmkQUZo4sLSakkQxcM" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/rrawYmkQUZo4sLSakkQxcM.jpg" mos="https://cdn.mos.cms.futurecdn.net/rrawYmkQUZo4sLSakkQxcM.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>You can add <strong>options</strong> to view more information about that directory. The options for "ls" include:</p><ul><li><strong>-l</strong>, which lets you view the permissions of each file in the directory</li><li><strong>-R</strong>, which will not only show each folder in the directory, but all <em>their</em> files, as well</li><li><strong>-a</strong>, which will show any hidden files in the current directory</li></ul><p><strong>cd</strong>: Where the "ls" command lets you view a directory, the "cd" command will actually move to that directory (change your cwd). For instance, if after viewing the Utilities folder, you want to move to it, you'd type "cd /Applications/Utilities/".</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="tsPxC6oZBR8cepbWQAoC2P" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/tsPxC6oZBR8cepbWQAoC2P.jpg" mos="https://cdn.mos.cms.futurecdn.net/tsPxC6oZBR8cepbWQAoC2P.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p><strong>pwd</strong>: Write this command by itself to help you remember the path of your current directory. When typed into terminal, it will print the full path of your cwd.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="t3rc2HbPNJCDcXmXq4vknE" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/t3rc2HbPNJCDcXmXq4vknE.jpg" mos="https://cdn.mos.cms.futurecdn.net/t3rc2HbPNJCDcXmXq4vknE.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p><strong>man</strong>: This command, followed by another Unix command, lets you read the Unix manual about the second command. This is super useful if you want to try a cool Terminal trick you found online, but aren't sure what those commands actually do.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="S6rDZ56bSvQdDhHqJHho7V" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/S6rDZ56bSvQdDhHqJHho7V.jpg" mos="https://cdn.mos.cms.futurecdn.net/S6rDZ56bSvQdDhHqJHho7V.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>For instance, typing "man ls" will get you information on the "ls" command, which lists directory contents.</p><section class="article__schema-question"><h3>How to modify files, folders, and preferences in Terminal</h3><article class="article__schema-answer"></article></section><p><strong>defaults</strong>: This command is often used in Terminal tips and tricks to tweak applications and system settings via their preference files. You can use it to do things like disable transparency in the menu bar, always show your scroll bars, change trackpad behavior, and much much more. You'll usually see this paired with either "write" and a string, as with this:</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="4xVQvhjdJtt3XGKpuoWJJX" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/4xVQvhjdJtt3XGKpuoWJJX.jpg" mos="https://cdn.mos.cms.futurecdn.net/4xVQvhjdJtt3XGKpuoWJJX.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>The code above lets you save all your screenshots as JPGs instead of the system default PNG.</p><p><strong>killall</strong>: If you execute a Terminal command that affects any system process or app, you're going to need to reboot the process to make it take effect. "killall" followed by the process will do so. (This is also another way to force quit misbehaving apps or processes if your Force Quit menu isn't behaving.) Remember, this command and its target are case sensitive.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="EJc8q8CMhtbpz8wNk7mAHX" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/EJc8q8CMhtbpz8wNk7mAHX.jpg" mos="https://cdn.mos.cms.futurecdn.net/EJc8q8CMhtbpz8wNk7mAHX.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p><strong>ln</strong>: OS X has long offered aliases, which let you create links to files, folders, and applications elsewhere in the system without having to duplicate them. Unfortunately, certain apps don't play well with aliases. With the link command "ln -s", you can create a low-level, UNIX-based symbolic link which most system processes will recognize. Likely, you'll never have to make a symbolic link, but on the off-chance you want to perform a Terminal trick that requires them, this is how you do it.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="LrMVKoPdBDhjCPhs7c77pE" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/LrMVKoPdBDhjCPhs7c77pE.jpg" mos="https://cdn.mos.cms.futurecdn.net/LrMVKoPdBDhjCPhs7c77pE.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>The first path listed is your original file's path; the second path is where you'd like your symbolic link.</p><p><strong>chflags</strong>: This commands lets you view and change the flags on a file or folder. For most people, the only flags you're going to care about are "hidden" and "nohidden", which hide and unhide documents, respectively.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8cQfmCuqkFBx2eHqPXVWE8" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/8cQfmCuqkFBx2eHqPXVWE8.jpg" mos="https://cdn.mos.cms.futurecdn.net/8cQfmCuqkFBx2eHqPXVWE8.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p><strong>sudo</strong>: If you spend any time online, you've <a href="https://xkcd.com/149/">probably heard of "sudo" before</a>. This is Unix's override command, and lets you execute any command as an administrator — provided, of course, that you have the requisite password and permissions. It probably goes without saying, but as a Terminal beginner, it's generally a good idea not to mess with commands like "sudo" unless you are 100 percent sure what you're doing.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="N3XFdVtqrpUzv32bQUsotE" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/N3XFdVtqrpUzv32bQUsotE.jpg" mos="https://cdn.mos.cms.futurecdn.net/N3XFdVtqrpUzv32bQUsotE.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><section class="article__schema-question"><h3>How to use Terminal for fun and whimsy</h3><article class="article__schema-answer"></article></section><p><strong>say</strong>: Feeling lonely? You can make your computer say anything you like with the "say" command, and you can even record it in audio format to your desktop, if you so choose.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="pRZX6Yx5YkupGSsVcxgQ5F" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/pRZX6Yx5YkupGSsVcxgQ5F.jpg" mos="https://cdn.mos.cms.futurecdn.net/pRZX6Yx5YkupGSsVcxgQ5F.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p><strong>telnet towel.blinkenlights.nl</strong>: This isn't <em>technically</em> something local to your Mac, but it's my all-time favorite Terminal trick. Some kind soul on the internet made an all-ASCII version of Star Wars: A New Hope; run the following code, and you'll be treated to a full showing. If it doesn't make you smile just a little bit, you might be dead inside.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="M2ZSMTiQVQ5BfUxjcdUkfZ" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/M2ZSMTiQVQ5BfUxjcdUkfZ.jpg" mos="https://cdn.mos.cms.futurecdn.net/M2ZSMTiQVQ5BfUxjcdUkfZ.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><div  class="fancy-box"><div class="fancy_box-title"><a href="https://www.imore.com/macos-big-sur-review" data-original-url="https://www.imore.com/macos-big-sur-review">macOS Big Sur</a></div><div class="fancy_box_body"><p class="fancy-box__body-text">○ <a data-analytics-id="inline-link" href="https://www.imore.com/macos-big-sur-review" data-original-url="https://www.imore.com/macos-big-sur-review">macOS Big Sur Review</a> <br/>  ○ <a data-analytics-id="inline-link" href="https://www.imore.com/macos-big-sur-everything-you-need-know" data-original-url="https://www.imore.com/macos-big-sur-everything-you-need-know">macOS Big Sur FAQ</a> <br/>  ○ <a data-analytics-id="inline-link" href="https://www.imore.com/updating-macos-ultimate-guide" data-original-url="https://www.imore.com/updating-macos-ultimate-guide">Updating macOS: The ultimate guide</a> <br/>  ○ <a data-analytics-id="inline-link" href="https://forums.imore.com/os-x-macos/">macOS Big Sur Help Forum</a> <br/></p></div></div><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="high" data-lazy-src="https://www.youtube-nocookie.com/embed/eGAXfAxCIH8" allowfullscreen></iframe></div></div>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ How to learn to code when you have no idea where to start ]]></title>
                                                                                                                                                                                                <link>https://www.imore.com/how-learn-code-when-you-have-no-idea-where-start</link>
                                                                            <description>
                            <![CDATA[ Apple's Hour of Code is back Dec 4 - 10! While you wait for the workshops to begin, here's my primer on why you should learn to code, along with the best free places online to learn. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">gLHPsnipVN6UzFRxSh4t3a</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/pmiehzoZSo4MiBQaQRvwMn-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Wed, 13 Jun 2018 12:00:00 +0000</pubDate>                                                                                                                                <updated>Mon, 08 Jun 2020 22:11:57 +0000</updated>
                                                                                                                                            <category><![CDATA[iOS]]></category>
                                                                                                                    <dc:creator><![CDATA[ Serenity Caldwell ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5VXveN6ztHbefKv4nBbcZT.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/pmiehzoZSo4MiBQaQRvwMn-1280-80.jpg">
                                                            <media:credit><![CDATA[null]]></media:credit>
                                                                                                                                                                                                                                                                                                                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/pmiehzoZSo4MiBQaQRvwMn-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>Apple's <a href="https://www.imore.com/hour-of-code" data-original-url="https://www.imore.com/hour-of-code">Hour of Code</a> program is back at Apple retail stores, taking place December 4 - 10! You can sign up for workshops at your store by visiting <a href="https://apple.sjv.io/c/221109/473657/7613?subId1=UUimUdUnU35882&subId2=dim&u=https%3A%2F%2Fwww.apple.com%2Fretail%2F&ourl=http%3A%2F%2Fwww.apple.com%2Fretail%3Fafid%3Dp239%257C159229%26cid%3Daos-us-aff-ir%26subId1%3DUUimUdUnU35882%26subId2%3Ddim" title="" rel="nofollow" target="_blank" class="speciallink">Apple.com/retail</a>. Whether you join Apple or work on your own, here are some great resources for learning how to code.</p><p>It would likely take you millions of years to consume all the content available on our computers, phones, and tablets — there's so much out there on the Internet and App Store, and more coming every day. But what if you want to <em>make</em> your own content? That world can be a lot darker and scarier if you're not sure where to start.</p><p>There's a ton of great content on website-building, ebook creation, writing automated workflows for productivity, and even putting together your own apps. But when you're starting from step zero, where do you go? Who do you talk to?</p><h2 id="why-learn-to-code-in-the-first-place">Why learn to code in the first place?</h2><p>I remember being in the dark. I first started tinkering with HTML in 1998, back when how-to sites were few and far between. I stumbled into self-teaching myself HTML, CSS, PHP, and Javascript throughout the next decade, with a few terrible detours — including Python, which to me, felt just as scary as the snake of the same name. And then, in 2010, I started the whole process over again in learning how to build ebooks.</p><p>I got lost more times than I can count. I made many, many mistakes. But: I came out of nearly two decades of experimentation loving to code.</p><p>Coding gives you the power to not only enjoy other people's projects, but also to say "I can do that!" and build your own passions. You form excellent problem-solving skills and troubleshooting steps — steps that I use almost every day in other areas. And if you enjoy logic puzzles, coding is a neat way to scratch that itch <em>and</em> make something special for yourself.</p><p>The language you learn can be helpful in the most unlikely of situations: Because I knew HTML and CSS, I ended up with lots of one-off web jobs from friends and acquaintances who didn't want to venture into those waters. In my early post-college years, those jobs paid my rent; and it was HTML and CSS that helped land me my first job at Apple, and my ebook-building job at Macworld.</p><p>And, like learning real-world languages, once you understand one coding language, it's a whole lot easier to get to know the others.</p><h2 id="great-resources-to-start-learning-how-to-code">Great resources to start learning how to code</h2><p>The good news is, you don't have to stumble through coding and self-teach yourself the way I had to. It's 2017, and you have your pick of great, interactive resources for learning to code. Whereas I had to rely on the kindness of random internet strangers and <a href="https://www.htmlgoodies.com/">HTML Goodies</a>, you can quickly pick up the basics of just about any coding skill with the right tutorials.</p><p>Here are some of my favorite starting points:</p><section class="article__schema-question"><h3>Code.org</h3><article class="article__schema-answer"></article></section><p>If you've never touched code before and the mere thought of writing things with brackets and chevrons scares you, give one of these programs a whirl. Apple has partnered with the company for years to help teach its "Hour of Code" workshops, and it's easy to see why: The lessons are fun, colorful, and present code as more of a Lego puzzle to be built than endless lines of text. And better yet: You can take the courses on your Mac, PC, or mobile devices.</p><ul><li><a href="https://code.org" class="cta">Get started coding with Code.org</a></li></ul><section class="article__schema-question"><h3>Khan Academy</h3><article class="article__schema-answer"></article></section><p>Khan Academy offers a large assortment of online classes for you to enjoy ranging all manner of topics, but I put them on the list specifically for their <a href="https://www.khanacademy.org/computing/computer-science">Computer Science</a> program. If you want a deeper dive into the theory and building blocks of coding, this course does an excellent job of it — and keeps you entertained, too!</p><p>If you want to dip your toe into web development, Khan Academy also offers <a href="https://www.khanacademy.org/hourofcode">Hour of Code</a> tutorials for creating Javascript animations, building a webpage, or databases of information. And if you want to learn on the go, Khan Academy has a great app for iOS devices.</p><ul><li><a href="https://www.khanacademy.org" class="cta">Learn about the science behind code with Khan Academy</a></li></ul><section class="article__schema-question"><h3>Codecademy</h3><article class="article__schema-answer"></article></section><p>Ready to get your hands into some actual web development? Codecademy is an incredible free resource for learning just about every major web programming language out there. The website offers a step-by-step interactive course for building a webpage along with lots of tutorials for web languages and systems like Javascript, Ruby on Rails, SQL databases, and Git.</p><p>Codecademy's tutorials are very easy to follow and all your progress is automatically saved, so you can come back to it at any time. Unfortunately, the website doesn't work well with iOS devices at this time, but they're excellent in a Mac or PC browser.</p><ul><li><a href="https://www.codecademy.com" class="cta">Dig into the language of web code with Codecademy</a></li></ul><section class="article__schema-question"><h3>Learn Swift</h3><article class="article__schema-answer"></article></section><p>If it's iOS app development you want to explore, Apple's Swift language is the perfect place to start — and the Learn Swift website has collected a ton of material for beginners and intermediates to peruse. While there are no sites offering free interactive tutorials for Swift (that I know of — readers, if you have a great site to recommend, post it in the comments!), that doesn't mean you solely have to rely on text documentation.</p><p>There are great resources like <a href="https://www.weheartswift.com/swift-programming-scratch-100-exercises/">We heart Swift</a> if you're looking for interactive paid tutorials, or Apple's <a href="https://developer.apple.com/swift/resources/" title="" rel="nofollow" class="speciallink">extensive Swift library</a> for text, video, and everything in between.</p><ul><li><a href="https://learnswift.tips/" class="cta">Start making apps for iOS with Learn Swift</a></li></ul><section class="article__schema-question"><h3>When in doubt, search!</h3><article class="article__schema-answer"></article></section><p>I've been coding HTML websites for over 18 years, but I still use Google almost every day to double-check a piece of code, or integrate an open-source Javascript tool. Your search engine is one of the best tools you have for finding answers or information to your coding problems: Chances are, someone else online has had this problem before you, and it's been solved.</p><ul><li><a href="https://stackoverflow.com/">Stack Overflow</a> is also a great resource. It's a huge programming community full of smart developers, and always worth a visit if you're having trouble with your projects.</li><li><a href="https://www.w3schools.com/">W3 Schools</a> serves a vital role in the web coding space: showing how these things are supposed to work and breaking down the individual components so you can see exactly what does what.</li><li><a href="http://codepen.io/pen/">CodePen</a> isn't so much of a resource as it is a tool for web developers. With CodePen you can try out live changes to your markup without having to save and reload a page, or just use it as a playground to see how HTML, CSS, and JavaScript all work together in web harmony.</li></ul><h2 id="let-39-s-find-out-together">Let's find out together!</h2><p>Whether you want to learn how to build a website, create an ebook for the iBookstore that doesn't suck, get an introduction to the great iOS automation app Workflow, or ease into app programming with Swift, we're hoping we can answer your questions and give you a good starting point.</p><p>Have a topic you'd like us to look into? Let us know in the comments.</p><p>Updated Nov 2017: Updated content for 2017.</p>        <div class="featured_product_block featured_block_horizontal" data-id="b0446696-375a-48da-b735-6c89281b76d0">            <a href="https://www.apple.com/iphone-12-pro/#mn_p" data-model-name="Apple iPhone" data-model-brand="" ><div class='product-image-widthsetter'><p class='vanilla-image-block' data-bordeaux-image-check style='padding-top:56.25%';><img style="width: 100%" class="featured_image" src="https://cdn.mos.cms.futurecdn.net/pxwzYmBUwDZhCtLQ95pad7.jpg" alt=""></p></div></a>            <div class="featured_product_details_wrapper">                <div class="featured_product_title_wrapper">                    <span class='featured__label horizontal__label'>Get More iPhone</span>                                                            <div class="featured__title">Apple iPhone</div>                                    </div>                <div class="subtitle__description">                                                            <p><p><strong><em></em></strong><br/></p><p> ○ <a href="https://www.imore.com/best-iphone-12-deals" data-original-url="https://www.imore.com/best-iphone-12-deals">iPhone 12 and 12 Pro Deals</a> <br/>  ○ <a href="https://www.imore.com/iphone-12-pro" data-original-url="https://www.imore.com/iphone-12-pro">iPhone 12 Pro/Max FAQ</a> <br/>  ○ <a href="https://www.imore.com/iphone-12-review" data-original-url="https://www.imore.com/iphone-12">iPhone 12/Mini FAQ</a> <br/>  ○ <a href="https://www.imore.com/best-iphone-12-pro-cases" data-original-url="https://www.imore.com/best-iphone-12-pro-cases">Best iPhone 12 Pro Cases</a> <br/>  ○ <a href="https://www.imore.com/best-iphone-12-cases" data-original-url="https://www.imore.com/best-iphone-12-cases">Best iPhone 12 Cases</a> <br/>  ○ <a href="https://www.imore.com/best-iphone-12-mini-cases" data-original-url="https://www.imore.com/best-iphone-12-mini-cases">Best iPhone 12 mini Cases</a> <br/>  ○ <a href="https://www.imore.com/best-iphone-12-chargers" data-original-url="https://www.imore.com/best-iphone-12-chargers">Best iPhone 12 Chargers</a> <br/>  ○ <a href="https://www.imore.com/best-iphone-12-pro-screen-protectors" data-original-url="https://www.imore.com/best-iphone-12-pro-screen-protectors">Best iPhone 12 Pro Screen Protectors</a> <br/>  ○ <a href="https://www.imore.com/best-iphone-12-screen-protectors" data-original-url="https://www.imore.com/best-iphone-12-screen-protectors">Best iPhone 12 Screen Protectors</a> <br/> </p></p>                </div>                            </div>        </div>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ 15 Terminal commands that every Mac user should know ]]></title>
                                                                                                                                                                                                <link>https://www.imore.com/fifteen-terminal-tricks-every-mac-user-should-know</link>
                                                                            <description>
                            <![CDATA[ Customize your computer and master OS X's command line with these tips, tricks, and Terminal phrases. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">nJ4aK8Ra22wtTmyr3uZSNq</guid>
                                                                                                <enclosure url="https://dev.mos.cms.futurecdn.net/WV6PLbKP8HejPKdwK5Vdsn-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Sat, 09 Dec 2017 15:00:00 +0000</pubDate>                                                                                                                                <updated>Thu, 28 Jul 2022 14:13:53 +0000</updated>
                                                                                                                                            <category><![CDATA[Macs]]></category>
                                                                                                                    <dc:creator><![CDATA[ Serenity Caldwell ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5VXveN6ztHbefKv4nBbcZT.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                                                                                                                                <media:content type="image/jpeg" url="https://dev.mos.cms.futurecdn.net/WV6PLbKP8HejPKdwK5Vdsn-1280-80.jpg">
                                                            <media:credit><![CDATA[iMore]]></media:credit>
                                                                                                                                                                        <media:description><![CDATA[Terminal on Mac]]></media:description>                                                            <media:text><![CDATA[Terminal on Mac]]></media:text>
                                <media:title type="plain"><![CDATA[Terminal on Mac]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://dev.mos.cms.futurecdn.net/WV6PLbKP8HejPKdwK5Vdsn-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>Welcome back to <a href="https://www.imore.com/coding-corner" data-original-url="https://www.imore.com/coding-corner">Coding Corner</a>! Today, we're going to go over some great interface and user tweaks you can execute to customize your Mac. These tricks are often simple and can help you spruce up your Mac far beyond what the System Preferences window allows.</p><p>So, without further ado, 15 great tricks you can execute in Terminal.</p><h2 id="tweak-the-finder">Tweak the Finder</h2><p>Want to see hidden files, or copy Quick Look text? There are quite a few "defaults" commands that let you alter how the Finder looks or acts.</p><section class="article__schema-question"><h3>1. Show hidden files and folders</h3><article class="article__schema-answer"></article></section><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="dCyUPqvMj8eqCQSMRNjZqR" name="" alt="" src="https://dev.mos.cms.futurecdn.net/dCyUPqvMj8eqCQSMRNjZqR.png" mos="https://dev.mos.cms.futurecdn.net/dCyUPqvMj8eqCQSMRNjZqR.png" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>Want to see all the hidden files and folders OS X has to offer — or you simply can't find a file you hid? Just use this command in Terminal:</p><p><code>defaults write com.apple.finder AppleShowAllFiles -bool TRUE</code></p><p><code>killall Finder</code></p><p>To re-hide all your files, just change the <code>TRUE</code> to <code>FALSE</code>.</p><section class="article__schema-question"><h3>2. View any file's contents</h3><article class="article__schema-answer"></article></section><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="9rpf4CBZrdEGh6xfejvpkZ" name="" alt="" src="https://dev.mos.cms.futurecdn.net/9rpf4CBZrdEGh6xfejvpkZ.png" mos="https://dev.mos.cms.futurecdn.net/9rpf4CBZrdEGh6xfejvpkZ.png" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>If you've had a file get corrupted or you suspect there's something hidden inside its package, you can force Terminal to open it. Just use the following command:</p><p><code>cat ~/enter/file/path</code></p><p>Fair warning: If you try to open a photo or pretty much any non-text document, you'll likely just see text gibberish.</p><section class="article__schema-question"><h3>3. Copy the contents of a folder from one place to another</h3><article class="article__schema-answer"></article></section><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="qp9tcHXodXzF5LJHCcn4Uj" name="" alt="" src="https://dev.mos.cms.futurecdn.net/qp9tcHXodXzF5LJHCcn4Uj.png" mos="https://dev.mos.cms.futurecdn.net/qp9tcHXodXzF5LJHCcn4Uj.png" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>Sure, you can Option-drag any file to a new location to make a copy of it, but if you want to simplify the process and automatically copy the entire contents of one folder to another, check out this simple Terminal trick.</p><p><code>ditto -V ~/original/folder/ ~/new/folder/</code></p><section class="article__schema-question"><h3>4. Download files outside of your browser</h3><article class="article__schema-answer"></article></section><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="rvxjxcrw8q6RUgyoMcCbJP" name="" alt="" src="https://dev.mos.cms.futurecdn.net/rvxjxcrw8q6RUgyoMcCbJP.png" mos="https://dev.mos.cms.futurecdn.net/rvxjxcrw8q6RUgyoMcCbJP.png" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>Have the URL to a file but don't want to use Safari, Firefox, or Chrome to download it? You can go through Terminal with the following commands:</p><p><code>cd ~/Downloads/</code></p><p><code>curl -O http://www.thefilename.com/thefile/url.mp3</code></p><p>The first command moves your current Terminal location to your Downloads folder; the second downloads it from the web to that folder.</p><h2 id="modifying-screenshots">Modifying screenshots</h2><p>Want to change how your screenshots look? Here are some commands to help you do just that.</p><section class="article__schema-question"><h3>5. Change your screenshot's file format</h3><article class="article__schema-answer"></article></section><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="BrBN4NfR9iy2D3UYYkvRDW" name="" alt="" src="https://dev.mos.cms.futurecdn.net/BrBN4NfR9iy2D3UYYkvRDW.png" mos="https://dev.mos.cms.futurecdn.net/BrBN4NfR9iy2D3UYYkvRDW.png" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>This Terminal command lets you change the file format of your screenshots. By default, they're saved as PNGs, but you can also save them as PDFs, JPGs, and more.</p><p><code>defaults write com.apple.screencapture type jpg</code></p><section class="article__schema-question"><h3>6. Disable drop shadows on a screenshot</h3><article class="article__schema-answer"></article></section><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="AqsUTegx6rEBAyyFrsEuKf" name="" alt="" src="https://dev.mos.cms.futurecdn.net/AqsUTegx6rEBAyyFrsEuKf.jpg" mos="https://dev.mos.cms.futurecdn.net/AqsUTegx6rEBAyyFrsEuKf.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>Here's another good one if you tend to take a lot of screenshots: This command will disable drop-shadow on your screenshots, only displaying the window you've snapped.</p><p><code>$ defaults write com.apple.screencapture disable-shadow -bool TRUE</code></p><p><code>killall SystemUIServer</code></p><section class="article__schema-question"><h3>7. Create a new default name scheme for screenshots</h3><article class="article__schema-answer"></article></section><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="GUNGVKk7ST3JSqsoHv6w8m" name="" alt="" src="https://dev.mos.cms.futurecdn.net/GUNGVKk7ST3JSqsoHv6w8m.jpg" mos="https://dev.mos.cms.futurecdn.net/GUNGVKk7ST3JSqsoHv6w8m.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>Don't like the phrase Apple uses to save your screenshots? Traditionally, it's "Screen Shot - [date] - [time]", but you can change "Screen Shot" to any word you please.</p><p><code>defaults write com.apple.screencapture name "New Screen Shot Name" </code>killall SystemUIServer`</p><p>Get bored of your new name scheme? Go back to the default by typing as follows:</p><p><code>defaults write com.apple.screencapture name ""</code></p><p><code>killall SystemUIServer</code></p><section class="article__schema-question"><h3>8. Change the location of your screenshots</h3><article class="article__schema-answer"></article></section><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="9e3iao3a7W4G4BFG4aiU9N" name="" alt="" src="https://dev.mos.cms.futurecdn.net/9e3iao3a7W4G4BFG4aiU9N.jpg" mos="https://dev.mos.cms.futurecdn.net/9e3iao3a7W4G4BFG4aiU9N.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>Your screenshots, by default, save to the Desktop. But if you'd prefer they save elsewhere, it's an easy Terminal trick to make it so.</p><p><code>defaults write com.apple.screencapture location ~/your/location/here</code></p><p><code>killall SystemUIServer</code></p><p>You can also drag the folder of your choice on top of the Terminal window after typing "location" if you don't want to manually type out the file path.</p><h2 id="system-changes">System changes</h2><p>If you're looking for broader OS X-level changes, these commands might help you get started.</p><section class="article__schema-question"><h3>9. Create a custom login message</h3><article class="article__schema-answer"></article></section><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="vMJcXxw5pg7vM2wLbkAihj" name="" alt="" src="https://dev.mos.cms.futurecdn.net/vMJcXxw5pg7vM2wLbkAihj.jpg" mos="https://dev.mos.cms.futurecdn.net/vMJcXxw5pg7vM2wLbkAihj.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>Whether you want to troll your friends or add useful "in case of loss" contact information, you can add a personalized message to your login screen with this Terminal command.</p><p><code>sudo defaults write /Library/Preferences/com.apple.loginwindow LoginwindowText "In case of loss, call 555-555-5555."</code></p><section class="article__schema-question"><h3>10. How long has my Mac been running?</h3><article class="article__schema-answer"></article></section><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="KMoxMKfRacM3Je7aZCQhBM" name="" alt="" src="https://dev.mos.cms.futurecdn.net/KMoxMKfRacM3Je7aZCQhBM.jpg" mos="https://dev.mos.cms.futurecdn.net/KMoxMKfRacM3Je7aZCQhBM.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>Is your Mac acting sluggishly? It might be in need of a good restart. You can check to see just how long your Mac's been active by checking its uptime with this Terminal command:</p><p><code>uptime</code></p><section class="article__schema-question"><h3>11. Keep your Mac awake</h3><article class="article__schema-answer"></article></section><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="kXDkT9dKbfpaQhz86DLAi7" name="" alt="" src="https://dev.mos.cms.futurecdn.net/kXDkT9dKbfpaQhz86DLAi7.jpg" mos="https://dev.mos.cms.futurecdn.net/kXDkT9dKbfpaQhz86DLAi7.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>If you need to prevent your Mac from going to sleep — say, you're running an extensive task, or recording your screen — there's an all-too-amusing command for that:</p><p><code>caffeinate</code></p><p>Once you enter this command, your Mac's digital eyes will be pried open and prevented from going to sleep until you end it by pressing <strong>Control-C</strong>.</p><p>If you don't want to rely on being the one to end your poor Mac's suffering, you can also create a set a number of seconds before your Mac sleeps:</p><p><code>caffeinate -u -t 5400</code></p><p>The above command will keep your Mac awake for an hour and a half.</p><section class="article__schema-question"><h3>12. Make your Mac automatically restart after a crash</h3><article class="article__schema-answer"></article></section><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="64rbNE4XKVdLQQvhmEc6EJ" name="" alt="" src="https://dev.mos.cms.futurecdn.net/64rbNE4XKVdLQQvhmEc6EJ.jpg" mos="https://dev.mos.cms.futurecdn.net/64rbNE4XKVdLQQvhmEc6EJ.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>We've all had our Mac freeze up or crash at least once in its lifetime. If you want to skip the crying and the yelling at the screen and get back to work, you can enter this Terminal command, which will make OS X reboot as soon as it senses a full system freeze.</p><p><code>sudo systemsetup -setrestartfreeze on</code></p><h2 id="modify-your-dock">Modify your Dock</h2><p>Want to make your Dock look different? Check out these Terminal tweaks.</p><section class="article__schema-question"><h3>13. Add spacers to your Dock</h3><article class="article__schema-answer"></article></section><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="xb5XmNDiHKuFXzKZMmXGvA" name="" alt="" src="https://dev.mos.cms.futurecdn.net/xb5XmNDiHKuFXzKZMmXGvA.jpg" mos="https://dev.mos.cms.futurecdn.net/xb5XmNDiHKuFXzKZMmXGvA.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>You can organize your Dock's many icons by adding in blank spaces with this <a href="https://www.imore.com/add-space-your-mac-dock" data-original-url="https://www.imore.com/add-space-your-mac-dock">handy terminal command</a>:</p><p><code>defaults write com.apple.dock persistent-apps -array-add '{"tile-type"="spacer-tile";}'</code></p><p><code>killall Dock</code></p><p>Repeat this command for each spacer you'd like for your Dock. To remove a spacer, you can drag it out to the right until you see the poof icon.</p><section class="article__schema-question"><h3>14. Dull hidden apps in the Dock</h3><article class="article__schema-answer"></article></section><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="E7tRFSNyjx6z8nSKqUrpNJ" name="" alt="" src="https://dev.mos.cms.futurecdn.net/E7tRFSNyjx6z8nSKqUrpNJ.jpg" mos="https://dev.mos.cms.futurecdn.net/E7tRFSNyjx6z8nSKqUrpNJ.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>Not sure which apps are visible on your screen? You can make this information extra pertinent by using this Terminal command, which lowers the opacity on icons for hidden apps in the Dock. It's a great way to see what you haven't used lately, as well as what's cluttering up your screen.</p><p><code>defaults write com.apple.Dock showhidden -bool TRUE</code></p><p><code>killall Dock</code></p><section class="article__schema-question"><h3>15. Hide non-active apps in your Dock</h3><article class="article__schema-answer"></article></section><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="fhwJbW8fy68PdhyUKpFMtm" name="" alt="" src="https://dev.mos.cms.futurecdn.net/fhwJbW8fy68PdhyUKpFMtm.jpg" mos="https://dev.mos.cms.futurecdn.net/fhwJbW8fy68PdhyUKpFMtm.jpg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p>If lowering the opacity of hidden apps appeals to you, you might like <a href="https://www.imore.com/how-show-only-active-apps-your-os-x-dock" data-original-url="https://www.imore.com/how-show-only-active-apps-your-os-x-dock">this Terminal command even better</a>: It hides any closed app from your Dock at all times.</p><p><code>defaults write com.apple.dock static-only -bool TRUE</code></p><p><code>killall Dock</code></p><h2 id="your-favorites">Your favorites?</h2><p>Have a Terminal command you love that we didn't mention? Drop it below in the comments.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ 10 things about website code everyone should know ]]></title>
                                                                                                                                                                                                <link>https://www.imore.com/ten-things-about-website-code-everyone-should-know</link>
                                                                            <description>
                            <![CDATA[ Even if you never end up building a website by hand, these tips are essential. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">5RspSVriDUVHggWQ7poZ4q</guid>
                                                                                                <enclosure url="https://dev.mos.cms.futurecdn.net/T8p9w6VQ8Z85Q5xFkyfW6F-1280-80.jpeg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Fri, 08 Dec 2017 14:00:00 +0000</pubDate>                                                                                                                                <updated>Thu, 28 Jul 2022 14:09:50 +0000</updated>
                                                                                                                                            <category><![CDATA[Apps]]></category>
                                                                                                                    <dc:creator><![CDATA[ Serenity Caldwell ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5VXveN6ztHbefKv4nBbcZT.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                                                                                                                                <media:content type="image/jpeg" url="https://dev.mos.cms.futurecdn.net/T8p9w6VQ8Z85Q5xFkyfW6F-1280-80.jpeg">
                                                            <media:credit><![CDATA[null]]></media:credit>
                                                                                                                                                                        <media:description><![CDATA[Everything you need to know about Apple&#039;s developer and public betas]]></media:description>                                                            <media:text><![CDATA[Everything you need to know about Apple&#039;s developer and public betas]]></media:text>
                                <media:title type="plain"><![CDATA[Everything you need to know about Apple&#039;s developer and public betas]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://dev.mos.cms.futurecdn.net/T8p9w6VQ8Z85Q5xFkyfW6F-1280-80.jpeg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>Whether you're experimenting with building your very own website or you've ever wondered how you might go about changing something in your Tumblr theme, it's important to know a few things about the backbone of the Internet. Knowing "just enough to be dangerous" allows you to understand what's going on behind the scenes without having to spend 10,000+ hours mastering a coding language. After nearly 20 years of website building, here are the 10 things I think everyone should know about the weird and wonderful code that makes up the web.</p><h2 id="website-code-is-made-up-of-html-css-and-scripts">Website code is made up of HTML, CSS, and scripts</h2><p>When you visit a website's domain name, you're likely to see beautiful images, a clean layout, and text beyond your heart's content. Peer behind the curtain of that visual smorgasboard, however, and you'll find the building blocks of the web: code.</p><p>Website code is made up of three things: HTML (Hypertext Markup Language), CSS (Cascading Style Sheets), and scripts. Each piece of code contributes a valuable part to making a website look and work the way it does.</p><p><strong>HTML</strong> is the most visible code hiding behind a website, and can be seen by viewing a page&apos;s source code. Elements are made up of words enclosed in chevrons called &apos;[[ tags ]] &apos;. <br><br>An HTML element usually comes in a pair: an opening tag, and a closing tag. For instance:</p><pre class="line-numbers language-html" language="html" ><code><body> This is part of the body of the website </body></code></pre><p>Some HTML elements don't require a closing tag because everything happens inside the tag itself. Two examples of that are <code><img src="http://www.example.com/example.jpg" /></code> (which inserts an image into the page) and <code><br /></code> (a line break). Instead of a separate closing tag, these HTML elements just have a trailing slash before their closing chevron.</p><p><strong>CSS</strong> hides within an external stylesheet or inside HTML's <code><style></code> element. CSS uses selectors to modify the style and design of HTML elements.</p><p>Your typical CSS selector can either target an HTML element directly (if you want to style the entire element) or an element's class (if you only want to style one instance of the element). In a stylesheet, styling an HTML element looks like this:</p><pre class="line-numbers language-" language="" ><code>body {background: #000;}</code></pre><p>Styling an element's class looks like this:</p><pre class="line-numbers language-" language="" ><code>.bodytext {color: #FFF;}</code></pre><p><strong>Scripts</strong> include formats like Javascript, PHP, Ruby, and more. Scripts let your website display more complex content, like animations. Complex scripts and databases are what power content management systems (CMS); they let the website owner edit their page text and add blog posts without ever seeing a lick of HTML or CSS. (If you use something like Tumblr or Wordpress, those CMSes are powered by script language and databases.)</p><p>Simple Javascript code can be found inside the HTML <code><script></code> tag, or in an external script sheet. More complex scripts and database calls are essentially hidden when viewing a website's HTML.</p><h2 id="html-is-about-structure-css-is-about-design">HTML is about structure; CSS is about design</h2><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ccnh5YrFXwWwfLBD6CxVsK" name="" alt="" src="https://dev.mos.cms.futurecdn.net/ccnh5YrFXwWwfLBD6CxVsK.jpg" mos="https://dev.mos.cms.futurecdn.net/ccnh5YrFXwWwfLBD6CxVsK.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://dev.mos.cms.futurecdn.net/ccnh5YrFXwWwfLBD6CxVsK.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div></figure><p>If you're considering editing your website's code, you need to know where to edit before you dive in. HTML and CSS each have their own purposes on your webpage — you can't demand one language execute something it can't.</p><p>HTML code is when you want to edit the <em>structure</em> of a page: If you want to add an image to your website's header, you want to edit your HTML.</p><p>CSS code is when you want to add <em>design</em> to your page: If you want to change how an image <em>appears</em> on your website — change its size, add a border, move it around the page—you want to edit CSS.</p><h2 id="html-and-css-are-linear">HTML and CSS are linear</h2><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="B8zAXFmFjxw5cJUH5BNrsc" name="" alt="" src="https://dev.mos.cms.futurecdn.net/B8zAXFmFjxw5cJUH5BNrsc.jpg" mos="https://dev.mos.cms.futurecdn.net/B8zAXFmFjxw5cJUH5BNrsc.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://dev.mos.cms.futurecdn.net/B8zAXFmFjxw5cJUH5BNrsc.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div></figure><p>A web browser translates a website's code into what you see when you visit a page. Your browser executes that code top to bottom: By default, your HTML elements and their content display in a linear list.</p><p>Your CSS should go <em>before</em> the HTML code you want to style: You're essentially telling the web browser <em>how</em> to style an element before it gets to that specific element.</p><p>Likewise, CSS executes top to bottom, and can be overwritten: If you specify on line 5 of your stylesheet that you want your paragraphs to have black text, but write again on line 20 that you want your paragraphs in green, you'll see green text, not black in the final version.</p><h2 id="how-to-identify-a-piece-of-code-you-want-to-change">How to identify a piece of code you want to change</h2><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="cF5aQDrDQUZbjK54FpZTiD" name="" alt="" src="https://dev.mos.cms.futurecdn.net/cF5aQDrDQUZbjK54FpZTiD.jpg" mos="https://dev.mos.cms.futurecdn.net/cF5aQDrDQUZbjK54FpZTiD.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://dev.mos.cms.futurecdn.net/cF5aQDrDQUZbjK54FpZTiD.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div></figure><p>To change the content or style of an HTML element on your website, you're going to want to know two things: what that element is called, and if it has a specific CSS class you can target.</p><p>You can do this very easily with your web browser's Inspector: This is a window that pops up alongside the visual version of your website that contains all your HTML and CSS code.</p><p>To view the Inspector on Safari:</p><ol start="1"><li>Go to the <strong>Safari</strong> menu and select <strong>Preferences</strong>.</li><li>Click on the <strong>Advanced</strong> tab and check the <strong>Show developer tools</strong> box.</li><li><strong>Close</strong> the Preferences window.</li><li><strong>Right-click</strong> (or control-click) on any part of the website you want to view, and select <strong>Inspect Element</strong>. The Inspector willl pop up in a subsequent box.</li></ol><p>To view the Inspector on Chrome:</p><ol start="1"><li><strong>Right-click</strong> (or control-click) on any part of the website you want to view, and select <strong>Inspect</strong>. The Inspector willl pop up in a subsequent box.</li></ol><p>Once the Inspector is open, you can mouse over any piece of code and the corresponding element on your webpage will highlight as a box.</p><p>You can expand those drop-down arrows to view nested HTML elements (pieces hiding inside bigger HTML elements) and identify the piece of code you want to change. If you want to target a specific instance of an element, you want to look for that element's "class" property.</p><h2 id="where-you-go-to-edit-your-code">Where you go to edit your code</h2><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ek74c2BjtxJmHgBrrEUKaL" name="" alt="" src="https://dev.mos.cms.futurecdn.net/ek74c2BjtxJmHgBrrEUKaL.jpg" mos="https://dev.mos.cms.futurecdn.net/ek74c2BjtxJmHgBrrEUKaL.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://dev.mos.cms.futurecdn.net/ek74c2BjtxJmHgBrrEUKaL.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div></figure><p>Once you've identified what you want to fix in a website, you need to know where to go.</p><p>Many beginner WYSIWYG (what you see is what you get) website builders like <a href="https://www.squarespace.com/">Squarespace</a> won't let you dive directly into the HTML, but offer a "custom CSS" area in case you want to make custom tweaks beyond what the service's visual editor offers. You'll be able to change the design of existing HTML elements, but you won't be able to add entirely new sections.</p><p>In contrast, some blog services like <a href="https://www.tumblr.com/">Tumblr</a> will let you add custom CSS <em>and</em> dive directly into the HTML and CSS source. If a service offers this feature, you may see an option that says <strong>Edit in HTML</strong> or <strong>Editor</strong>, which allows you to directly edit and change your HTML and CSS code.</p><h2 id="how-to-make-a-note-in-code">How to make a note in code</h2><p>When you're first experimenting with your code, use notes (or "comments", as they're called in web developer parlance). Use them early and often. <em>Especially</em> if you're experimenting with code an hour at a time. Adding documentation to your code can help you when you come back to it a week later and completely forget what you were doing or what that block of code is supposed to do.</p><p>An HTML note looks like this:</p><pre class="line-numbers language-html" language="html" ><code><!- - This is a note between HTML elements. - -></code></pre><p>A note inside a CSS stylesheet looks like this:</p><pre class="line-numbers language-" language="" ><code>/* This is a CSS note */</code></pre><p>These won't show up anywhere on your final webpage, but live inside your HTML and CSS code for your reference (and anyone else who views your source code).</p><h2 id="the-best-html-css-cheat-sheet">The best HTML/CSS cheat sheet</h2><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="2Pih7NgLgg56mMxpvU5M6R" name="" alt="" src="https://dev.mos.cms.futurecdn.net/2Pih7NgLgg56mMxpvU5M6R.jpg" mos="https://dev.mos.cms.futurecdn.net/2Pih7NgLgg56mMxpvU5M6R.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://dev.mos.cms.futurecdn.net/2Pih7NgLgg56mMxpvU5M6R.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div></figure><p>Want to do something in HTML or CSS but not sure how? Need a reference on how a certain HTML element or CSS property works? <a href="https://www.w3schools.com/">W3Schools</a> offers detailed notes and explanations for every existing HTML and CSS piece of code out there — and some Javascript, too.</p><p>If you want to actually <em>learn</em> how to code from scratch, check out <a href="https://www.codecademy.com">Codecademy</a>'s fantastic tutorials.</p><h2 id="where-to-find-project-examples">Where to find project examples</h2><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="fPvJTi3DAWpRZ3LrbEUAgE" name="" alt="" src="https://dev.mos.cms.futurecdn.net/fPvJTi3DAWpRZ3LrbEUAgE.jpg" mos="https://dev.mos.cms.futurecdn.net/fPvJTi3DAWpRZ3LrbEUAgE.jpg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://dev.mos.cms.futurecdn.net/fPvJTi3DAWpRZ3LrbEUAgE.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div></figure><p>If you're looking for inspiration for your website or just want to see how something was done, feel free to use your web browser's Inspector on any page. You can take pieces of code directly from the inspector by using copy and paste.</p><p>If you want to find something specific, check out <a href="http://codepen.io/">Codepen</a>, a project scratch pad for thousands of web developers. You can search for any kind of special code: a responsive menu, animated buttons, an iPhone screen built in CSS — whatever strikes your fancy.</p><h2 id="how-to-troubleshoot-a-misbehaving-website">How to troubleshoot a misbehaving website</h2><p>Not sure how to fix a problem, or why there's a problem in the first place? I like to refer to my "Have you tried?..." list:</p><ol start="1"><li>... Saving your work?</li><li>... Making sure your tags (or selectors) are closed?</li><li>... Checking for any missing quotes or extraneous spaces in your code?</li><li>... Making sure your CSS class is defined in the HTML element you're changing?</li><li>... Reading on W3Schools to make sure your CSS style can do what you want it to?</li><li>... Reverting back to your last saved version of code and starting over?</li><li>... Searching for your problem on Google or <a href="https://stackoverflow.com/">StackOverflow</a>?</li></ol><h2 id="know-when-to-walk-away">Know when to walk away</h2><p>Sometimes a problem is too big for you to fix, and that's okay, especially if you're just starting out with HTML and CSS.</p><p>If it's a minor problem that I know I <em>should</em> be able to fix, I take some time away from the project and do something completely different. Space is good for your brain and good for your sanity; without it, you may get so far into a problem that the solution might be staring you in the face, but you're too angry or frustrated to recognize it.</p><p>There's also nothing wrong with seeking help from experienced coders on sites like <a href="https://stackoverflow.com/">StackOverflow</a>; they can often help you pinpoint problems and get back on your way.</p><p>If it's something you can't solve and don't want to learn, consider hiring a web developer or designer. There are thousands of incredibly talented coders out there, and if your project requires a bit more effort or professionalism than you're willing to put the time in for, their skills can be invaluable.</p><h2 id="your-favorite-tips-questions">Your favorite tips? Questions?</h2><p>Got any must-have tips for starting out with website code? Have any questions about my suggestions? Let us know below.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ How to use Workflow for iOS when you don't know where to start ]]></title>
                                                                                                                                                                                                <link>https://www.imore.com/how-use-workflow-ios-when-you-dont-know-where-start</link>
                                                                            <description>
                            <![CDATA[ When it comes to automating tasks on iOS, Workflow is the undisputed king. Learning to master Workflow is the first step to living an efficient, productive life on iOS, and it's how I've been working on my iPad for years now. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">6RaRRbAftJmdZ3pHzPoefb</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/YCj8EwqDycXFePVjvKmChC-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Thu, 07 Dec 2017 14:00:00 +0000</pubDate>                                                                                                                                <updated>Fri, 02 Mar 2018 13:45:16 +0000</updated>
                                                                                                                                            <category><![CDATA[Productivity Apps]]></category>
                                                    <category><![CDATA[Apps]]></category>
                                                                                                                    <dc:creator><![CDATA[ Federico Viticci ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/BxQpJbjfBqLv3a4N6SsDVK.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/YCj8EwqDycXFePVjvKmChC-1280-80.jpg">
                                                            <media:credit><![CDATA[null]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[A Workflow]]></media:description>                                                            <media:text><![CDATA[A Workflow]]></media:text>
                                <media:title type="plain"><![CDATA[A Workflow]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/YCj8EwqDycXFePVjvKmChC-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>Whether it's sending a message to a group of people or organizing documents, you've likely come across a task on your iPhone or iPad that you'd like to speed up. Our iOS devices have evolved into powerful modern computers, but there are still some areas where we can be slowed down by app limitations, or, more simply, by the tedious process of performing the same task over and over.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="qfGFi45BCqebisaioVZ9A5" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/qfGFi45BCqebisaioVZ9A5.jpeg" mos="https://cdn.mos.cms.futurecdn.net/qfGFi45BCqebisaioVZ9A5.jpeg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/qfGFi45BCqebisaioVZ9A5.jpeg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div></figure><p>Thankfully, we have a solution to this: automation. And when it comes to automating tasks on iOS, <a href="https://workflow.is">Workflow</a> is the undisputed king. Learning to master Workflow is the first step to living an efficient, productive life on iOS, and it's how I've been working on my iPad for years now.</p><h2 id="what-workflow-does">What Workflow does</h2><p>Workflow is an automation app for iOS that lets you create <strong>workflows</strong>. It's quite a mouthful, but bear with me. You don't need to be familiar with OS X automation apps) to understand Workflow: In the app, a workflow is made of a series of <strong>actions</strong>, executed in a single flow (thus the name) from top to bottom.</p><p>Tap the <strong>Play</strong> button at the top, and Actions will execute, one after the other; once it's done, the <strong>output</strong> of a workflow (its result) will be displayed at the bottom of the chain of actions or communicated visually to you.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="5G58rfCgoNeAXUQTQwxWp7" name="" alt="A Workflow" src="https://cdn.mos.cms.futurecdn.net/5G58rfCgoNeAXUQTQwxWp7.jpeg" mos="https://cdn.mos.cms.futurecdn.net/5G58rfCgoNeAXUQTQwxWp7.jpeg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/5G58rfCgoNeAXUQTQwxWp7.jpeg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div></figure><p>Think of actions inside a workflow as dominoes: After an action is completed, the workflow automatically jumps to the next one until it reaches the end. The power of this process lies in the ability to arrange actions any way you want — building workflows that solve either basic or complex problems for you.</p><p>How Workflow enables you to start building workflows is the app's strongest aspect: It deeply integrates with iOS, bringing you actions based on system features native to the iPhone and iPad. For instance, there are "interface" actions to display native alerts and menus that look like standard iOS interface elements; text actions to manipulate plain text; actions that work with Photos to fetch the latest pictures from your library; and there are even actions to access data from the Health app and control playback in Music. In total, Workflow offers 13 categories and hundreds of actions by default that allow you to automate all sorts of daily tasks.</p><h2 id="how-to-make-your-first-workflow">How to make your first workflow</h2><p>With Workflow, your imagination is, in many ways, the only limit. And that can also be a problem at first. Facing the potential of Workflow and the breadth of its actions can be a little daunting; fortunately, the app makes it easy to get started and experiment.</p><p>The first thing you'll want to understand is which kind of task you want to automate on your iOS device, and why. My suggestion, if you're new to automation: Find common tasks that would <em>truly</em> benefit from requiring fewer seconds each day. They don't even have to be extremely complex; something simple will do. When automating, it's better to save a second on a trivial task that you repeat 10 times a day than to save 30 seconds on an impressive workflow you only need once a month.</p><p>Once you've found a task that should be automated, open Workflow, create a new (empty) workflow, and take a look at the sidebar on the left (or swipe right to open a tab on the left, if you're using Workflow on the iPhone).</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="A4bHUFWT67353FFF9aYSqb" name="" alt="Creating a new workflow" src="https://cdn.mos.cms.futurecdn.net/A4bHUFWT67353FFF9aYSqb.jpeg" mos="https://cdn.mos.cms.futurecdn.net/A4bHUFWT67353FFF9aYSqb.jpeg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/A4bHUFWT67353FFF9aYSqb.jpeg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div></figure><p>Here, Workflow neatly organizes actions by category and system integrations (documents, Health, Photos, etc); you can also view suggested actions or search. Don't be afraid to poke around, read action descriptions, and mark actions that catch your attention as favorites. Curiosity is the first step to good automation.</p><p>With an initial idea in mind, start dragging actions from the sidebar into the canvas on the right. Remember: Workflows are always executed from top to bottom, and each action passes its <strong>output</strong> (the result of what it did) to the next action as <strong>input</strong>.</p><p>When I was new to Workflow, visualizing the vertical flow of actions before building the stack was my biggest hurdle in getting started. I've since developed a habit that comes in handy every day: if I already know what a workflow should do at the beginning and at the end, I place the first action and the last one immediately on the canvas. Then, I only have to figure out how to go from Point A to Point B, dropping actions between those two as I play around with different ideas.</p><p>As you experiment with actions, you'll notice that they share some similarities. Some actions, like 'Text' and 'Show Alert', have text fields where you can type text that will be passed to an action or displayed on screen. Others <em>do stuff</em> without requiring user interaction: 'Open URL' launches a URL in Safari, while 'Copy to Clipboard' copies whatever is passed to it to the system clipboard. There are actions with toggles for options ('Replace Text' can be case sensitive or not), actions with segmented controls ('Date' can pass the current date or a specific date to the next action), and actions that have buttons to pick additional settings from a list, such as choosing a team in the 'Post to Slack' action.</p><p>Once again: don't be afraid to try actions and see what happens. While you're creating a workflow, use the 'Show Alert' and 'Quick Look' actions to debug what is going on – they're good ways to preview that the correct text or image is being passed to the next action without having to wait until the end for the final output.</p><p>More importantly, keep in mind that there's no "right" or "wrong" way to create a workflow. The app gives you the building blocks and some basic guidelines, but, in most cases, the same result can be obtained in a dozen different ways. Workflow has been engineered to accept disparate combinations of actions (thanks to a powerful underlying engine called the Content Graph), and you should take advantage of its flexibility to test the craziest ideas you have.</p><h2 id="why-variables-are-your-best-friend">Why variables are your best friend</h2><p>Variables are one of the key concepts behind Workflow. Understanding how they work will help you build more complex workflows and, in general, save a lot of time during the creation process.</p><p>Variables let you save values you want to re-use at a later point in a workflow. A variable can be anything: a bit of text, an image, a date, a location, or even a combination of multiple data types such as a string of text <em>and</em> an image — all inside the same variable. Think of variables as dynamic tokens: You can insert or pass them to actions with one tap, and they carry information that was generated at other points in the workflow.</p><p>For example, if you have a workflow that gets the current date at the beginning but only needs to use that date at the end, you can save the date to a variable at the top, and fetch it again later.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Wd6AaFLQhrF8pxr5XBhJER" name="" alt="Saving a date variable" src="https://cdn.mos.cms.futurecdn.net/Wd6AaFLQhrF8pxr5XBhJER.jpeg" mos="https://cdn.mos.cms.futurecdn.net/Wd6AaFLQhrF8pxr5XBhJER.jpeg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/Wd6AaFLQhrF8pxr5XBhJER.jpeg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div></figure><p>To work with variables, you'll use the 'Set Variable' and 'Get Variable' actions. Each variable has a name (assigned by you), and it can be used as many times as you want. The best aspect of variables is that, unlike actions, they can do more than simply being treated as an input and output – they can be embedded <em>into</em> actions. Take the 'Choose from Menu' action, for example:</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="bcNUGBeCXVsgzskWqEjbx9" name="" alt="Choose from menu" src="https://cdn.mos.cms.futurecdn.net/bcNUGBeCXVsgzskWqEjbx9.jpeg" mos="https://cdn.mos.cms.futurecdn.net/bcNUGBeCXVsgzskWqEjbx9.jpeg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/bcNUGBeCXVsgzskWqEjbx9.jpeg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div></figure><p>This action brings up a menu to pick from multiple options. There are several different fields you can modify in the action, including the title of the menu and the available options. But if you want the Prompt field to get data dynamically generated from previous actions, you can tap the 'Variable' button and pick one to be used inside the field.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="PWE5mD2G4Nxu2A4Vo7cYX" name="" alt="Showing a prompt with a date variable as title" src="https://cdn.mos.cms.futurecdn.net/PWE5mD2G4Nxu2A4Vo7cYX.jpeg" mos="https://cdn.mos.cms.futurecdn.net/PWE5mD2G4Nxu2A4Vo7cYX.jpeg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/PWE5mD2G4Nxu2A4Vo7cYX.jpeg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div></figure><p>In Workflow, you should use variables whenever possible, as they will help save considerable time when creating new workflows. Keep in mind, though, that variables aren't global to the entire app (each variable exists within the workflow where it lives); if you need something more global, the system clipboard is always available as a "special" variable in the app with a dedicated Clipboard token in actions that allow it.</p><h2 id="how-to-use-workflows-outside-of-the-app">How to use workflows outside of the app</h2><p>There are several ways Workflows can be integrated with iOS at a deeper level.</p><p>If you have a workflow that you'd prefer to run from outside of the app, you can launch it as an action extension from the iOS share sheet. From a workflow's Settings, set the type as action extension, choose which kind of data the workflow will accept from other apps — should it be available when you're sharing text? Or images? — and you're set.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="knNvivRBojP2gG6H8LQmFn" name="" alt="Setting up a workflow as an action extension" src="https://cdn.mos.cms.futurecdn.net/knNvivRBojP2gG6H8LQmFn.jpeg" mos="https://cdn.mos.cms.futurecdn.net/knNvivRBojP2gG6H8LQmFn.jpeg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/knNvivRBojP2gG6H8LQmFn.jpeg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div></figure><p>The next time you're in an app and would like to use data from that app in your workflow, run the Workflow extension, pick the workflow, and it'll execute right inside the host app. For example, there's a workflow that turns links into PDF versions of their webpages, which you can run in Tweetbot or Google Chrome, for instance. The action extension is, by far, my favorite aspect of Workflow and it has reinvented how I work on my iPad Pro.</p><p>There's also the ability to pin workflows as widgets and use them in the Today view of Notification Center. When running as widgets, your workflows will have some limited functionalities – you can't, for example, display PDFs or launch the keyboard in the widget – but everything else – interactive menus, images, web requests – will work perfectly with a slimmed down interface.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="d5DtKb3ThdxAtwepYPWWxF" name="" alt="A workflow as a widget" src="https://cdn.mos.cms.futurecdn.net/d5DtKb3ThdxAtwepYPWWxF.jpeg" mos="https://cdn.mos.cms.futurecdn.net/d5DtKb3ThdxAtwepYPWWxF.jpeg" align="middle" fullscreen="1" width="" height="" attribution="" endorsement="" class="expandable"><a href='https://cdn.mos.cms.futurecdn.net/d5DtKb3ThdxAtwepYPWWxF.jpeg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div></figure><p>The widget is a fantastic way to quickly access workflows that you run several times a day. I have one that shows me a quick list of contacts I want to message with pre-built canned responses (such as texting my girlfriend that I've arrived at home), and I couldn't live without them now.</p><p>Lastly, iCloud Drive. While Workflow isn't a file manager, it does have file management features to help you work with documents so that you can get details of files, open them, and share them with other apps and services. Workflow has long supported reading and writing to Dropbox, but in the last year the app has also <a href="https://www.macstories.net/ios/publishing-articles-to-wordpress-with-workflow-on-ios/">received support for iCloud Drive</a> to save and open files to and from iCloud.</p><p>If used with the 'Get File' action and the 'Show Document Picker' toggle turned off, you'll be able to retrieve a specific file from the /Workflow/ folder in iCloud Drive by file name. This effectively enables you to store assets and documents in iCloud Drive, which you can then combine with other actions to automate files within Workflow.</p><h2 id="a-place-for-experiments">A place for experiments</h2><p><a href="https://workflow.is">Workflow</a> is the Minecraft of iOS productivity: By deeply integrating with native iOS features and apps, Workflow's hundreds of actions are the building blocks that will help you save time when performing any kind of repetitive task. For both novices and more advanced users, Workflow is a beacon for iOS automation, and there's nothing else like it on the App Store.</p><p>It's the most powerful app on my iPhone and iPad — I wouldn't be able to work without it, and, almost two years after its release, I'm still discovering its infinite potential. And, with luck, this article can help you along your Workflow journey, too.</p><h2 id="questions">Questions?</h2><p>Let us know in the comments below!</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ How to make a website without coding knowledge ]]></title>
                                                                                                                                                                                                <link>https://www.imore.com/how-make-website-when-you-dont-know-how-code</link>
                                                                            <description>
                            <![CDATA[ Making a website isn't nearly as terrifying as it used to be. The web has changed since the early-mid nineties, and giving yourself a personal spot on the web is as simple as picking the right service for you. Here's what you need to know. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">wUvPpRs4atzUjTdDHnQpZH</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/T8p9w6VQ8Z85Q5xFkyfW6F-1280-80.jpeg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Wed, 06 Dec 2017 13:00:00 +0000</pubDate>                                                                                                                                <updated>Wed, 28 Feb 2018 18:58:12 +0000</updated>
                                                                                                                                            <category><![CDATA[Macs]]></category>
                                                                                                                    <dc:creator><![CDATA[ Serenity Caldwell ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5VXveN6ztHbefKv4nBbcZT.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/T8p9w6VQ8Z85Q5xFkyfW6F-1280-80.jpeg">
                                                            <media:credit><![CDATA[null]]></media:credit>
                                                                                                                                                                        <media:description><![CDATA[Everything you need to know about Apple&#039;s developer and public betas]]></media:description>                                                            <media:text><![CDATA[Everything you need to know about Apple&#039;s developer and public betas]]></media:text>
                                <media:title type="plain"><![CDATA[Everything you need to know about Apple&#039;s developer and public betas]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/T8p9w6VQ8Z85Q5xFkyfW6F-1280-80.jpeg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>Welcome back to <a href="https://www.imore.com/coding-corner" data-original-url="https://www.imore.com/coding-corner">Coding Corner!</a> Today, we'll be looking at a topic I've been asked a lot about lately: building a website.</p><p>The web has changed since the early-mid nineties: CSS exists, Flash is no more, and websites have become much more about beautiful design and bountiful features than text-and-image-heavy monster pages.</p><p>In 1996, if you wanted to create your own website, you had two options: join a hosting site like Tripod or Geocities and have limited control over your web presence, or build your own from scratch using HTML. But times have — thankfully — changed.</p><h2 id="meet-the-acronyms-wysiwyg-html-css-php-wtf">Meet the acronyms: WYSIWYG, HTML, CSS, PHP, WTF?</h2><p>Before we get in to <em>how</em> you can build your own website, let's talk a little bit about the building blocks of the web.</p><p>Your modern website is usually made up of three things: HTML, CSS, and Javascript.</p><section class="article__schema-question"><h3>HTML</h3><article class="article__schema-answer"></article></section><p>HTML stands for "HyperText Markup Language." It's been the backbone of the web since the begining, and uses words surrounded by chevrons (< >) called "tags" to create elements; these elements help you organize and structure your webpage. Any content you see on the web? It's surrounded by HTML.</p><ul><li><a href="https://www.w3schools.com/html/default.asp" class="cta">More about HTML</a></li></ul><section class="article__schema-question"><h3>CSS</h3><article class="article__schema-answer"></article></section><p>CSS, or "Cascading Style Sheets," is the design language of the modern web. It takes your HTML structure and makes it pretty: CSS uses code called selectors to identify the type of HTML you want to beautify, then uses CSS properties and values to alter its look.</p><ul><li><a href="https://www.w3schools.com/css/default.asp" class="cta">More about CSS</a></li></ul><section class="article__schema-question"><h3>Javascript (and other scripting languages)</h3><article class="article__schema-answer"></article></section><p>Javascript allows you to make a normally-static webpage interactive: Lightbox-style image galleries, smooth-scrolling pages (like the ones Apple favors), and web-based games all employ various Javascript functions.</p><p>There are other scripting languages you can employ on the web, too, including PHP, Ruby, and Java, all of which allow you to do more complex and dynamic activities on your website.</p><ul><li><a href="https://www.w3schools.com/js/default.asp" class="cta">More about Javascript</a></li></ul><section class="article__schema-question"><h3>The "Don't Panic" acronyms: WYSIWYG and CMS</h3><article class="article__schema-answer"></article></section><p>After hearing about all of these scripting and markup languages, you may be ready to swear off ever building a website, but don't panic: If you want to build a website in 2016, what I've told you already is all you ever <em>need</em> to know about these three languages if you don't want to actually code.</p><p>You don't have to know how to write HTML, or where to put CSS, or how JavaScript works — and that's all thanks to two other acronyms: WYSIWYG and CMS.</p><div><blockquote><p>You don't have to know how to write HTML or CSS or JavaScript thanks to two other acronyms: WYSIWYG and CMS.</p></blockquote></div><p>WYSIWYG stands for "What You See Is What You Get," and was first employed in the mid 1990s to help people with no HTML experience build websites. Instead of having to write code to make your website background blue or green, you could just choose "blue" or "green" from a drop-down menu, and your website would change accordingly. Many of the web's modern website-building services, including places like <a href="https://www.squarespace.com/">Squarespace</a>, operate on this principle.</p><p>A CMS, or "Content Management System," allows you to input content to your website without ever having to touch the code for the page. Ever posted on Tumblr or Medium? Those are both CMSes for bloggers.</p><h2 id="how-to-build-a-website-when-you-don-39-t-know-how-to-code">How to build a website when you don't know how to code</h2><p>We've come a long way since 1996: There are a ton of options available for budding website-builders, whether or not you know a lick of HTML. If you're ready to take the plunge into building a page, here's what you need to know.</p><section class="article__schema-question"><h3>Step 1: Understanding domains vs hosting</h3><article class="article__schema-answer"></article></section><p>To have a website, you need two things: a domain name (which tells you where on the web to go), and hosting (which stores your files — yes, every website is just a collection of files — somewhere that people can access them). Most modern services offer some variation of both; and many of the services recommended below offer custom top-level domain name registration as part of their paid packages. But should you take advantage of it?</p><p>Your typical top-level domain (TLD) costs around $10/year to register, and as such, it's a nice perk that website services can throw in as part of your monthly hosting fee. Even if you don't plan to stick with your website service, there's no real harm in taking advantage of this feature — if the service is worth its salt, you should be able to move that domain to another registration service should you ever leave your subscription plan.</p><p>One of the reasons <em>not</em> to take advantage of a paid freebee is if you want a special TLD extension — something other than ".com", ".edu", or ".net", for instance. Many website builders don't offer registration for the lesser-known TLDs, in part because they can be significantly more expensive per year; instead, check out a domain registration service like <a href="https://www.hover.com">Hover</a>. You should have no problem connecting an outside-registered domain to your website.</p><p>If you're using a free service, you may have a subdomain (like "[yourname].tumblr.com") provided for you automatically, but the service may also offer to register a top-level domain (TLD) like "[yourname].com" for a set fee per year. In this circumstance, I'd recommend using a <em>separate</em> registration service for any top-level domains, since you're not getting one for free.</p><ul><li><a href="https://www.hover.com" class="cta">For more information on registering domains - Hover</a></li></ul><section class="article__schema-question"><h3>Step 2: Do I want a free or paid service?</h3><article class="article__schema-answer"></article></section><p>As with the early days of the web, there are free services you can use to build and host your website — but they come with feature limitations. The biggest issue is control: Most free services host your data, and as such, you're tied to them. If your service goes bankrupt, or gets shut down, your data may go with it.</p><div><blockquote><p>Paid website services often offer custom domain names, full access to their website builder, and extra storage.</p></blockquote></div><p>Free services also rely on subdomains for your hosting — that is, something like "[yourname].tumblr.com" versus the top-level domain "[yourname].com". Your web URL will likely be forever tied with the service unless you pony up a little bit extra for a custom domain name.</p><p>In contrast, paid services often offer you a custom top-level domain name, full access to their website builder, and extra storage. Each service offers a variety of options for the actual building of websites — most are template-based and WYSIWYG, with some allowing under-the-hood customization if you want to venture into the world of HTML and CSS.</p><p>So the question is: how much should you pay for a website service?</p><p>When it comes to paid services, you can expect to pay around $7-$10/month for the hosting of a typical personal or blogging website. (You may also have to pay a $10-$15/year fee for your domain name, which we mentioned in the previous section.) If you want to host an online shop, or you plan to do something more complicated like provide large files (like video), you're looking closer in the $15-$30/month range. (Note that we're primarily talking about personal websites, here: If your site becomes a business with steady traffic, your hosting costs may dramatically increase.)</p><section class="article__schema-question"><h3>Step 3: Pick a website service</h3><article class="article__schema-answer"></article></section><p>There are quite a few free and paid services out on the web, which may make choosing one an anxiety-driving experience. Thankfully, these days it's as simple as narrowing down what you need from your website.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="REPcXCVkKv7CACXYG8ytLf" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/REPcXCVkKv7CACXYG8ytLf.jpeg" mos="https://cdn.mos.cms.futurecdn.net/REPcXCVkKv7CACXYG8ytLf.jpeg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p><strong>Basic Blogging:</strong> Want to have a voice on the web without the hassle of your own CMS? You can use a free service like Yahoo's <a href="https://www.tumblr.com/">Tumblr</a> and build text, photo, video, and GIF blogs to your heart's content. Tumblr offers your own custom subdomain and a bunch of different themes; you can even perform complete custom edits on them by diving into their HTML and CSS backbone. Tumblr also allows mapping to a custom top-level domain, though it won't sell you registration for one.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RMbTYh7HjjA7pkWXseDPL7" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/RMbTYh7HjjA7pkWXseDPL7.jpeg" mos="https://cdn.mos.cms.futurecdn.net/RMbTYh7HjjA7pkWXseDPL7.jpeg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p><strong>Basic Free Website:</strong> Want to build a personal website without the cost? <a href="https://www.weebly.com/">Weebly</a> is one of the better free options out there, with custom templates and drag-and-drop elements for your hobbyist website, blog, or storefront. You can also insert custom HTML or CSS, if you feel up to that sort of thing. Free users can either hook up an outside domain name or use a Weebly subdomain.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="NbpMUY7LH6fNPEi4uaQkR" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/NbpMUY7LH6fNPEi4uaQkR.jpeg" mos="https://cdn.mos.cms.futurecdn.net/NbpMUY7LH6fNPEi4uaQkR.jpeg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p><strong>Basic Paid Website or Shop:</strong> There's a reason why <a href="https://www.squarespace.com/">Squarespace</a> has so much name recognition in the beginner paid website space, and it's not just because they buy ads on every podcast imaginable. Their templates are gorgeous, the editing interface is excellent, and you don't have to know a scrap of HTML or CSS to make something beautiful and customized to your liking. Squarespace plans start at $96/year or $12/month, and include 20 pages, unlimited bandwidth, and free domain registration; the $216/year "Business" plan gives you unlimited pages, and also lets you have a storefront with up to 25 products.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="XX76dKkRhKCSomYz78oCNX" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/XX76dKkRhKCSomYz78oCNX.jpeg" mos="https://cdn.mos.cms.futurecdn.net/XX76dKkRhKCSomYz78oCNX.jpeg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p><strong>The Art Portfolio</strong>: If you want a website focused on art or multimedia, chances are you already have a subscription to Adobe's Creative Cloud products. If you do, you can set up a gorgeous display of your artwork with an <a href="https://portfolio.adobe.com/" title="" rel="nofollow">Adobe Portfolio</a> website: Though the site is limited to just five templates at present, it offers an impressive way to display and integrate projects from your Adobe apps (or Adobe's Behance social network) for the web. You can use a subdomain, or your own outside-purchased domain name. If you're not an Adobe Creative Cloud subscriber, you can get access to Adobe Portfolio — along with subscriptions to Photoshop and Lightroom CC — for $9.99/month.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="qYbpRQTxg8xJXsi2hYMEZk" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/qYbpRQTxg8xJXsi2hYMEZk.jpeg" mos="https://cdn.mos.cms.futurecdn.net/qYbpRQTxg8xJXsi2hYMEZk.jpeg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p><strong>Advanced Blogging:</strong> If you prefer full control over your blog, <a href="https://wordpress.com">Wordpress</a> is the titan of personal content management systems. The blogging company offers hosting for all levels of blogs, whether you're looking to blog under a free Wordpress subdomain (with 3GB space) or you want to pony up for more space and a custom domain name ($99/year for 13GB, or $299/year for unlimited storage). Wordpress is a household name in web blogging largely due to its incredible theme and plugin community; you can add all sorts of incredible features to your website by picking up a custom free plugin or two.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="PNS54or5ji4be7hSS2JeiG" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/PNS54or5ji4be7hSS2JeiG.jpeg" mos="https://cdn.mos.cms.futurecdn.net/PNS54or5ji4be7hSS2JeiG.jpeg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p><strong>For Serious Shoppers:</strong> If you're trying to open up your own digital storefront, Squarespace is a good starter service — but <a href="https://www.shopify.com">Shopify</a> is one of the masters in this arena. For $29/month, you can post an unlimited number of products and storage on your website; the service takes care of processing and helps you build shipping labels, track inventory, and more.</p><figure class="van-image-figure " data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="9p3Kxjq7EAPyk76FJoHXsV" name="" alt="" src="https://cdn.mos.cms.futurecdn.net/9p3Kxjq7EAPyk76FJoHXsV.jpeg" mos="https://cdn.mos.cms.futurecdn.net/9p3Kxjq7EAPyk76FJoHXsV.jpeg" align="middle" fullscreen="" width="" height="" attribution="" endorsement="" class=""></p></div></div></figure><p><strong>Host Your Own Site:</strong> If you can't find a web service that does exactly what you want it to — or you've decided you want to build something more ambitious — you're going to want to break free of the web services and buy your own web hosting. This can be a daunting step for someone who's never experimented with building websites before, so I generally recommend it <em>after</em> you've experimented with a web service or two, and only if you really need a custom build.</p><p>There are a couple of great web hosts out there, and everyone has opinions about which company is truly the best, but I've had exceptionally good luck with <a href="https://www.dreamhost.com/">Dreamhost</a> over the years. I've hosted several personal sites via Dreamhost since the mid-2000s; the company excels at making web hosting as friendly as possible, and offers a ton of "One-Click Goodies" that let you auto-install a CMS onto your website, so you never have to touch a lick of code. Want the comfort of Wordpress or a Wikipedia-style website on your own server? No problem.</p><section class="article__schema-question"><h3>Step 4: Get to building!</h3><article class="article__schema-answer"></article></section><p>Once you've picked a web service, it's as easy as putting your template together and uploading the images you want to your website. If you want to spruce up your pre-made web service template with your own flair, I recommend finding a good (and diffferent) color palette: <a href="https://coolors.co">Coolors</a> offers a wonderful color generator that lets you "lock" particular colors (for example, those in your logo) and uses those to build a complementary color scheme for your website.</p><p>If you're looking for more design inspiration, I also recommend watching PBS's <a href="https://www.youtube.com/watch?v=3iVVM_DgWY4">The Art of Web Design</a> — it's a fun little video that goes through the history of web design, as well as some great tips for doing it right.</p><h2 id="questions-2">Questions?</h2><p>And that about covers this edition of Coding Corner. Still have a question about building websites as a beginner? Let me know in the comments and I'll take a look.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
            </channel>
</rss>