<?xml version='1.0' encoding='utf-8' ?>

<rss version='2.0' xmlns:lj='http://www.livejournal.org/rss/lj/1.0/' xmlns:atom10='http://www.w3.org/2005/Atom'>
<channel>
  <title>Kill The Cake</title>
  <link>https://killthecake.dreamwidth.org/</link>
  <description>Kill The Cake - Dreamwidth Studios</description>
  <lastBuildDate>Wed, 27 Sep 2023 21:23:52 GMT</lastBuildDate>
  <generator>LiveJournal / Dreamwidth Studios</generator>
  <lj:journal>killthecake</lj:journal>
  <lj:journaltype>community</lj:journaltype>
  <image>
    <url>https://v2.dreamwidth.org/13783746/3603748</url>
    <title>Kill The Cake</title>
    <link>https://killthecake.dreamwidth.org/</link>
    <width>100</width>
    <height>100</height>
  </image>

<item>
  <guid isPermaLink='true'>https://killthecake.dreamwidth.org/30055.html</guid>
  <pubDate>Wed, 27 Sep 2023 21:23:52 GMT</pubDate>
  <title>[Gmail] Gradient Labels! &amp; Other Add-Ons</title>
  <link>https://killthecake.dreamwidth.org/30055.html</link>
  <description>Posted by: &lt;span lj:user=&apos;lina_trinch&apos; style=&apos;white-space: nowrap;&apos; class=&apos;ljuser&apos;&gt;&lt;a href=&apos;https://lina-trinch.dreamwidth.org/profile&apos;&gt;&lt;img src=&apos;https://www.dreamwidth.org/img/silk/identity/user.png&apos; alt=&apos;[personal profile] &apos; width=&apos;17&apos; height=&apos;17&apos; style=&apos;vertical-align: text-bottom; border: 0; padding-right: 1px;&apos; /&gt;&lt;/a&gt;&lt;a href=&apos;https://lina-trinch.dreamwidth.org/&apos;&gt;&lt;b&gt;lina_trinch&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;img src=&quot;https://images.plurk.com/5vu2t8z7ycf9VhxCGakEHn.png&quot;&gt;

    &lt;br /&gt;&lt;br /&gt;&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://killthecake.dreamwidth.org/30055.html#cutid1&quot;&gt;What do you even tag this as?&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=killthecake&amp;ditemid=30055&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://killthecake.dreamwidth.org/30055.html</comments>
  <category>tutorials</category>
  <lj:security>public</lj:security>
  <lj:poster>lina_trinch</lj:poster>
  <lj:reply-count>2</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://killthecake.dreamwidth.org/12420.html</guid>
  <pubDate>Sun, 22 Mar 2020 20:30:11 GMT</pubDate>
  <title>[3] Tutorial: How to Make a Gradient (Advanced Edition? Kinda?)</title>
  <link>https://killthecake.dreamwidth.org/12420.html</link>
  <description>Posted by: &lt;span lj:user=&apos;lina_trinch&apos; style=&apos;white-space: nowrap;&apos; class=&apos;ljuser&apos;&gt;&lt;a href=&apos;https://lina-trinch.dreamwidth.org/profile&apos;&gt;&lt;img src=&apos;https://www.dreamwidth.org/img/silk/identity/user.png&apos; alt=&apos;[personal profile] &apos; width=&apos;17&apos; height=&apos;17&apos; style=&apos;vertical-align: text-bottom; border: 0; padding-right: 1px;&apos; /&gt;&lt;/a&gt;&lt;a href=&apos;https://lina-trinch.dreamwidth.org/&apos;&gt;&lt;b&gt;lina_trinch&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Gradients are those different colors or rainbows or whatever that all blend together, like so:&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;div style=&quot;width: 400px;height: 50px;background: linear-gradient(90deg, red,orange,yellow,green,cyan,blue,purple);&quot;&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;And now we&apos;re going to learn how to do them. But before we get started, you should know that they won&apos;t work everywhere. Like you can&apos;t use a gradient as a font color or something. They do work in places you can make css work, though, like journal entries or layouts.&lt;br /&gt;&lt;br /&gt;Anyway, let&apos;s go ahead and get started. There&apos;s a surprising amount to it.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;font color=&quot;red&quot;&gt;However!&lt;/font&gt;&lt;/b&gt; &lt;a href=&quot;https://www.w3schools.com/css/css3_gradients.asp&quot;&gt;This guide at w3schools&lt;/a&gt; will cover all of the basics. You&apos;ll learn about how to make them, how angles work, repeating patterns, transparency, and linear/radial shapes.&lt;br /&gt;&lt;br /&gt;In here, we&apos;re going to cover a few other things.&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://killthecake.dreamwidth.org/12420.html#cutid1&quot;&gt;Read more...&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=killthecake&amp;ditemid=12420&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://killthecake.dreamwidth.org/12420.html</comments>
  <category>tutorials</category>
  <lj:security>public</lj:security>
  <lj:poster>lina_trinch</lj:poster>
  <lj:reply-count>0</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://killthecake.dreamwidth.org/12202.html</guid>
  <pubDate>Sun, 22 Mar 2020 19:49:23 GMT</pubDate>
  <title>[2] Tutorial: RGBA Color Codes</title>
  <link>https://killthecake.dreamwidth.org/12202.html</link>
  <description>Posted by: &lt;span lj:user=&apos;lina_trinch&apos; style=&apos;white-space: nowrap;&apos; class=&apos;ljuser&apos;&gt;&lt;a href=&apos;https://lina-trinch.dreamwidth.org/profile&apos;&gt;&lt;img src=&apos;https://www.dreamwidth.org/img/silk/identity/user.png&apos; alt=&apos;[personal profile] &apos; width=&apos;17&apos; height=&apos;17&apos; style=&apos;vertical-align: text-bottom; border: 0; padding-right: 1px;&apos; /&gt;&lt;/a&gt;&lt;a href=&apos;https://lina-trinch.dreamwidth.org/&apos;&gt;&lt;b&gt;lina_trinch&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;So we all know what &lt;b&gt;&lt;font color=&quot;red&quot;&gt;C&lt;/font&gt;&lt;font color=&quot;orange&quot;&gt;O&lt;/font&gt;&lt;font color=&quot;green&quot;&gt;L&lt;/font&gt;&lt;font color=&quot;blue&quot;&gt;O&lt;/font&gt;&lt;font color=&quot;purple&quot;&gt;R&lt;/font&gt;&lt;font color=&quot;red&quot;&gt;S&lt;/font&gt;&lt;/b&gt; are and most of us know what hex codes are. As a refresher, they&apos;re those color codes that look like &lt;b&gt;&lt;font color=&quot;#f70202&quot;&gt;#f70202&lt;/font&gt;&lt;/b&gt; or &lt;b&gt;&lt;font color=&quot;#2f00ff&quot;&gt;#2f00ff&lt;/font&gt;&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;But RGBA codes are something that are still relatively new to me. I explained how they worked in a post for an old code of mine but I&apos;m going to repeat that here.&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://killthecake.dreamwidth.org/12202.html#cutid1&quot;&gt;Read more...&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=killthecake&amp;ditemid=12202&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://killthecake.dreamwidth.org/12202.html</comments>
  <category>tutorials</category>
  <lj:security>public</lj:security>
  <lj:poster>lina_trinch</lj:poster>
  <lj:reply-count>0</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://killthecake.dreamwidth.org/11967.html</guid>
  <pubDate>Sun, 22 Mar 2020 17:26:29 GMT</pubDate>
  <title>[1] Tutorial: How to Make Your Sticky Entry Stand Out</title>
  <link>https://killthecake.dreamwidth.org/11967.html</link>
  <description>Posted by: &lt;span lj:user=&apos;lina_trinch&apos; style=&apos;white-space: nowrap;&apos; class=&apos;ljuser&apos;&gt;&lt;a href=&apos;https://lina-trinch.dreamwidth.org/profile&apos;&gt;&lt;img src=&apos;https://www.dreamwidth.org/img/silk/identity/user.png&apos; alt=&apos;[personal profile] &apos; width=&apos;17&apos; height=&apos;17&apos; style=&apos;vertical-align: text-bottom; border: 0; padding-right: 1px;&apos; /&gt;&lt;/a&gt;&lt;a href=&apos;https://lina-trinch.dreamwidth.org/&apos;&gt;&lt;b&gt;lina_trinch&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;So you&apos;ve probably noticed on &lt;a href=&quot;https://killthecake.dreamwidth.org/&quot;&gt;this comm&lt;/a&gt;, that I have a message pinned at the top about coding requests. It looks all fancy and is there to catch the eye. In fact, you&apos;ve probably noticed similar things on other comms and journals.&lt;br /&gt;&lt;br /&gt;All of those messages are sticky entries with a little css help involved. I&apos;m going to tell you how to make your own, but you might need to know a &lt;i&gt;little bit&lt;/i&gt; about css to customize your entry however you prefer. All I know is that it took me forever to figure out, so I thought I might as well tell you guys about it, too.&lt;br /&gt;&lt;br /&gt;For some extra css help, check out &lt;a href=&quot;http://w3schools.com/&quot;&gt;w3schools&lt;/a&gt;.&lt;br /&gt;&lt;center&gt;&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://killthecake.dreamwidth.org/11967.html#cutid1&quot;&gt;Read more...&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=killthecake&amp;ditemid=11967&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://killthecake.dreamwidth.org/11967.html</comments>
  <category>tutorials</category>
  <lj:security>public</lj:security>
  <lj:poster>lina_trinch</lj:poster>
  <lj:reply-count>2</lj:reply-count>
</item>
</channel>
</rss>
