<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="https://brooke.codes/wp-content/plugins/pretty-rss-feeds/xslt/pretty-feed.xsl" type="text/xsl" media="screen" ?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Design &#8211; &lt;Brooke&gt; &lt;Codes&gt;</title>
	<atom:link href="https://brooke.codes/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>https://brooke.codes</link>
	<description>The Tech Blog of Brooke. </description>
	<lastBuildDate>Thu, 27 Mar 2025 04:56:07 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>I want to ride my bike</title>
		<link>https://brooke.codes/2016/03/17/i-want-to-ride-my-bike/</link>
		
		<dc:creator><![CDATA[Brooke.]]></dc:creator>
		<pubDate>Thu, 17 Mar 2016 17:48:43 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[bikeblink]]></category>
		<category><![CDATA[maker]]></category>
		<guid isPermaLink="false">https://brooke.codes/?p=626</guid>

					<description><![CDATA[<img width="150" height="150" src="https://brooke.codes/wp-content/uploads/2016/03/bikeblink_featured-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="BikeBlink featured" decoding="async" />BikeBlink Part III Once I started to wire the bike light into my 3D Box I quickly learned that while I learned a lot my box was clunky and would have too many wires. That&#8217;s around the same time I learned about custom circuit boards. The first thing I did was watch a few videos [&#8230;]]]></description>
										<content:encoded><![CDATA[<img width="150" height="150" src="https://brooke.codes/wp-content/uploads/2016/03/bikeblink_featured-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="BikeBlink featured" decoding="async" loading="lazy" />
<h3 class="wp-block-heading"><strong>BikeBlink Part III</strong></h3>



<p class="wp-block-paragraph">Once I started to wire the bike light into my<a href="https://brooke.codes/?p=611"> 3D Box</a> I quickly learned that while I learned a lot my box was clunky and would have too many wires. That&#8217;s around the same time I learned about custom circuit boards.</p>



<span id="more-626"></span>



<p class="wp-block-paragraph">The first thing I did was watch a few videos and download the free version of EAGLE. I had the advantage of working with this circuit for a while and pretty much having it memorized. Once In EAGLE I created the schematic and board layout. From there it came down to printing and making though my pull though components would work as expected.&nbsp; I also used the Trinket EAGLE file found on <a href="https://github.com/adafruit/Adafruit-Eagle-Library/pull/18">GitHub</a>.</p>



<figure class="wp-block-gallery has-nested-images columns-3 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://brooke.codes/wp-content/uploads/2016/03/board_layout.png"><img fetchpriority="high" decoding="async" width="942" height="978" data-id="639" src="https://brooke.codes/wp-content/uploads/2016/03/board_layout.png" alt="" class="wp-image-639" srcset="https://brooke.codes/wp-content/uploads/2016/03/board_layout.png 942w, https://brooke.codes/wp-content/uploads/2016/03/board_layout-289x300.png 289w, https://brooke.codes/wp-content/uploads/2016/03/board_layout-768x797.png 768w" sizes="(max-width: 942px) 100vw, 942px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://brooke.codes/wp-content/uploads/2016/03/schematic.png"><img decoding="async" width="1024" height="588" data-id="640" src="https://brooke.codes/wp-content/uploads/2016/03/schematic-1024x588.png" alt="" class="wp-image-640" srcset="https://brooke.codes/wp-content/uploads/2016/03/schematic-1024x588.png 1024w, https://brooke.codes/wp-content/uploads/2016/03/schematic-300x172.png 300w, https://brooke.codes/wp-content/uploads/2016/03/schematic-768x441.png 768w, https://brooke.codes/wp-content/uploads/2016/03/schematic-1536x882.png 1536w, https://brooke.codes/wp-content/uploads/2016/03/schematic.png 1654w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>
</figure>



<p class="wp-block-paragraph">I then ordered the boards from <a href="https://oshpark.com/">OSH Park </a>which I highly recommend. Their website is easy to use and provides a board preview which really helped me make sure my screen printing was in order. The boards arrived and everything works as expected.</p>



<figure class="wp-block-gallery has-nested-images columns-3 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://brooke.codes/wp-content/uploads/2016/03/bikeblink3.jpg"><img loading="lazy" decoding="async" width="640" height="640" data-id="659" src="https://brooke.codes/wp-content/uploads/2016/03/bikeblink3.jpg" alt="" class="wp-image-659" srcset="https://brooke.codes/wp-content/uploads/2016/03/bikeblink3.jpg 640w, https://brooke.codes/wp-content/uploads/2016/03/bikeblink3-300x300.jpg 300w, https://brooke.codes/wp-content/uploads/2016/03/bikeblink3-150x150.jpg 150w" sizes="auto, (max-width: 640px) 100vw, 640px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://brooke.codes/wp-content/uploads/2016/03/bikeblink4.jpg"><img loading="lazy" decoding="async" width="800" height="495" data-id="660" src="https://brooke.codes/wp-content/uploads/2016/03/bikeblink4.jpg" alt="" class="wp-image-660" srcset="https://brooke.codes/wp-content/uploads/2016/03/bikeblink4.jpg 800w, https://brooke.codes/wp-content/uploads/2016/03/bikeblink4-300x186.jpg 300w, https://brooke.codes/wp-content/uploads/2016/03/bikeblink4-768x475.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://brooke.codes/wp-content/uploads/2016/03/bikeblink1.jpg"><img loading="lazy" decoding="async" width="800" height="450" data-id="657" src="https://brooke.codes/wp-content/uploads/2016/03/bikeblink1.jpg" alt="" class="wp-image-657" srcset="https://brooke.codes/wp-content/uploads/2016/03/bikeblink1.jpg 800w, https://brooke.codes/wp-content/uploads/2016/03/bikeblink1-300x169.jpg 300w, https://brooke.codes/wp-content/uploads/2016/03/bikeblink1-768x432.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://brooke.codes/wp-content/uploads/2016/03/bikeblink2.jpg"><img loading="lazy" decoding="async" width="800" height="450" data-id="658" src="https://brooke.codes/wp-content/uploads/2016/03/bikeblink2.jpg" alt="" class="wp-image-658" srcset="https://brooke.codes/wp-content/uploads/2016/03/bikeblink2.jpg 800w, https://brooke.codes/wp-content/uploads/2016/03/bikeblink2-300x169.jpg 300w, https://brooke.codes/wp-content/uploads/2016/03/bikeblink2-768x432.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://brooke.codes/wp-content/uploads/2016/03/bikeblink_board.png"><img loading="lazy" decoding="async" width="163" height="200" data-id="654" src="https://brooke.codes/wp-content/uploads/2016/03/bikeblink_board.png" alt="" class="wp-image-654"/></a></figure>
</figure>



<p class="wp-block-paragraph">Now that I have a much more compact cleaner version of my board layout next up will be revisiting the enclosure. For the curious, I&#8217;ve released the boards as<a href="https://github.com/BrookeDot/BikeBlink"> Open Source Hardware</a>.</p>



<p class="wp-block-paragraph">&nbsp;</p>



<p class="wp-block-paragraph">&nbsp;</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>I want to ride my bicycle</title>
		<link>https://brooke.codes/2016/03/14/i-want-to-ride-my-bicycle/</link>
		
		<dc:creator><![CDATA[Brooke.]]></dc:creator>
		<pubDate>Mon, 14 Mar 2016 17:44:39 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[bikeblink]]></category>
		<category><![CDATA[maker]]></category>
		<guid isPermaLink="false">https://brooke.codes/?p=611</guid>

					<description><![CDATA[<img width="150" height="150" src="https://brooke.codes/wp-content/uploads/2016/03/3d_featured-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="3d featured" decoding="async" loading="lazy" />BikeBlink Part II Now that I had working code I started thinking about waterproofing. I decided to order a waterproof cable and print a 3D Box. As this was my first time 3D Printing I had no idea what I was doing. I designed a box in AutoDesk 3D and headed to my local maker [&#8230;]]]></description>
										<content:encoded><![CDATA[<img width="150" height="150" src="https://brooke.codes/wp-content/uploads/2016/03/3d_featured-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="3d featured" decoding="async" loading="lazy" /><h3><strong>BikeBlink Part II</strong></h3>
<p>Now that I had<a href="https://brooke.codes/2016/03/12/bicycle-bicycle/"> working code</a> I started thinking about waterproofing. I decided to order a waterproof cable and print a 3D Box. As this was my first time 3D Printing I had no idea what I was doing. I designed a box in AutoDesk 3D and headed to my local maker space to have it printed. Over all I&#8217;m pretty happy with how the box turned out. My original idea was to solder everything into the box. However, I learned this was not as easily done as I was hoping so I&#8217;ll be going another route in terms of enclosures.</p>
<p><span id="more-611"></span></p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-619" src="https://brooke.codes/wp-content/uploads/2016/03/3dcase.jpg" alt="3Dcase" width="800" height="450" srcset="https://brooke.codes/wp-content/uploads/2016/03/3dcase.jpg 800w, https://brooke.codes/wp-content/uploads/2016/03/3dcase-300x169.jpg 300w, https://brooke.codes/wp-content/uploads/2016/03/3dcase-768x432.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /><img loading="lazy" decoding="async" class="alignnone size-full wp-image-620" src="https://brooke.codes/wp-content/uploads/2016/03/box_solder.jpg" alt="box_solder" width="800" height="450" srcset="https://brooke.codes/wp-content/uploads/2016/03/box_solder.jpg 800w, https://brooke.codes/wp-content/uploads/2016/03/box_solder-300x169.jpg 300w, https://brooke.codes/wp-content/uploads/2016/03/box_solder-768x432.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bicycle Bicycle</title>
		<link>https://brooke.codes/2016/03/12/bicycle-bicycle/</link>
		
		<dc:creator><![CDATA[Brooke.]]></dc:creator>
		<pubDate>Sat, 12 Mar 2016 19:29:57 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[bikeblink]]></category>
		<category><![CDATA[maker]]></category>
		<guid isPermaLink="false">https://brooke.codes/?p=541</guid>

					<description><![CDATA[<img width="150" height="150" src="https://brooke.codes/wp-content/uploads/2016/03/bike_blink_featured-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Bike blink featured" decoding="async" loading="lazy" />BikeBlink Part I About 10 months ago I had a friend who got hit by a car while on a bike. This lead to stepping up the visibility game. One of the improvements were bike spoke lights.&#160;They serve to increase side visibility while riding. When I first saw this I was just getting into the [&#8230;]]]></description>
										<content:encoded><![CDATA[<img width="150" height="150" src="https://brooke.codes/wp-content/uploads/2016/03/bike_blink_featured-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Bike blink featured" decoding="async" loading="lazy" />
<h3 class="wp-block-heading"><strong>BikeBlink Part I</strong></h3>



<blockquote class="wp-block-quote is-style-info-notice is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><strong>Note: </strong>This post refers to code and a project from <em>many</em> years ago <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f631.png" alt="😱" class="wp-smiley" style="height: 1em; max-height: 1em;" />. The content was edited in March of 2025 to remove dead links, improve clarity, or fix formatting, but no other edits were made. Enjoy this time capsule into the past.</p>
</blockquote>



<figure class="wp-block-image alignnone size-full wp-image-552"><img loading="lazy" decoding="async" width="478" height="480" src="https://brooke.codes/wp-content/uploads/2016/03/m204_cover1_2015-478x480-1.jpg" alt="m204_cover1_2015-478x480" class="wp-image-552" srcset="https://brooke.codes/wp-content/uploads/2016/03/m204_cover1_2015-478x480-1.jpg 478w, https://brooke.codes/wp-content/uploads/2016/03/m204_cover1_2015-478x480-1-300x300.jpg 300w, https://brooke.codes/wp-content/uploads/2016/03/m204_cover1_2015-478x480-1-150x150.jpg 150w" sizes="auto, (max-width: 478px) 100vw, 478px" /><figcaption class="wp-element-caption">Monkeylight m204 spoke light from Monkeylectric</figcaption></figure>



<p class="wp-block-paragraph">About 10 months ago I had a friend who got hit by a car while on a bike. This lead to stepping up the visibility game. One of the improvements were bike spoke lights.&nbsp;They serve to increase side visibility while riding.</p>



<span id="more-541"></span>



<p class="wp-block-paragraph">When I first saw this I was just getting into the maker space and said to myself, perhaps stupidly, &#8220;I can make that.&#8221; Then went to work.</p>



<p class="wp-block-paragraph">I started researching and landed on the <a href="https://learn.adafruit.com/introducing-trinket/introduction">Adafruit Trinket</a> as my microcontroller of choice. It&#8217;s small, powerful enough and has everything I needed to run my LEDs.</p>



<figure class="wp-block-image"><img loading="lazy" decoding="async" width="800" height="615" src="https://brooke.codes/wp-content/uploads/2016/03/adafruit_products_trinket_clear_products_1500_orig.jpg" alt="adafruit_products_trinket_clear_products_1500_ORIG.jpg" class="wp-image-564" srcset="https://brooke.codes/wp-content/uploads/2016/03/adafruit_products_trinket_clear_products_1500_orig.jpg 800w, https://brooke.codes/wp-content/uploads/2016/03/adafruit_products_trinket_clear_products_1500_orig-300x231.jpg 300w, https://brooke.codes/wp-content/uploads/2016/03/adafruit_products_trinket_clear_products_1500_orig-768x590.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">The Trinket has&nbsp;~5.25K bytes of space available for use, and 512 bytes of ram. These&nbsp;limitations would be a good&nbsp;to work with as a challenge to write more efficient code.</p>



<figure class="wp-block-image"><img loading="lazy" decoding="async" width="800" height="800" src="https://brooke.codes/wp-content/uploads/2016/03/breadboard.jpg?w=600" alt="breadboard" class="wp-image-578" srcset="https://brooke.codes/wp-content/uploads/2016/03/breadboard.jpg 800w, https://brooke.codes/wp-content/uploads/2016/03/breadboard-300x300.jpg 300w, https://brooke.codes/wp-content/uploads/2016/03/breadboard-150x150.jpg 150w, https://brooke.codes/wp-content/uploads/2016/03/breadboard-768x768.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">After some time I got a working test which flashed though 4 different LED modes switching modes at a press of the button. As an added bonus I added the mode into E<sup>2</sup>PROM(non-volatile&nbsp;memory). This allows the device to turn on in the mode it was using when power was disconnected.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="lightshow" width="500" height="281" src="https://www.youtube.com/embed/BS0jvVxCjgg?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p class="wp-block-paragraph">The code <a href="https://github.com/BrookeDot/BikeBlink/blob/master/bikeblink.ino">is up on GitHub.</a></p>



<p class="wp-block-paragraph">&nbsp;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>I&#8217;m thinkin&#8217; about my doorbell</title>
		<link>https://brooke.codes/2016/03/04/im-thinkin-about-my-doorbell/</link>
		
		<dc:creator><![CDATA[Brooke.]]></dc:creator>
		<pubDate>Fri, 04 Mar 2016 08:20:31 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[laser]]></category>
		<category><![CDATA[laser-cutting]]></category>
		<category><![CDATA[maker]]></category>
		<guid isPermaLink="false">https://brooke.codes/?p=498</guid>

					<description><![CDATA[<img width="150" height="150" src="https://brooke.codes/wp-content/uploads/2016/03/doorbell_featured-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Doorbell featured" decoding="async" loading="lazy" />Laser Cut Doorbell enclosure for Flic I recently bought a set of Flic buttons for my home. At my house these are mostly used to control my music or easy turn on/off my lights. Another great feature was being able to place one outside to be used as a doorbell. When clicked once a bell [&#8230;]]]></description>
										<content:encoded><![CDATA[<img width="150" height="150" src="https://brooke.codes/wp-content/uploads/2016/03/doorbell_featured-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Doorbell featured" decoding="async" loading="lazy" />
<h3 class="wp-block-heading"><strong>Laser Cut Doorbell enclosure for Flic</strong></h3>



<p class="wp-block-paragraph">I recently bought a set of <a href="https://flic.io">Flic buttons </a>for my home. At my house these are mostly used to control my music or easy turn on/off my lights. Another great feature was being able to place one outside to be used as a doorbell.</p>



<span id="more-498"></span>



<p class="wp-block-paragraph">When clicked once a bell is sounded though the Flic app using a tablet. I had a friend recently buy one for this purpose at his home and we were talking about a way to enclose it. Enter this laser cut enclosure.</p>



<figure class="wp-block-gallery has-nested-images columns-3 is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://brooke.codes/wp-content/uploads/2016/03/doorbell1.jpg"><img loading="lazy" decoding="async" width="1024" height="576" data-id="525" src="https://brooke.codes/wp-content/uploads/2016/03/doorbell1-1024x576.jpg" alt="" class="wp-image-525" srcset="https://brooke.codes/wp-content/uploads/2016/03/doorbell1-1024x576.jpg 1024w, https://brooke.codes/wp-content/uploads/2016/03/doorbell1-300x169.jpg 300w, https://brooke.codes/wp-content/uploads/2016/03/doorbell1-768x432.jpg 768w, https://brooke.codes/wp-content/uploads/2016/03/doorbell1.jpg 1138w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://brooke.codes/wp-content/uploads/2016/03/doorbell3.jpg"><img loading="lazy" decoding="async" width="1024" height="576" data-id="527" src="https://brooke.codes/wp-content/uploads/2016/03/doorbell3-1024x576.jpg" alt="" class="wp-image-527" srcset="https://brooke.codes/wp-content/uploads/2016/03/doorbell3-1024x576.jpg 1024w, https://brooke.codes/wp-content/uploads/2016/03/doorbell3-300x169.jpg 300w, https://brooke.codes/wp-content/uploads/2016/03/doorbell3-768x432.jpg 768w, https://brooke.codes/wp-content/uploads/2016/03/doorbell3.jpg 1138w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://brooke.codes/wp-content/uploads/2016/03/doorbell2.jpg"><img loading="lazy" decoding="async" width="1024" height="576" data-id="524" src="https://brooke.codes/wp-content/uploads/2016/03/doorbell2-1024x576.jpg" alt="" class="wp-image-524" srcset="https://brooke.codes/wp-content/uploads/2016/03/doorbell2-1024x576.jpg 1024w, https://brooke.codes/wp-content/uploads/2016/03/doorbell2-300x169.jpg 300w, https://brooke.codes/wp-content/uploads/2016/03/doorbell2-768x432.jpg 768w, https://brooke.codes/wp-content/uploads/2016/03/doorbell2.jpg 1138w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="640" height="840" data-id="526" src="https://brooke.codes/wp-content/uploads/2016/03/doorbell4.jpg" alt="" class="wp-image-526" srcset="https://brooke.codes/wp-content/uploads/2016/03/doorbell4.jpg 640w, https://brooke.codes/wp-content/uploads/2016/03/doorbell4-229x300.jpg 229w" sizes="auto, (max-width: 640px) 100vw, 640px" /></figure>
</figure>



<p class="wp-block-paragraph">Things didn&#8217;t work out perfectly with the sides but the enclosure still works without sites. The bell can be rung by pressing the button though the case. I have<a href="https://brooke.codes/wp-content/uploads/2016/03/doorbell.zip"> uploaded the EPS file</a> if anyone want to use it as a base for their design. They are released under Creative Commons Share-Alike. Included are two files both of which may not be perfect. The one printed is the one marked printed.</p>



<p class="wp-block-paragraph">P.S. I do realize this is the first time I&#8217;ve posted in over two years. As I find my place in the maker/creator space expect more post in the future.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>MP6 Light</title>
		<link>https://brooke.codes/2013/07/28/mp6-light/</link>
					<comments>https://brooke.codes/2013/07/28/mp6-light/#comments</comments>
		
		<dc:creator><![CDATA[Brooke.]]></dc:creator>
		<pubDate>Sun, 28 Jul 2013 07:44:06 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wp-plugins]]></category>
		<guid isPermaLink="false">https://brooke.codes/?p=352</guid>

					<description><![CDATA[It&#8217;s one of the (not so) well kept secrets in WordPress that a team is busy redesigning the admin interface.&#160; In fact, if you use WordPress.com you have likely noticed a change in the admin layout some time ago. For those of you using a self-hosted WordPress site the change most likely won&#8217;t happen till [&#8230;]]]></description>
										<content:encoded><![CDATA[
<blockquote class="wp-block-quote is-style-info-notice is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><strong>Note: </strong>This post refers to code and a project from <em>many</em> years ago <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f631.png" alt="😱" class="wp-smiley" style="height: 1em; max-height: 1em;" />. The content was edited in March of 2025 to remove dead links, improve clarity, or fix formatting, but no other edits were made. Enjoy this time capsule into the past.</p>
</blockquote>



<p class="wp-block-paragraph">It&#8217;s one of the (not so) well kept secrets in WordPress that a team is busy redesigning the admin interface.&nbsp; In fact, if you use WordPress.com you have likely noticed a change in the admin layout some time ago. For those of you using a self-hosted WordPress site the change most likely won&#8217;t happen till at least 3.7.</p>



<p class="wp-block-paragraph">However, for the early adopters and developers you can preview the new layout by using the <a href="https://wordpress.org/plugins/mp6">MP6 Plugin</a>.  I personally (and from the forums, many others) felt that the new sidebar was too dark. It also currently looks like MP6 plugin won&#8217;t give users the option to switch between layouts. For this reason I&#8217;ve created MP6-light which basically works by adding a stylesheet that makes the admin a bit lighter. Check out the <a href="https://brooke.codes/past-projects/mp6-light/">project page</a> or get the plugin from the <a href="https://wordpress.org/plugins/mp6-light">WordPress repository</a>.</p>



<p class="wp-block-paragraph"><strong>NOTE:</strong> This plugin requires the MP6 plugin to be installed.</p>



<p class="wp-block-paragraph"><strong>P.S</strong>: I&#8217;m also looking for people to get involved with the project on <a href="https://github.com/BrookeDot/mp6-light">github</a>.</p>



<figure class="wp-block-image aligncenter"><a href="https://brooke.codes/wp-content/uploads/2013/07/screenshot-2.png"><img loading="lazy" decoding="async" width="1024" height="374" src="https://brooke.codes/wp-content/uploads/2013/07/screenshot-2.png" alt="screenshot-2" class="wp-image-355" srcset="https://brooke.codes/wp-content/uploads/2013/07/screenshot-2.png 1024w, https://brooke.codes/wp-content/uploads/2013/07/screenshot-2-300x110.png 300w, https://brooke.codes/wp-content/uploads/2013/07/screenshot-2-768x281.png 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<figure class="wp-block-image aligncenter"><a href="https://brooke.codes/wp-content/uploads/2013/07/screenshot-1.png"><img loading="lazy" decoding="async" width="1024" height="485" src="https://brooke.codes/wp-content/uploads/2013/07/screenshot-1.png" alt="screenshot-1" class="wp-image-346" srcset="https://brooke.codes/wp-content/uploads/2013/07/screenshot-1.png 1024w, https://brooke.codes/wp-content/uploads/2013/07/screenshot-1-300x142.png 300w, https://brooke.codes/wp-content/uploads/2013/07/screenshot-1-768x364.png 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://brooke.codes/2013/07/28/mp6-light/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
		<item>
		<title>Software does NOT make you a designer</title>
		<link>https://brooke.codes/2013/04/26/software-does-not-make-you-a-designer/</link>
		
		<dc:creator><![CDATA[Brooke.]]></dc:creator>
		<pubDate>Sat, 27 Apr 2013 05:50:45 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Rants]]></category>
		<guid isPermaLink="false">https://brooke.codes/?p=331</guid>

					<description><![CDATA[As someone with an associates in Graphic Design and who enjoys good design I am always cautious when something claims to take the work out of design.  So when I saw Logo Design Studio* the it made me laugh and scream. The product&#8217;s tag-line is &#8220;Easy Logo Design and Illustration.&#8221;  Let&#8217;s be honest there is [&#8230;]]]></description>
										<content:encoded><![CDATA[
<blockquote class="wp-block-quote is-style-info-notice is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><strong>Note: </strong>This post is from <em>many</em> years ago <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f631.png" alt="😱" class="wp-smiley" style="height: 1em; max-height: 1em;" />. The content was edited in March of 2025 to remove dead links, improve clarity, or fix formatting, but no other edits were made. Enjoy this time capsule into the past.</p>
</blockquote>



<figure class="wp-block-image alignleft"><img loading="lazy" decoding="async" width="147" height="167" src="https://brooke.codes/wp-content/uploads/2013/04/lds-pro-lg.jpg" alt="" class="wp-image-332"/></figure>



<p class="wp-block-paragraph">As someone with an associates in Graphic Design and who enjoys good design I am always cautious when something claims to take the work out of design.  So when I saw Logo Design Studio* the it made me laugh and scream. The product&#8217;s tag-line is &#8220;Easy Logo Design and Illustration.&#8221;  Let&#8217;s be honest there is nothing &#8220;easy&#8221; about branding. Good design is hard, takes work, and requires a lot of thought.</p>



<p class="wp-block-paragraph">It is products like these that worry me, not because I&#8217;m scare of losing my job, but because I&#8217;m tired of seeing crappy design. There seems to be this misconception out there that if you own Photoshop you&#8217;re a designer or if you have a nice camera you&#8217;re a photographer. This simply is not the case. I&#8217;m not trying to claim to be an expert and to be honest on occasion I&#8217;ve seen&nbsp; great design come from people with no formal design background. What I am saying is that it&#8217;s not a matter of software that makes a good designer.</p>



<p class="wp-block-paragraph">This brings me to a last and somewhat unrelated note, good design cost money. Yet another of my frustration in the design world is that people think that just because they can buy software for say $40 that they should then be able to get a logo for that amount. I&#8217;m sorry (okay no I&#8217;m not) but this is not the case. Good design will, and should, cost a fair amount of money. Again, it&#8217;s not about the money per say, it is however about getting what you pay for. If you think about it a good logo is something you will be using for the life of your business. What that looks like is totally up to you. And trust me it&#8217;s easier to do it right from the beginning than to have to go back and start over.</p>



<p class="wp-block-paragraph">I&#8217;ll leave you with this:&nbsp; yes branding cost money. Yes that can suck. Yes there is software that says it can do it for you. No, it probably can&#8217;t. Yes, you get what you pay for. Yes these are my opinions.</p>



<p class="wp-block-paragraph"><em>*I have to admit, I&#8217;ve never used this product, maybe it&#8217;s great (but probably not).</em></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to Make a Logo</title>
		<link>https://brooke.codes/2011/08/01/how-to-make-a-logo/</link>
		
		<dc:creator><![CDATA[Brooke.]]></dc:creator>
		<pubDate>Tue, 02 Aug 2011 00:47:47 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<guid isPermaLink="false">https://brooke.codes/?p=203</guid>

					<description><![CDATA[I’m going to take a step away from the normal programming side of this blog with this post on how to create a logo. Here is a typical workflow that I find to be rather effective. It may or may not work for you but if nothing else I hope it helps provide you with [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>I’m going to take a step away from the normal programming side of this blog with this post on how to create a logo. Here is a typical workflow that I find to be rather effective. It may or may not work for you but if nothing else I hope it helps provide you with some ideas. So without further ado here is how to create a logo in three easy to swallow steps.</p>
<h3>Research</h3>
<p>Stop for a moment take a deep breath and ask yourself or your client what it is you are trying to accomplish with your logo. Look at other brands in the industry ask what works and what doesn’t. Find additional brands outside the industry, again, ask what works and what doesn’t. Find logos to look at for inspiration. Really spend the time to think about your brand. Where do you want to be in ten years? What is your audience? What is it you are trying to say? These are just some example questions really take the time here and think it out.</p>
<h3>Draw</h3>
<p>Now that the research is out of the way you are probably tempted to open up your favorite image editor and get to work. Don’t. Before taking things to the computer it is often helpful to sketch some ideas on paper. It may be helpful to turn off your cell phone and computer and go somewhere relaxing to just draw. This is the stage you really want to push yourself. Remember there are no bad ideas. This is the place to explore every option. Once you have a few great ideas try making variations on those. Out of ideas yet? Good, now pour yourself and glass of wine and call it an evening.</p>
<p>The next day come back and look at your sketches. If you’ve content then now is the time to start to digitalized your design. If not take a look at all your sketches and keep drawing. Perseverance is the key.</p>
<h3>Create</h3>
<p>Now that the hard part is out of the way scan your sketch or open up your favorite image editor and let the fun begin. Now that you know what you are trying to accomplish this should be the funniest part.  You may find that the design still does change once you get to the computer. That’s okay.</p>
<p>A few closing thoughts</p>
<p><strong>Simple is best. </strong> Sticking to a basic colors scheme and design will save a lot of headaches in the long run.</p>
<p><strong>Keep usage in mind</strong>. Most logos need to be able to look good on a billboard or an envelope meaning that it is important to create a design that looks good in all sizes. Whenever possible try to use a vector program. This will allow for easier resizing in the future.</p>
<p><strong>Have fun.</strong> Designing a logo should be fun and try not to stress.  Remember not everyone can be a designer you may have to hire a professional.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
