<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Ken Sparks</title>
    <description>The latest articles on DEV Community by Ken Sparks (@kensparksdev).</description>
    <link>https://dev.to/kensparksdev</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F454797%2Feebbad51-4505-4357-b226-b1b4bf9de385.jpg</url>
      <title>DEV Community: Ken Sparks</title>
      <link>https://dev.to/kensparksdev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/kensparksdev"/>
    <language>en</language>
    <item>
      <title>Explain a Tech Stack Like I'm 5</title>
      <dc:creator>Ken Sparks</dc:creator>
      <pubDate>Wed, 27 Jan 2021 15:57:27 +0000</pubDate>
      <link>https://dev.to/kensparksdev/explain-a-tech-stack-like-i-m-5-76p</link>
      <guid>https://dev.to/kensparksdev/explain-a-tech-stack-like-i-m-5-76p</guid>
      <description>&lt;p&gt;Can you explain the concept of a Stack/Tech Stack in an simplistic way?&lt;/p&gt;

</description>
      <category>explainlikeimfive</category>
    </item>
    <item>
      <title>Input[type='checkbox'] question. Is there a way to change the color of the checkmark?</title>
      <dc:creator>Ken Sparks</dc:creator>
      <pubDate>Fri, 23 Oct 2020 04:12:20 +0000</pubDate>
      <link>https://dev.to/kensparksdev/input-type-checkbox-question-is-there-a-way-to-change-the-color-of-the-checkmark-2o7l</link>
      <guid>https://dev.to/kensparksdev/input-type-checkbox-question-is-there-a-way-to-change-the-color-of-the-checkmark-2o7l</guid>
      <description>&lt;p&gt;I've looked at a lot of articles regarding checkboxes and styling them. I'm just looking for a way to change the color of the checkmark. Is there a way to do this without creating a brand new checkmark or using an icon?&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>css</category>
      <category>html</category>
    </item>
    <item>
      <title>Media Queries Code Snippet</title>
      <dc:creator>Ken Sparks</dc:creator>
      <pubDate>Sun, 04 Oct 2020 14:19:26 +0000</pubDate>
      <link>https://dev.to/kensparksdev/media-queries-code-snippet-46f5</link>
      <guid>https://dev.to/kensparksdev/media-queries-code-snippet-46f5</guid>
      <description>&lt;p&gt;&lt;em&gt;MQs - Media Queries&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Media Queries are the bee's knees when coding &lt;a href="https://www.w3schools.com/html/html_responsive.asp"&gt;responsive websites&lt;/a&gt;. As you may know, determining the best breakpoint for your site isn't an exact science but there are a few MQs I use for every site that I make. When setting up scss/css files I always set these MQs at the bottom of the file in anticipation that I'll be using them as the project moves along:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;// MD devices (tablets, 768px and up)
@media (min-width: 768px) { }

// LG devices (desktops, 1024px and up)
@media (min-width: 1024px) { }

// XL devices (large desktops, 1200px and up)
@media (min-width: 1200px) { }

// XXL devices (large desktops, 1500px and up)
@media (min-width: 1500px) { }
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;A few things to note here: &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;I always write code beginning at the mobile size and then gradually moving to XXL screen sizes. This is why you won't see any (max-width: ####) on this code snippet. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;As I mentioned earlier determining the breakpoint for your website is not an exact science. Do not be beholden to this snippet. Adjust as needed. Never be afraid to experiment to get the results that you need. &lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;For more on media queries check out this article: &lt;a href="https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/"&gt;Media Query CSS Tutorial&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;I hope this helped :)&lt;/p&gt;

</description>
      <category>css</category>
      <category>codenewbie</category>
      <category>beginners</category>
    </item>
  </channel>
</rss>
