tag:blogger.com,1999:blog-77422214656296734532024-02-19T22:00:27.734-08:00Christian DeGraafPersonal interests and thoughts. Unknownnoreply@blogger.comBlogger121125tag:blogger.com,1999:blog-7742221465629673453.post-15509493321336177282016-12-19T11:49:00.002-08:002022-10-25T15:37:06.552-07:00“Creed” on the World - by Steve Turner - satirical poem on the modern mind<span style="font-size: large;">We believe in Marx Freud and Darwin<br /> We believe everything is OK<br /> as long as you don’t hurt anyone<br /> to the best of your definition of hurt,<br /> and to the best of your knowledge.<br /> We believe in sex before, during, and<br /> after marriage.<br /> We believe in the therapy of sin.<br /> We believe that adultery is fun.<br /> We believe that sodomy’s OK.<br /> We believe that taboos are taboo.<br /> We believe that everything’s getting better<br /> despite evidence to the contrary.<br /> The evidence must be investigated<br /> And you can prove anything with evidence.<br /> We believe there’s something in horoscopes<br /> UFO’s and bent spoons.<br /> Jesus was a good man just like Buddha,<br /> Mohammed, and ourselves.<br /> He was a good moral teacher though we think<br /> His good morals were bad.<br /> We believe that all religions are basically the same-<br /> at least the one that we read was.<br /> They all believe in love and goodness.<br /> They only differ on matters of creation,<br /> sin, heaven, hell, God, and salvation.<br /> We believe that after death comes the Nothing<br /> Because when you ask the dead what happens<br /> they say nothing.<br /> If death is not the end, if the dead have lied, then its<br /> compulsory heaven for all<br /> excepting perhaps<br /> Hitler, Stalin, and Genghis Kahn<br /> We believe in Masters and Johnson<br /> What’s selected is average.<br /> What’s average is normal.<br /> What’s normal is good.<br /> We believe in total disarmament.<br /> We believe there are direct links between warfare and<br /> bloodshed.<br /> Americans should beat their guns into tractors .<br /> And the Russians would be sure to follow.<br /> We believe that man is essentially good.<br /> It’s only his behavior that lets him down.<br /> This is the fault of society.<br /> Society is the fault of conditions.<br /> Conditions are the fault of society.<br /> We believe that each man must find the truth that<br /> is right for him.<br /> Reality will adapt accordingly.<br /> The universe will readjust.<br /> History will alter.<br /> We believe that there is no absolute truth<br /> excepting the truth<br /> that there is no absolute truth.<br /> We believe in the rejection of creeds,<br /> And the flowering of individual thought.<br /> If chance be<br /> the Father of all flesh,<br /> disaster is his rainbow in the sky<br /> and when you hear<br /> State of Emergency!<br /> Sniper Kills Ten!<br /> Troops on Rampage!<br /> Whites go Looting!<br /> Bomb Blasts School!<br /> It is but the sound of man<br /> worshipping his maker.<br /> Steve Turner, (English journalist), “Creed,” his satirical poem on the modern mind.</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-63361972627656894082016-11-10T08:47:00.000-08:002016-11-10T08:47:11.709-08:00Self hosting web fontsWorking for a company that is global has some interesting facets you normally wouldn't see when working for non-global companies. One issue we've found is that Google and China don't like to play well together. We've found that making calls to Google servers in our website causes loading issues with user's in China, since much of Google's properties are blocked in China. That means pages may not load or takes extreme amounts of time to load.<br />
<br />
Take for example Google web fonts. Although it would be simple to add a link to a free Google web font and utilize it on our website to modernize our fonts, we have to think how that call to Google servers's affects our user's in China. That rules out some seemingly simple things a non-global company might do. So they way around that is to self host your font. Not the ideal method, but quite effective once you figure out how to do that. <br />
<br />
After a day of reading and browsing, this is what I've come up with:<br />
<br />
<ol style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: decimal; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Find the font you want to self host for your website. In my case I’m going to use Lato. This can be found on </span><a href="https://www.fontsquirrel.com/fonts/list/find_fonts?q%5Bterm%5D=lato&q%5Bsearch_check%5D=Y" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">FontSquirrel.com</span></a><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> or </span><a href="https://fonts.google.com/specimen/Lato" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">fonts.google.com</span></a><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The fontsquirrel download lets’ you directly download all of the Lato.ttf files in one download. </span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="38" src="https://lh4.googleusercontent.com/8Fmv1MazvsTbyo4P0KmZDJJUrsMg0tUazbLE9SLwQamnIgqrqrWhUzilWq4300LPUHgSyN264SjfQCnyWs-3yGy9W2msrJBMsJRCdHrFdJ0PDH5hByeO6-AEfgImSHY7eFhSTDVY" style="-webkit-transform: rotate(0.00rad); border: none; transform: rotate(0.00rad);" width="131" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">In Google fonts you have to select the font, </span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="37" src="https://lh5.googleusercontent.com/2UXDNcRomOcWl3LBsKoeUkeqVHt0DBGooFwKpgCVKf3JZ5mqE7HWloHbf6kNexY4oNzpTxSVss-4KxWO-2u3Bfj782_ws0xHMczNN0eVO2UxyLUGpOun17YzZF9YNjK5eRtJxYIN" style="-webkit-transform: rotate(0.00rad); border: none; transform: rotate(0.00rad);" width="170" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">then you can click the Family Selected tab at the bottom of the screen and Customize in order to select which styles of the Lato font you want to download.</span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="492" src="https://lh6.googleusercontent.com/9Jm0AcXWt_J2bz1r05nf-XkRQMxzjmTIaQuYzIz5baNGWxJY20wwa_BOd5I-brbd-ZCt7DVEVwMyfeByRxed28SvWE_l57XsiY2RqFSzIYe2lEHfB0WCc3wKbB81xvM3MlmQCffC" style="-webkit-transform: rotate(0.00rad); border: none; transform: rotate(0.00rad);" width="602" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Once you’ve seleced you’re variances, you click the download icon </span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="30" src="https://lh4.googleusercontent.com/4yEmifs3IlqvGHntjgscwkBk1fKpkFu9g7gIXOQ79Tq7mygOC7lLMb_5m7yi4HFFt-VDm_bmkY2rkD0jIUG3H4Tn5aAmIrimMRlrHtIrFkgMTRvzIhsnw86hSIgrWU0kSCNPO3Rq" style="-webkit-transform: rotate(0.00rad); border: none; transform: rotate(0.00rad);" width="25" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: decimal; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Now you have the fonts downloaded. Unzip the font downloads, so we can move to the next step of converting them to web fonts that we can call in our web pages.</span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: decimal; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">To convert the .ttf files to web fonts, we’ll be using </span><a href="https://www.fontsquirrel.com/tools/webfont-generator" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">FontSquirrel’s Generator app</span></a><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> on their website. </span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">I chose Optimal in their settings and click the Agreement check box, then go up to the Upload Fonts button. From there, you’ll select the fonts you downloaded. Select all of them (Shift drag over all font files to select them)</span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="390" src="https://lh4.googleusercontent.com/obdzTVG529wG2FpvLCIFWL0PisZRwL1L8evhN6YT9xsfy59xmSY1Twa-dBvJr-lObyNyxjK1pACbYryFLs3R5b5IAGD3msQ0uacTUMwy7zHqNFwNsZ0694FEh-YGEIuP7rYatBq2" style="-webkit-transform: rotate(0.00rad); border: none; transform: rotate(0.00rad);" width="584" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">And then hit Open.</span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">This will start the conversion process.</span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: decimal; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Once the generator is finished processing the ttf font files, you can Download Your Kit:</span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="553" src="https://lh5.googleusercontent.com/RRgqPOEBkCQ_TvM6dGX6eK7GI2nMyBY_HHsndwj7Mk0ar6OW6Bxhq2ADKjhSihmPlT9kfl8My1QVhRdnSjrgco7fprWudObkC882zxlYsqnP7TBHWUXqoOMdyn3OKKocetcsgiFz" style="-webkit-transform: rotate(0.00rad); border: none; transform: rotate(0.00rad);" width="624" /></span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: decimal; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Then you can unzip the downloaded font kit and you’ll see all of the converted.</span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">A note on the file types downloaded:</span><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Most font files you have installed will be TrueType (.ttf) with a smattering of OpenType (.otf). You can save these to your server and specify them in your CSS.</span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Support for .ttf and .otf file formats is widespread across all modern browsers except IE (even the latest version) and some mobile browsers (including legacy versions of iOS Safari).</span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">To increase your coverage you’ll need several additional formats. .eot works for IE, .woff will work for most browsers and is the W3C’s preferred format</span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">, .svg will work on legacy browsers.</span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">In my case, I’m choosing the Expert option in Font Squirrel’s generator and selecting the EOT Compressed option to add the IE support.</span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="85" src="https://lh5.googleusercontent.com/K2beMjUXaTkpaSXId4CllTHBFjmBYyis6rEUAKZkE2hbhsKXVsM5_1LXFyzngbszRAr-CV4etOSC9M-Q3t7fuErSmyq_xAwY7r032QU7vSR8CjFTzZrZVnmvzoWtRRpOPA4KlsxR" style="-webkit-transform: rotate(0.00rad); border: none; transform: rotate(0.00rad);" width="602" /></span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span></div>
</li>
<li dir="ltr" style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: decimal; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Inside of your downloaded Font Kit, you’ll find all of the web fonts and a stylesheet.css file. The stylesheet gives you all of the @font-face styles that you need to use.</span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span></div>
</li>
<li dir="ltr" style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: decimal; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> In order to use the Lato fonts in your web pages, you can link to the generated stylesheet.css, or import those styles into your own style sheet.</span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><link charset="utf-8" href="stylesheet.css" rel="stylesheet" type="text/css"></link></span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Then you can define classes with the Lato font:</span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: white; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">body{ font-family: 'Lato', sans-serif; }</span></div>
</li>
</ol>
<span id="docs-internal-guid-77a3af72-4f20-b5de-42ff-b70806b647cc"></span><br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<br /></div>
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-48702864467013246192016-10-20T10:02:00.004-07:002016-10-20T10:05:00.433-07:00System wide color picker for Mac<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I was a bit disappointed that this isn't also available for Windows, but it's still really useful when I'm on my Mac laptop.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://jumpzero.com/frank/img/loupe.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><img border="0" src="http://jumpzero.com/frank/img/loupe.png" /></span></a></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><a href="http://jumpzero.com/frank/">http://jumpzero.com/frank/</a></span></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I was watching a Chris Coyier video and saw him using it. </span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Some day, when I grow up, I hope to be 1/4-1/2 as good of a front end coder as Chris is.</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-8737202893047929242016-09-29T09:12:00.000-07:002016-09-29T09:12:27.566-07:00Google designNot sure how I've completely missed this, but Google has a Design site that is really amazing. Their Material Design Icons are what brought me to their site initially, then I started browsing around and realized I could spend a week just consuming information and ideas they're providing.<br />
<br />
This gets me thinking how badly we need a communications platform at our company so I can share with my coworker friend in India. Email is lame, IM... well we're on oposite schedules.<br />
<br />
Anyways, check it out. I geek out on this stuff!<br />
<br />
<span style="font-size: large;"><a href="https://design.google.com/">GOOGLE DESIGN</a></span><br />
<br />
I spy <a href="https://material.google.com/">material design</a>, pattern design, <a href="https://design.google.com/icons/">G-design icons</a>, etc.<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-38273564736429521192016-09-28T08:54:00.001-07:002016-09-28T08:54:12.715-07:00<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 32px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">In late August 2016, I had the opportunity to attend </span><a href="http://aneventapart.com/" style="text-decoration: none;"><span style="background-color: white; color: #00aeef; font-family: Georgia; font-size: 32px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">An Event Apart</span></a><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 32px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> in Chicago, IL. </span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 32px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 32px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">I’d like to summarize some of what I took away from each talk as it will help determine some of what I’d like to focus on in the next year. I’ll share my reactions and key takeaways.</span></div>
<b id="docs-internal-guid-da99016a-7180-2e85-b202-4bf98ebd3891" style="font-weight: normal;"><br /></b>
<div dir="ltr" style="line-height: 1.7999999999999998; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Overall, I heard themes emerge from the conference:</span></div>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: white; color: #333333; font-family: Georgia; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Performance matters</span></div>
</li>
<li dir="ltr" style="background-color: white; color: #333333; font-family: Georgia; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">CSS grid and Flexbox will become the future of layout design</span></div>
</li>
<li dir="ltr" style="background-color: white; color: #333333; font-family: Georgia; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Show compassion and decency with your design and respect those that may be outlier cases</span></div>
</li>
<li dir="ltr" style="background-color: white; color: #333333; font-family: Georgia; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 11pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Atomic design - building design patterns instead of designing pages - iterative designs, not massive redesigns</span></div>
</li>
</ul>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 11pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">It was really fantastic to get my head up from the daily toil and to take a break by learning from industry experts. So much was talked about with great ideas flowing all around. Basically, much of the discussion was really focused on </span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Design Thinking,</span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> not just design, but about </span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">creating systems of design</span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> and creating </span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">user focused </span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">outcomes. This involves multidisciplinary teams and restless iterative design modifications. Complacency and comfort are the enemy.</span></div>
<b style="font-weight: normal;"><br /></b>
<h2 dir="ltr" style="line-height: 1.2; margin-bottom: 4pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #00aeef; font-family: Georgia; font-size: 22.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">DESIGNING WITH WEB STANDARDS IN 2016</span></h2>
<h4 dir="ltr" style="line-height: 1.38; margin-bottom: 2pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JEFFREY ZELDMAN</span></h4>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">We as designers and developers have progressed over the years to implement standardized web practices with separation between content and structure. As we march on to that tune, frameworks have been introduced and utilized. Much of that progression has been catch up work to implement responsive websites and fit our sites into the multitude of device variances. Some of the questions we need to be discussing going forward are: </span></div>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Frameworks and their bloated markup</span></div>
</li>
<li dir="ltr" style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">When we design, mobile should always be our first screen</span></div>
</li>
<li dir="ltr" style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Progressive enhancement is the way we design up</span></div>
</li>
<li dir="ltr" style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Remove distractions, let people interact as directly as possible</span></div>
</li>
<li dir="ltr" style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Remove each detail of your design until it breaks</span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">90 percent of design is typography</span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Style is the servant of brand and content. </span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Style without context is decoration. </span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Performance matters</span></div>
</li>
</ul>
<b style="font-weight: normal;"><br /></b><br />
<h2 dir="ltr" style="line-height: 1.2; margin-bottom: 4pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #00aeef; font-family: Georgia; font-size: 22.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">DESIGNING DELIBERATELY</span></h2>
<h4 dir="ltr" style="line-height: 1.38; margin-bottom: 2pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Yesenia Perez-Cruz</span></h4>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Yesenia talked about keeping our design within perspective of our goal.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">We need to be asking what is the main goal of each project and </span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">keep unnecessary bloat out</span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">, while </span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">paying attention to how we load elements and page weight</span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">. Part of our design perspective needs to focus on </span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">prioritizing performance</span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by setting a performance budget and being deliberate about staying within that budget. </span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Use tools like, </span><a href="http://www.webpagetest.org/" style="text-decoration: none;"><span style="background-color: white; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">webpagetest.org</span></a><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> to analyse our pages.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">References</span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">: </span></div>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<a href="http://cssstats.com/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Cssstats.com</span></a></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<a href="http://www.webpagetest.org/" style="text-decoration: none;"><span style="background-color: white; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Webpagetest.org</span></a></div>
</li>
<li dir="ltr" style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span><a href="https://trulia.github.io/hologram/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Trulia style guide</span></a><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> - living style guide</span></div>
</li>
</ul>
<b style="font-weight: normal;"><br /></b>
<h2 dir="ltr" style="line-height: 1.2; margin-bottom: 4pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #00aeef; font-family: Georgia; font-size: 22.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Adapting to Input</span></h2>
<h4 dir="ltr" style="line-height: 1.38; margin-bottom: 2pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Jason Grigsby</span></h4>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The variation of input devices has exploded. We should now be thinking about other methods of input such as touch, voice input (google voice search), sensors, geolocation and others. When in doubt, default to touch.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Also, we should be creating website, apps, and forms with the latest helper code, such as browser autofill, autocomplete, app number displays, cameras and other helper methods.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">References</span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">: </span></div>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: white; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<a href="http://opendevicelab.com/" style="text-decoration: none;"><span style="background-color: white; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">opendevicelab</span></a></div>
</li>
</ul>
<b style="font-weight: normal;"><br /></b><br />
<h2 dir="ltr" style="line-height: 1.2; margin-bottom: 4pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #00aeef; font-family: Georgia; font-size: 22.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Style Guide Best Practices</span></h2>
<h4 dir="ltr" style="line-height: 1.38; margin-bottom: 2pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Brad Frost - Atomic Web Design</span></h4>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Brad touched on creating design systems instead of designing pages. The idea is that with a page design, companies tend to do a lot of one-off design work. There’s repeated work and labor that goes into those and the pages tend to lack consistency because they aren’t viewed as a larger design system. With a design system approach, we can deliver a more congruent experience. This can also help ease the user into a new system because we’re creating iterative design changes instead of monolithic master redesigns, which tend to be jarring.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Element collages (interface inventory - normalize it) are a great way to review and standardize your content. </span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">We should be creating tiny bootstraps for each separate project instead of relying on overweight large frameworks… but this takes much time and effort.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Some of the benefits that creating design systems offers to that it promotes consistency, offers faster production, utilizes a shared vocabulary, is easier to use by offering a DRY (don’t repeat yourself) approach and serves as a useful reference. </span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">References</span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">: </span></div>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: white; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<a href="http://patternlab.io/" style="text-decoration: none;"><span style="background-color: white; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">PatternLab</span></a></div>
</li>
<li dir="ltr" style="background-color: white; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<a href="http://styleguides.io/" style="text-decoration: none;"><span style="background-color: white; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Styleguides.io</span></a></div>
</li>
<li dir="ltr" style="background-color: white; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<a href="https://www.lightningdesignsystem.com/" style="text-decoration: none;"><span style="background-color: white; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Lightning Design System</span></a><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> (SAP design guide)</span></div>
</li>
</ul>
<b style="font-weight: normal;"><br /></b><br />
<h2 dir="ltr" style="line-height: 1.2; margin-bottom: 4pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #00aeef; font-family: Georgia; font-size: 22.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Designing for Understanding</span></h2>
<h4 dir="ltr" style="line-height: 1.38; margin-bottom: 2pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Stephanie Hay</span></h4>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Stephanie talked about designing with intention for specifics. She gave examples from Sesame Street because it targeted a specific audience and used test groups to understand how urban children could learn better (3 second alphabet recital by James Earl Jones - repeatable).</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">She touched on creating our designs in a real interface so we can focus on a promoting the real experience (design in html not Photoshop). We should be involving different types of people in our design process for different types of thought. Lastly, our content should define the structure. </span></div>
<b style="font-weight: normal;"><br /></b>
<h2 dir="ltr" style="line-height: 1.2; margin-bottom: 4pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #00aeef; font-family: Georgia; font-size: 22.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Art Direction</span></h2>
<h4 dir="ltr" style="line-height: 1.38; margin-bottom: 2pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Jen Simmons</span></h4>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Jen’s talk about art direction revolved around what’s coming up next in the field of web design. The focus mostly covered Flex box and CSS Grid.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">She also introduced the idea of, looking at our content and then determining the order it should appear and rank. Then we can organize content, create html files and set source order, sketch ideas for page layout, design a custom grid and write our own grids.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">A great way to design with flex box and css grid is to utilize it in our mockups. This way we’re learning it and then when it’s fully integrated into modern browsers, we’ll be ahead of the pack.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">References</span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">: </span></div>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: white; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<a href="http://flexboxfroggy.com/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">FlexboxFroggie</span></a></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">FlexboxDrill</span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<a href="http://www.layout.land/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">http://www.layout.land/</span></a><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span></div>
</li>
</ul>
<b style="font-weight: normal;"><br /></b>
<h2 dir="ltr" style="line-height: 1.2; margin-bottom: 4pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #00aeef; font-family: Georgia; font-size: 22.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Animation in Design Systems</span></h2>
<h4 dir="ltr" style="line-height: 1.38; margin-bottom: 2pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Val Head</span></h4>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Css animation was the topic and how to implement it. There was discussion on should it be utilized and identifying the ‘for what’ should it be utilized.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">We can start introducing it in subtle ways, but it can be referenced often and deliberately. Animation should always inform and support the design, and not simply lead the design. Don’t animated just to animate, but think through reasons it can be used.</span></div>
<b style="font-weight: normal;"><br /></b>
<h2 dir="ltr" style="line-height: 1.2; margin-bottom: 4pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #00aeef; font-family: Georgia; font-size: 22.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Performance Under Pressure</span></h2>
<h4 dir="ltr" style="line-height: 1.38; margin-bottom: 2pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Mat Marquis (</span><a href="https://bocoup.com/" style="text-decoration: none;"><span style="background-color: white; color: #1155cc; font-family: Georgia; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">bocoup</span></a><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">)</span></h4>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Mat’s focus is on building fast sites. If your site is inaccessible to the poor, it’s neither radical or revolutionary. Think about the critical render path and prioritize it. Possible ways to do that are to include critical css in the top of your page, so it renders faster, while keeping the less critical in the called stylesheets.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">References</span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">: </span></div>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: white; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">loadCSS - </span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">asynchronously loader</span></div>
</li>
<li dir="ltr" style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<a href="https://www.zachleat.com/web/" style="text-decoration: none;"><span style="background-color: white; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">https://www.zachleat.com/web/</span></a><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span></div>
</li>
<li dir="ltr" style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<a href="https://www.fontsquirrel.com/tools/webfont-generator" style="text-decoration: none;"><span style="background-color: white; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">https://www.fontsquirrel.com/tools/webfont-generator</span></a><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span></div>
</li>
<li dir="ltr" style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<a href="https://www.webpagetest.org/" style="text-decoration: none;"><span style="background-color: white; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">webpagetest.org</span></a></div>
</li>
</ul>
<b style="font-weight: normal;"><br /></b>
<h2 dir="ltr" style="line-height: 1.2; margin-bottom: 4pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #00aeef; font-family: Georgia; font-size: 22.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">CSS Grid Layout</span></h2>
<h4 dir="ltr" style="line-height: 1.38; margin-bottom: 2pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Rachel Andrew</span></h4>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The next big thing in css is CSS Grid layout. A great way to practice Grid is to prototype in Grid. Grid can be layered using z-index.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Reference</span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">: </span></div>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: white; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<a href="http://cssgrid.me/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">http://cssgrid.me/</span></a></div>
</li>
</ul>
<b style="font-weight: normal;"><br /></b>
<h2 dir="ltr" style="line-height: 1.2; margin-bottom: 4pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #00aeef; font-family: Georgia; font-size: 22.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Extreme Design</span></h2>
<h4 dir="ltr" style="line-height: 1.38; margin-bottom: 2pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Derek Featherstone</span></h4>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Extreme design consists of examining the extremes and finding the in-between that is most common shared characteristics. We need to be grouping closely related items and possibly use the “straw test” to simulate low vision users. When thinking about users we should view them as a color spectrum example instead of just a plain linear line. Designing for better accessibility usually results in better designs for all. </span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">We should utilize the “i-forget” test principle when designing forms. Placeholder text should not be used as labels. People have extremely short attentions, so we should be designing for understanding by Heading Only Consumption. Also, consider how to transform the digital experience into the physical, so we include a wider audience participation ability.</span></div>
<b style="font-weight: normal;"><br /></b>
<h2 dir="ltr" style="line-height: 1.2; margin-bottom: 4pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #00aeef; font-family: Georgia; font-size: 22.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Compassionate Design</span></h2>
<h4 dir="ltr" style="line-height: 1.38; margin-bottom: 2pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Eric Meyer</span></h4>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Who are our designs created for and how do we include others or mitigate wrong intentions if the user is outside that initial design audience. Do a premortem - What if this goes wrong? Then ask how should we respond or what should we do to avoid it? Compassion in design asks us not to forget the urgent need case, and to consider the outlier cases and stress cases.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">When we write copy, we should read it outloud to someone. </span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">When designing forms, we should ask our user’s for info because we need it, and maybe not waste their time with info that might just be nice to have.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Filling out a form can be dehumanizing, rude, and our designs might just be lazy. Make them good and have empathy for your users.</span></div>
<b style="font-weight: normal;"><br /></b>
<h2 dir="ltr" style="line-height: 1.2; margin-bottom: 4pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #00aeef; font-family: Georgia; font-size: 22.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The Physical Interface</span></h2>
<h4 dir="ltr" style="line-height: 1.38; margin-bottom: 2pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Josh Clark</span></h4>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Josh’s talk was about thinking about how we get the technology out of our way and make it feel more natural. The Internet of Things is here and we should start thinking along those lines. The web is not just the browser any more. Interfaces don’t always require a screens and input isn’t always from a mouse or even touch. Sensors, voice, motion, geolocation and other methods of input can utilized. How should or can we create, adapt and develop ideas around those new functional options? If I have to launch a separate app for every physical device, then have I failed as the designer?</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Reference</span><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">: </span></div>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<a href="http://physical-web.org/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Physical-web.org</span></a><span style="background-color: white; color: #333333; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span></div>
</li>
</ul>
<b style="font-weight: normal;"><br /></b><br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 32px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Idea highlights from the conference:</span></div>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">No longer create massive redesigns… it should all be iterative design implementations</span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Benefits of Pattern Libraries</span></div>
</li>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Promotes UI consistency and cohesion = more conversions & $$$</span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Faster production = roll out more features and iterations faster than ever</span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Shared vocabulary = more time collaborating, performance and accessible experiences</span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Useful reference</span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Future friendly foundation</span></div>
</li>
</ul>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Show… don’t tell</span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Utilize interface inventory </span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Performance test!</span></div>
</li>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<a href="http://www.webpagetest.org/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">www.Webpagetest.org</span></a><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> - visually see your competitors</span></div>
</li>
<li dir="ltr" style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline;"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<a href="http://www.wpostats.com/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">www.wpostats.com</span></a><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> - case studies and experience demos</span></div>
</li>
</ul>
</ul>
<br /><br /><br /><br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-41860265418418050182015-07-23T13:51:00.002-07:002015-07-23T13:51:28.689-07:00Quotes<br /><br /><span style="color: #0c343d; font-family: Trebuchet MS, sans-serif;">“If I had asked people what they wanted, they would have said faster horses.” –Henry Ford</span><div>
<span style="color: #0c343d; font-family: Trebuchet MS, sans-serif;"><br />“A user interface is like a joke. If you have to explain it, it’s not that good.” –Martin LeBlanc, Iconfinder</span></div>
<div>
<span style="color: #0c343d; font-family: Trebuchet MS, sans-serif;"><br />“Any product that needs a manual to work is broken.” –Elon Musk</span></div>
<div>
<span style="color: #0c343d; font-family: Trebuchet MS, sans-serif;"><br /></span><div>
<span style="color: #0c343d; font-family: Trebuchet MS, sans-serif;"><a href="https://twitter.com/intent/tweet?text=%22Any+product+that+needs+a+manual+to+work+is+broken.%22+%E2%80%93Elon+Musk++http%3A%2F%2Fblog.invisionapp.com%2Fdesign-and-creativity-quotes%2F+via+%40InVisionApp"></a>“Everything should be made as simple as possible, but not simpler.” –Albert Einstein</span></div>
<div>
<span style="color: #0c343d; font-family: Trebuchet MS, sans-serif;"><br /></span></div>
<div>
<span style="color: #0c343d; font-family: Trebuchet MS, sans-serif;"><a href="https://twitter.com/intent/tweet?text=%22Everything+should+be+made+as+simple+as+possible%2C+but+not+simpler.%22+%E2%80%93Albert+Einstein+http%3A%2F%2Fblog.invisionapp.com%2Fdesign-and-creativity-quotes%2F+via+%40InVisionApp"></a>“Simplicity is keeping only the meaningful.” –Christian DeGraaf</span></div>
<div>
<span style="color: #0c343d; font-family: Trebuchet MS, sans-serif;"><br /></span></div>
<div>
<span style="color: #0c343d; font-family: Trebuchet MS, sans-serif;"><a href="https://twitter.com/intent/tweet?text=%22Simplicity+is+about+subtracting+the+obvious+and+adding+the+meaningful.%22+%E2%80%93John+Maeda+http%3A%2F%2Fblog.invisionapp.com%2Fdesign-and-creativity-quotes%2F+via+%40InVisionApp"></a>"Ideas are like cheese, some are great, some really stink." –Christian DeGraaf</span></div>
<div>
<a class="inv-tweet-sa no-redirect" href="https://twitter.com/intent/tweet?text=%22Any+product+that+needs+a+manual+to+work+is+broken.%22+%E2%80%93Elon+Musk++http%3A%2F%2Fblog.invisionapp.com%2Fdesign-and-creativity-quotes%2F+via+%40InVisionApp" style="-webkit-transition: color 0.3s; background-color: white; border: 0px; box-sizing: border-box; display: block !important; font-stretch: normal !important; line-height: 50px !important; margin: 70px auto !important; max-width: 800px; outline: none; padding: 0px; text-align: center; text-decoration: none; transition: color 0.3s; vertical-align: baseline; width: 800px;" target="_blank"></a><a class="inv-tweet-sa no-redirect" href="https://twitter.com/intent/tweet?text=%22Everything+should+be+made+as+simple+as+possible%2C+but+not+simpler.%22+%E2%80%93Albert+Einstein+http%3A%2F%2Fblog.invisionapp.com%2Fdesign-and-creativity-quotes%2F+via+%40InVisionApp" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; box-sizing: border-box; display: block !important; font-stretch: normal !important; margin: 70px auto !important; max-width: 800px; outline: none; padding: 0px; text-decoration: none; vertical-align: baseline; width: 800px;" target="_blank"></a><a class="inv-tweet-sa no-redirect" href="https://twitter.com/intent/tweet?text=%22Simplicity+is+about+subtracting+the+obvious+and+adding+the+meaningful.%22+%E2%80%93John+Maeda+http%3A%2F%2Fblog.invisionapp.com%2Fdesign-and-creativity-quotes%2F+via+%40InVisionApp" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; box-sizing: border-box; color: rgb(252, 55, 104) !important; display: block !important; font-family: 'Open Sans', open-sans, sans-serif; font-stretch: normal !important; font-style: italic !important; margin: 70px auto !important; max-width: 800px; outline: none; padding: 0px; text-align: left; text-decoration: none; vertical-align: baseline; width: 800px;" target="_blank"><br /></a></div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-36231069239263243312015-06-10T10:43:00.002-07:002015-06-10T10:43:12.796-07:00Dogs: a blessing from God<iframe allowfullscreen="" frameborder="0" height="281" mozallowfullscreen="" src="https://player.vimeo.com/video/122375452" webkitallowfullscreen="" width="500"></iframe>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-45274974130499366912015-02-16T12:40:00.000-08:002015-02-16T12:40:10.764-08:00Betterment Investing and Saving MoneyI was recently looking for a better way to save and invest money, so I was doing some research and came across <a href="https://www.betterment.com/invite/christiandegraaf/">Betterment.com</a><br />
<br />
Betterment easily lets you set savings goals, and they invest your money in Vanguard backed stocks and bonds. I don't know a ton about investing, or more precisely, very very little, but I do know that Vanguard has very low rates, has been around along time and it's also what the company I work for uses for our 401K. It's done pretty good for me with my 401k, so I thought I'd also give this a shot.<br />
<br />
The thing I like about Betterment is the ease of use, the interface is great, setting goals is easy, and not having to know a ton about the financial world is appealing to me, over just sticking my money into a super-low returning savings account. It also has a ton of great reviews by companies and people who actually seem to know what they're talking about.
The best thing to me though is that I can take money out as I see fit, or put money in. No penalties for taking the money out, so if I chose to lower my 401k investing a bit and throw some of that money towards this, then I can access that money in non-emergency or emergency situations without getting tax penalties like would happen if I pulled money from my 401k.<br />
<br />
Anyways, check it out and read some reviews. If it seems like something you might like, and want to try out for <a href="https://www.betterment.com/invite/christiandegraaf/">free for 30 days you can sign up</a>. If I or you get three other people to sign up then your year is free, so there is a referral aspect to each account.... so if you do decide it's a good match for you, it would be great if you could <a href="https://www.betterment.com/invite/christiandegraaf/">click on of the links I've put in this post</a>, so I could get a free year of their service. Thanks.<br />
<br />
From FrugulRules website "What makes Betterment so unique from other brokerages is that you do not trade individual stocks or mutual funds, but you invest in a bucket of Exchange Traded Funds (ETFs) that are personalized to your specific goals."<br />
<br />
Here are some reviews of the service from much more knowledgeable sites and people than me:<br />
<br />
<ul>
<li><a href="http://www.frugalrules.com/betterment-review-investing-option/">http://www.frugalrules.com/betterment-review-investing-option/</a></li>
<li><a href="http://www.forbes.com/sites/brightscope/2012/05/02/why-betterment-wealthfront-and-other-online-investment-firms-are-wrong-about-financial-advisors/">http://www.forbes.com/sites/brightscope/2012/05/02/why-betterment-wealthfront-and-other-online-investment-firms-are-wrong-about-financial-advisors/</a> </li>
<li><a href="http://www.biblemoneymatters.com/betterment-review/">http://www.biblemoneymatters.com/betterment-review/</a> </li>
<li><a href="http://investorjunkie.com/8745/betterment-review/">http://investorjunkie.com/8745/betterment-review/</a></li>
</ul>
<div>
I'm finding it pretty amazing how fast you can save some money when you have a goal and you can login to an app on your phone or computer and see how you're doing. There is some risk to investing like this, but if you're investing long term, then it's minimized. Some people recommend not looking at it every day to see how its doing, and as a person who doesn't follow the markets or other things, that's not too appealing to me anyways. Good luck and start saving!</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-12248876089404071502014-10-23T09:45:00.002-07:002014-10-23T09:50:46.238-07:00More Than Just ParksThis is one of my favorite places on earth:
<h2>The first short film from <a href="https://www.morethanjustparks.com/" target="_blank">More Than Just Parks</a>, this video is an incredibly stunning journey through <a href="https://www.morethanjustparks.com/olympic.php" target="_blank">Olympic National Park</a>.</h2>
<script src="http://player.ooyala.com/iframe.js#ec=g4bmk2cTq5jnY4W9T8eMcqXnsqccm_tN&pbid=MzMyN2JkYjc5ZWFlOTg1N2FkMjk5MmI5" width="600px" height="345px"></script>
<br /><br />
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-26696711712703586482014-10-16T06:40:00.001-07:002014-10-16T06:40:30.356-07:00Natural Health tidbits<span style="background-color: white; color: #707070; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 23.3999996185303px;">Found this on someones blog post and thought it had some good info... not sure on any proof though, but I've run across most of this info before, so one has to think there my be some validity to it:</span><br />
<span style="background-color: white; color: #707070; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 23.3999996185303px;"><br /></span>
<span style="background-color: white; color: #707070; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 23.3999996185303px;">For those in need of pain relief from a bad tooth try Garlic tabs or capsules, It is one of the strongest natural antibiotics on the planet as well as Oil of Oregano. Scientifically proven. Both are also anti viral!</span><br style="background-color: white; color: #707070; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 23.3999996185303px;" /><span style="background-color: white; color: #707070; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 23.3999996185303px;">IF a disease in the body is causing issues try taking mega-doses of vitamin c. The sicker a person is the more vitamin c they need as it gets depleted when any illness crops up. There is a point when you reach saturation of Vitamin C when you get diarehea. When you reach this point just back off a little on the vitamin C. Vitamin C is anti bacterial and anti viral. There are 4 primary reasons people get sick. Heavy metals from food, (from soil), Chemicals from food (sprayed on food to keep bugs or fungus away), A Virus, (see benefits of xylitol ), and bacteria ( doctor will also call it a microbe but it is actually a parasite that is in vegetables, fruits and under cooked meat.) They are in the earth and you can pick them up by skin contact with the soil. Microscopic in size and possibly at the quantum level according to latest theory. Look into bentonite clay for chelating metals and chemicals out of the body. Also, many herbs can do this. Clean your Liver by using a herbal cleanse. It Also cleans gallbladder. Use cayenne pepper on cavity to relieve pain.</span><br style="background-color: white; color: #707070; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 23.3999996185303px;" /><span style="background-color: white; color: #707070; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 23.3999996185303px;">Put it on with a damp q-tip. It is hot try not to touch the tongue or side of the mouth. Use baking soda without aluminum to brush teeth. Selenium helps cure some cancers. Cayenne pepper tea will kill a tumor (10 cups per day) Turmeric cures many disease and prevents or helps others. High dose of Vitamin C relieves pain. Type 1 diabetes can be caused by fluke worm in the pancreas. Vitamin D prevents cold/flu. if you take enough!</span><br style="background-color: white; color: #707070; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 23.3999996185303px;" /><span style="background-color: white; color: #707070; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 23.3999996185303px;">Much more but not enough room. Oh! 4 glasses of water 45 minutes before breakfast</span><br style="background-color: white; color: #707070; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 23.3999996185303px;" /><span style="background-color: white; color: #707070; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 23.3999996185303px;">may cure every disease known according to the Japanese medical society ..issued earlier this year! Research all the above, I am not a doctor but have researched medicine alternatives for years and have read over a million pages of conventional and alternative</span><br style="background-color: white; color: #707070; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 23.3999996185303px;" /><span style="background-color: white; color: #707070; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 23.3999996185303px;">medicine. Do not take any herb or begin any protocol without seeing your doctor first and talking about what you are going to do. Cayenne pepper lowers blood pressure. Any medicine you take can be enhanced by cayenne pepper so be careful in what you do. Raisins raise blood pressure! Good luck to you all! Hope this helps someone. Pass it on! - See more at: http://www.thehealthyhomeeconomist.com/teeth-needing-root-canals-can-heal-with-diet-alone/#sthash.q3C1dDJt.dpuf</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-6845553120251457482014-09-22T09:54:00.000-07:002014-09-22T09:57:14.808-07:00WANTED: Vintage Honda stuff, vintage Toyota, and vintage Subaru 360 vanI admittedly have a weird obsession with old stuff, mostly <strike>old</strike> Japanese stuff in the category of mini bikes (Hondas, Kawasakis, Yamahas), mini cars (Honda N600, very early Civics, Subaru 360 van), and vintage collectible Honda motors... among other things I like and would like to own.<br />
<br />
There are a few things I would like to find and buy, so if anyone has these things, knows where I can find them or other info for locating them, please contact me.<br />
<br />
<br />
<ul>
<li>Honda N600 car</li>
<li>Honda Cuby T10 engine</li>
<li>Honda e60 generator</li>
<li>Anything old and Honda</li>
<li>Vintage Honda mini bikes: Honda z100, Honda cz, z50m, z50a, z50, Honda Motocomp, etc.</li>
</ul>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkSTcwSkEXTb1hOSb8fGuTlssgL2ShyKDV_9l11URg9vbjzK4uylYkejzpy6ETrXLWQhQ33pypnzqfrkMqMQ4ojzgk1p0xSH4ds5tBGrr7HZblKko7VMhnBjCiLQSSvwoCPK3DS-Jl7HM/s1600/honda-n600.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkSTcwSkEXTb1hOSb8fGuTlssgL2ShyKDV_9l11URg9vbjzK4uylYkejzpy6ETrXLWQhQ33pypnzqfrkMqMQ4ojzgk1p0xSH4ds5tBGrr7HZblKko7VMhnBjCiLQSSvwoCPK3DS-Jl7HM/s1600/honda-n600.jpg" height="200" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxxjjnQv08Phws0rREvoVUzKHSyAB2B8DUnaep1Cw9fxupKutDF0r5QkdqleJ6HuPtpdsCR7JMm_padeNnqTPEzIMO5o4t1KbEYZsIXONaRuQtBe1Rmx30aUlcGrGgrHd5zHUmbS7fz5w/s1600/honda-cuby.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxxjjnQv08Phws0rREvoVUzKHSyAB2B8DUnaep1Cw9fxupKutDF0r5QkdqleJ6HuPtpdsCR7JMm_padeNnqTPEzIMO5o4t1KbEYZsIXONaRuQtBe1Rmx30aUlcGrGgrHd5zHUmbS7fz5w/s1600/honda-cuby.jpg" height="213" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfNCEv0uwBcE7ciqIENkZnsgI0jUS1SZcESDkf0W66xVDcsrMOocNApl33yNX3DYaj65DajY8_MZpZqNHrhEIKF9g0u5dYtwDLPrxxROjTniEJYk7EY22bTb6v1Jh5P29cznf18bMksBM/s1600/subaru-360-1970-van-sambar3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfNCEv0uwBcE7ciqIENkZnsgI0jUS1SZcESDkf0W66xVDcsrMOocNApl33yNX3DYaj65DajY8_MZpZqNHrhEIKF9g0u5dYtwDLPrxxROjTniEJYk7EY22bTb6v1Jh5P29cznf18bMksBM/s1600/subaru-360-1970-van-sambar3.jpg" height="242" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMozYlWT2ca7vuN2chgl14F4YafhaovUK2Y-K5NC6VHhqCJYFGOWQXR_M5SDyplkn5cYMOvBZt8NCJHRF0GQI7-iTSozNDzGvvtYrYG8aeVg12e5UvYNkao0SDywFOQ3A0t4EQVixjdiQ/s1600/honda-z50-05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMozYlWT2ca7vuN2chgl14F4YafhaovUK2Y-K5NC6VHhqCJYFGOWQXR_M5SDyplkn5cYMOvBZt8NCJHRF0GQI7-iTSozNDzGvvtYrYG8aeVg12e5UvYNkao0SDywFOQ3A0t4EQVixjdiQ/s1600/honda-z50-05.jpg" height="240" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHL69re-siKhHb1FRCV_WM7MddQVc0uvz8f787_5X8SdQLktMHbf_LwMC7_tssXBIioQx0TCe9kbmVmWXJblTyF40DpAIfSNsl1wdVzfuBUBS_Kw0Mxt18-QTjnw8Sp8HK9osU6CLS7_E/s1600/75.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHL69re-siKhHb1FRCV_WM7MddQVc0uvz8f787_5X8SdQLktMHbf_LwMC7_tssXBIioQx0TCe9kbmVmWXJblTyF40DpAIfSNsl1wdVzfuBUBS_Kw0Mxt18-QTjnw8Sp8HK9osU6CLS7_E/s1600/75.jpg" height="212" width="320" /></a></div>
<br /></div>
Unknownnoreply@blogger.com6tag:blogger.com,1999:blog-7742221465629673453.post-44744548333975056482014-09-03T17:09:00.002-07:002014-09-03T17:13:01.364-07:00Parkour with Jumpy<script src="http://player.ooyala.com/iframe.js#ec=l0cXVpbDpk7HgbZqkRjLU9dP20K0BzJG&pbid=MzMyN2JkYjc5ZWFlOTg1N2FkMjk5MmI5" width="600px" height="360px"></script>
<script src="http://player.ooyala.com/iframe.js#pbid=MzMyN2JkYjc5ZWFlOTg1N2FkMjk5MmI5&ec=d5MHM4bTqz2LvjLwhwzuURPUOa1pBgZ_" width="600px" height="360px"></script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-22010979977791144862014-08-08T08:29:00.003-07:002014-08-08T08:29:58.645-07:00It’s not the consumers’ job to know what they want.<span style="font-family: 'Exchange SSm 4r', Georgia, serif; font-size: 16px; line-height: 26px;"><span style="color: #333333;">Yes, Google has built its empire by listening to data, but we reserve our awe for the sort of vision that<b> Steve Jobs</b> brought to <b>Apple</b>, and we nod along at the famous answer he gave <b>when asked</b></span><b><span style="color: #333333;"> how much market testing he did for the iPad: “</span><span style="color: red;">None</span></b><span style="color: #333333;"><b>,”</b> he said, echoing Henry Ford. “</span><b style="color: #333333;">It’s not the consumers’ job to know what they want.</b><span style="color: #333333;">” </span></span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-68834581503321948312014-06-25T05:36:00.001-07:002014-06-25T05:36:11.810-07:00Is it really considered more mentally stable to<span style="background-color: white; color: #4c4c4c; font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 13px; line-height: 20.799999237060547px;">Is it really considered more mentally stable to repress your natural desires and sit at a desk or serve hamburgers or ring-up purchases of plastic items made in china, 40 hours a week, so you can afford to sit in a box, watching a light box or listening to auto-tuned music the rest of the time?</span><br />
<span style="background-color: white; color: #4c4c4c; font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 13px; line-height: 20.799999237060547px;"><br /></span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-54106266436180936682014-04-04T14:12:00.000-07:002014-04-04T14:12:51.833-07:00Smoothing skin in PhotoshopI do work on pictures of people on a by-weekly basis. Often time I found myself going into the images, masking out the skin, then applying a Gaussian blur to the skin or using the blur tool to smooth out skin and make it look nice and angelic or at least softer.<br />
<br />
Most people wouldn't want an untouched photo, done by a novice photographer being featured as a home page background image without a little work. Those are the types of images I get.<br />
<br />
Another technique I found as a time saver is to:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOxJhgSVEQF8WPzn15Khx-69GgrssDuywXNgzdtTilzyAkEwyojaIk5sGZTEV7tjBDWnLo-MLEIgPNqF__bEO6Qgm69jIVCf9ks_PVQ2D6h2yx_MiF_XgD-wAgkhTO-rukTtx9EFPsyws/s1600/reduce-noise.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOxJhgSVEQF8WPzn15Khx-69GgrssDuywXNgzdtTilzyAkEwyojaIk5sGZTEV7tjBDWnLo-MLEIgPNqF__bEO6Qgm69jIVCf9ks_PVQ2D6h2yx_MiF_XgD-wAgkhTO-rukTtx9EFPsyws/s1600/reduce-noise.gif" height="320" width="217" /></a></div>
<ul>
<li>Copy the persons image to a new layer (Cntrl J)</li>
<li>Convert it to a smart layer, so the filter I'm going to add can be reedited at any time</li>
<li>Select the skin tones via Select > Color Range and select the skin tones with the chooser</li>
<li>Once selected, go to Filter > Reduce Noise</li>
<li>Reduce Noise Settings </li>
<ul>
<li> Strength ~ 8</li>
<li>Preserve Details ~ 4</li>
<li>Reduce Color Noise ~ 7</li>
<li>Sharpen Details ~ 4</li>
<li>Check the box for Remove JPEG Artifacts</li>
</ul>
</ul>
Now you should be seeing smoother skin with a smart filter that you can double click on in the layers pallet and readjust your settings at any time to change your levels of smoothing.<br />
<br />
I forgot this technique since I used it a couple weeks ago, so this time I'm documenting it ;)Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-7742221465629673453.post-17430152781742849182014-01-14T06:38:00.000-08:002014-01-14T06:38:01.059-08:00How To Make a Wordpress WebsiteHere's a useful, How to Create a WordPress site, video: <iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/8Jv47_VIBOQ" width="420"></iframe>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-70503305012401623922013-12-06T09:48:00.000-08:002013-12-06T09:48:57.322-08:00I like a beard on myself, but my wife doesn't...and this is how I feel with and without one:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYKAT4FMC84aampEQPvRCzz9TsJR2RWbgrxws_neU1NGyxUq-57hL6uiuBwemmCFzNngzJsdZ0aYVn_-qhheCIFyaKhUXDcWcu2zbNhhZwSVHNVok3ZqEMNIO5b7hYREFlfDbC_zTONAM/s1600/H6pIxxL-702x471.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYKAT4FMC84aampEQPvRCzz9TsJR2RWbgrxws_neU1NGyxUq-57hL6uiuBwemmCFzNngzJsdZ0aYVn_-qhheCIFyaKhUXDcWcu2zbNhhZwSVHNVok3ZqEMNIO5b7hYREFlfDbC_zTONAM/s320/H6pIxxL-702x471.jpg" width="320" /></a></div>
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-86496235150564375672013-12-06T08:09:00.001-08:002013-12-06T08:09:30.802-08:00I, like, seez you every day.<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQ6GShBLHBFMcbGhs0Jgr214wpMXsGaW-h7-XWGAaz-4rEhmYzkKBsWcXZpkUen3jo-iIpGCOMn_8PoU8XaDaFDnxWAhcQ_IV0luUCs0sitHqNKcaBxkllWXdRDOuDf87bwtMU21a4-o/s1600/IMAGE_99C30728-A0CF-456A-94C2-09C1A6BB4C1A.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQ6GShBLHBFMcbGhs0Jgr214wpMXsGaW-h7-XWGAaz-4rEhmYzkKBsWcXZpkUen3jo-iIpGCOMn_8PoU8XaDaFDnxWAhcQ_IV0luUCs0sitHqNKcaBxkllWXdRDOuDf87bwtMU21a4-o/s320/IMAGE_99C30728-A0CF-456A-94C2-09C1A6BB4C1A.JPG" width="241" /></a></div>
Whatch'a doing?Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-84969995109430065602013-06-04T06:14:00.001-07:002013-06-04T06:14:29.752-07:00Sold my 2001 Toyota Tacoma Limited double cab<div class="separator" style="clear: both; text-align: left;">
After owning this wonderful truck for about 9 1/2 years, it was finally time to sell. We had sold off our lake lot a few months ago and along with that our 33' Airstream Argosy trailer and then a month later we sold our 1999 Sport Nautique boat. Without the lake, trailer or boat, I finally decided the truck could also go. After all, a 14 year old truck in the midwest will start to rust and need money dumped into it, so it had to go. I had just replaced the rear axel seal and brakes before the guy picked it up. This truck ended up costing me only about $500 a year in depreciation a year to own. Can't say that about too many vehicles these days. It also felt good to be able to get rid of all that stuff we had accumulated. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1ETXDSpHfoavXOZ2eyXc8bFNG9z7oSVflGiPwQXqhNX6q4LlTFukZd8WW9oj6QKqTP2h30lkfDgFLuaKdsODYxRqXNovAgVWAyQXuWtTfKpmNL0-x6czlZGHlIR3ySJgqw5YWm1zCN9A/s1600/P1030614.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1ETXDSpHfoavXOZ2eyXc8bFNG9z7oSVflGiPwQXqhNX6q4LlTFukZd8WW9oj6QKqTP2h30lkfDgFLuaKdsODYxRqXNovAgVWAyQXuWtTfKpmNL0-x6czlZGHlIR3ySJgqw5YWm1zCN9A/s320/P1030614.JPG" width="320" yya="true" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
So what did I decide to replace it with? I wanted something for a good price, good gas milage and something I liked to look at and enjoy driving... so a new 2013 Corolla Special Edition S is what I ended up with. I already got the windows tinted and I've been pretty happy with it so far. Love the color too (hot lava).</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAeBlTcyE0Pl_5NaSQS_wn6ZyYpLyY3TR1JY-ey3SEQsywUj8i42w3deymrfk_C9hd8qYv99BnsABKgH_I9r3ahWLBzXRHp0ADzqjdNfBtd3kiLNjF1bK3DhiEQohyphenhyphenb1nWwCdA-p7N6k0/s1600/image+%25281%2529.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAeBlTcyE0Pl_5NaSQS_wn6ZyYpLyY3TR1JY-ey3SEQsywUj8i42w3deymrfk_C9hd8qYv99BnsABKgH_I9r3ahWLBzXRHp0ADzqjdNfBtd3kiLNjF1bK3DhiEQohyphenhyphenb1nWwCdA-p7N6k0/s320/image+%25281%2529.jpeg" width="320" yya="true" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4LbxM4XgdMv1wuN0rXiXhl4K12UzIxyDg-A5mzoO3JcnOPG2PXmxxQ6yy7x26zVaNhhPQHEYLmkE7P517wgLmsCY1jETuqPMhRnsX118EmdL-g9tjnxyMI2IEKCLnakpfWCeEGMG-IdI/s1600/image+%25282%2529.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4LbxM4XgdMv1wuN0rXiXhl4K12UzIxyDg-A5mzoO3JcnOPG2PXmxxQ6yy7x26zVaNhhPQHEYLmkE7P517wgLmsCY1jETuqPMhRnsX118EmdL-g9tjnxyMI2IEKCLnakpfWCeEGMG-IdI/s320/image+%25282%2529.jpeg" width="320" yya="true" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPUr7hAEW0uTgqJRzd4Cl6TeLSVeuUCugRU7WEGPYEp_0F-Fo2AGsUd4r-93-ChnRDxR6jWLoUBoWRZybxrLV0HXwdAr7fP4IYXadiznPofP2wSZJdEKnhlc18heYhtAuPkUNfqPPXTGI/s1600/image.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPUr7hAEW0uTgqJRzd4Cl6TeLSVeuUCugRU7WEGPYEp_0F-Fo2AGsUd4r-93-ChnRDxR6jWLoUBoWRZybxrLV0HXwdAr7fP4IYXadiznPofP2wSZJdEKnhlc18heYhtAuPkUNfqPPXTGI/s320/image.jpeg" width="320" yya="true" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
</div>
Unknownnoreply@blogger.com22tag:blogger.com,1999:blog-7742221465629673453.post-12524929444300240132013-02-03T19:58:00.000-08:002013-02-03T19:58:34.850-08:00Went shooting out at Willow Slough todayFinally got to shoot my two new guns. <br />
<br />
I bought a Ruger iTac 10/22 rifle back in late December. Finally got to shoot it today and it was a lot of fun. I had a good time. I still need to sight in my scope, as for some reason I couldn't see where it was shooting very well. I was way off to the right. First time shooting a rifle so it's a learning process. <br />
<br />
Took a magazine load out of my Glock 19 too. I love the way that shoots. Simple, easy and smooth. Good day.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-35151649349683111772012-11-27T11:55:00.001-08:002012-11-27T11:55:08.293-08:00our kitchen remodelWell, we decided to stay in our house for a while instead of moving to some other house with cheaper taxes, but not in a good school district, so in doing that we also decided to remodel the kitchen since we are staying for a little while longer.<br />
<br />
Here are a couple pics of a somewhat before and a almost finished. Most of the work was done by me, only thing is my father in law helped me with some of the cabinet installations and my wife helped me with some of the drywall work. It's turning out really nice and I'm very pleased with the off white cabinetry The counter top guy came by today to measure so we should have those before Christmas.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyiti6cwZekhyphenhyphenXeBr1F9LWM-86jfz5WvbefVx5yosQ_7owq083YG1Vj27d24eW4HlS0D_t2sQDjccrxTgsIsDBMQtyArb-xfNPyTSEYoJ0d4vgropSl_zCkVjBpNifRHdHvxKnyYV-y-I/s1600/Screen+shot+2012-11-27+at+1.50.43+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyiti6cwZekhyphenhyphenXeBr1F9LWM-86jfz5WvbefVx5yosQ_7owq083YG1Vj27d24eW4HlS0D_t2sQDjccrxTgsIsDBMQtyArb-xfNPyTSEYoJ0d4vgropSl_zCkVjBpNifRHdHvxKnyYV-y-I/s320/Screen+shot+2012-11-27+at+1.50.43+PM.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHx7m18aScu-unSLV-_j72tkFIzn5balXCbaceff1SCAtnMOgY4l_NnZ_eRdbK9KifaBwr9Oh9jRXo5DHbZHWwQteicrZJrdr8G_3TcrFGkQGZfl0sjRcsYtZWxL7_G5p89-EASEO6p6w/s1600/Screen+shot+2012-11-27+at+1.51.08+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHx7m18aScu-unSLV-_j72tkFIzn5balXCbaceff1SCAtnMOgY4l_NnZ_eRdbK9KifaBwr9Oh9jRXo5DHbZHWwQteicrZJrdr8G_3TcrFGkQGZfl0sjRcsYtZWxL7_G5p89-EASEO6p6w/s320/Screen+shot+2012-11-27+at+1.51.08+PM.png" width="320" /></a></div>
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-86623896517168720932012-09-20T06:12:00.001-07:002012-09-20T06:13:16.067-07:00IOS 6 : good by AppleSo I updated my iPhone OS last night to the IOS 6 version. I had read that Apple was coming out with their own maps app, so I thought cool, another option. I guess I didn't read enough about it before I updated.<br />
<br />
I had a fleeting thought before I did it that Apple would totally remove Google Maps but I then thought that would be ridiculous for Apple to be so arrogant that they removed such a well used and loved app. I was WRONG! I did the update and to my astonishment they replace Google Maps with their own mapping app... and it sucks. <br />
<br />
So this is my promise that I will no longer be a Apple supporter after my contract is up. Seriously, when they take options away from me that I use and were the reason for getting a smart phone, then see ya. Apple seems to have forgotten long ago that its the customers that matter and by them forcing things on us, they're going to loose a lot of people. Time to move on.<br />
<br />
Besides: <iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/nf5-Prx19ZM" width="560"></iframe>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-25326596998908936292012-06-01T09:37:00.000-07:002012-06-01T09:37:16.065-07:00Solar power self sustainingI'm getting more and more interested in learning about solar power and other off-grid power sources.<br />
<br />
Looks like this is a decent source of info: <a href="http://diysolarhomes.com/blog/home-solar-power/">http://diysolarhomes.com/blog/home-solar-power/</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-16231731936235860262012-04-24T06:42:00.005-07:002012-04-24T07:09:12.744-07:00Mark Twight's: 300 workout - building a warrior's body<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22px; text-align: left;">The final test</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22px; text-align: left;">* 25 pull-ups</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22px; text-align: left;">* 50 deadlifts at 135 pounds</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22px; text-align: left;">* 50 push-ups</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22px; text-align: left;">* 50 box jumps with a 24-inch box</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22px; text-align: left;">* 50 "floor wipers" (a core and shoulders exercise at 135 pounds)</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22px; text-align: left;">* 50 "clean and press" at 36 pounds (a weight-lifting exercise)</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22px; text-align: left;">* 25 more pull-ups -- for a total of </span><b style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22px; text-align: left;">300 reps</b><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; line-height: 22px; text-align: left;"><span style="font-size: x-small;">The workouts varied and the above was the final test. They were given just enough food to fuel exercise and recovery... barely, then about 90-120 minutes of fight training afterward.</span></span><br />
<span style="background-color: white;"><span style="font-size: x-small;"><span style="color: #333333; font-family: Arial, serif; line-height: 29px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">Add the above reps together and you will get for a total of 300 reps</span><span style="color: #333333; font-family: Arial, serif; line-height: 29px; text-align: justify;"> and do all of them in</span><span style="color: #333333; font-family: Arial, serif; line-height: 29px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"> less than 20 minutes</span><span style="color: #333333; font-family: Arial, serif; line-height: 29px; text-align: justify;">. </span></span></span><br />
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, serif; font-size: x-small; line-height: 29px; text-align: justify;"><a href="http://www.menshealth.com/fitness/muscle-building-11/page/2">http://www.menshealth.com/fitness/muscle-building-11/page/2</a></span></span><br />
<span style="background-color: white;"><br /></span><br />
<span style="background-color: white;"></span><br />
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<span style="background-color: white;"><a href="http://www.menshealth.com/fitness/muscle-building-11/page/2" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; color: #cc0000; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">THE "ORIGINAL" 300 WORKOUT</a></span></div>
<ul style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-color: white;">Pullups - 25 reps</span></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-color: white;">Barbell Deadlift with 135 lbs. - 50 reps</span></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-color: white;">Pushups - 50 reps</span></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-color: white;">24-inch Box Jumps - 50 reps</span></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-color: white;">Floor Wipers - 50 reps</span></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-color: white;">Single-Arm Clean-and-Press with 36 lbs Kettlebell - 50 reps</span></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-color: white;">Pullups - 25 reps<br /><br /><a href="http://www.menshealth.com/fitness/muscle-building-11/page/2" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; color: #cc0000; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Instructions → </a><br /><span class="text" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 20px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span></span></span></span></li>
</ul>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<span style="background-color: white;"><a href="http://www.menshealth.com/fitness/muscle-building-11/page/3" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; color: #cc0000; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">THE INTERMEDIATE 300 WORKOUT</a></span></div>
<ul style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-color: white;">Pullups - 25 reps</span></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-color: white;">Dumbbell Deadlift - 50 reps</span></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-color: white;">Pushups - 50 reps</span></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-color: white;">Body-Weight Squat Jumps - 50 reps</span></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-color: white;">V-Ups - 50 reps</span></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-color: white;">Dumbbell Push Press - 50 reps</span></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="background-color: white;">Pullups - 25 reps<br /><br /><a href="http://www.menshealth.com/fitness/muscle-building-11/page/3" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; color: #cc0000; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Instructions →</a></span></li>
</ul>
<span style="background-color: white;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><br /></span></span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7742221465629673453.post-70464730093984579092012-04-09T07:50:00.001-07:002012-04-09T07:50:33.663-07:00Upgraded my MacBook Pro hard driveRecently I did an upgrade of my <b>Apple MacBook Pro 2.33GHz (17-inch Intel Core 2 Duo) - Late 2006.</b> I went from 100Gb to 1Tb.<br />
I thought I should document it since I forget quickly and may have to do this some time later. Also, I'm hoping it helps others out if they are going the same thing.<br />
<br />
I bought my upgrade hardware from OtherWorldComputing since they have an easy upgrade and product identification process for finding what works with your computer (the My OWC tab).<br />
I went with the kit that comes with the new hard drive, an external case for the old drive and the mini tools for taking the laptop apart. <a href="http://eshop.macsales.com/item/Western%20Digital/YWD10JPVT/">http://eshop.macsales.com/item/Western%20Digital/YWD10JPVT/</a><br />
OWC also has well put together videos and instructions for the complete upgrade process, from taking apart the computer and installing it, to the software used to upgrade. <br />
<br />
Step 1:<br />
<br />
Once I had my new hd kit, I had to install the new hd into the external hd enclosure so I could clone my current hard drive onto the new blank hd. I used <a href="http://www.bombich.com/">Carbon Copy Cloner</a> to do this. It's free and works easily and perfectly. Once I had a copy of my Mac OS on the new drive I could remove the old and install the new.<br />
<br />
Step 2:<br />
Per OWCs installation videos, I opened up my laptop with the provided tools from the kit and took out the old hd. Then just plugged in the new one, remounted all the brackets and screws and closed it back up.<br />
Powered back on and wolla!<br />
<br />
After I received my parts, on the OWC site I clicked on the upper tab for Customer Service, then went to the Installation Videos, scrolled down to my computer and clicked the hard drive install video.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://eshop.macsales.com/installvideos/macbookpro_17_hd/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5fM1hfrIhY4hPoNvE-UGfGPhW_trV2byDQY9JzSfUMvFDoa9H3t50LvDmfdMu_tynvjMBRttMRpgoi9k0CIBZZc1t-f14aq2wA8ZUgX-xeuHmiK2T-dR4S8X7QGWz1YPBfcj-R1Fi2ss/s1600/Screen+shot+2012-04-09+at+8.56.08+AM.png" /></a></div>
<br />
Step 3:<br />
Install old hd into the external enclosure, so I can get back my original partition too. You could have done this with the old hd in the laptop too. We just have to make an image using WinClone so we can put it back on to our new drive.<br />
<br />
Step 4:<br />
I use Bootcamp to run a Windows partition on my Mac, thus a major issue with only having a 100Gb drive. I was out of room and couldn't install any new software or really store files on my old hd since I had only half the 100Gb to work with.<br />
So getting the Bootcamp back on to the new drive, I used WinClone to clone the Bootcamp partition. Winclone is unsupported these days so I found an old version from <a href="http://bubba.org/winclone/">http://bubba.org/winclone/</a><br />
I used their last updated version<br />
<table><tbody>
<tr><td><a href="http://bubba.org/winclone/Winclone_2_3_3.dmg">Winclone_2_3_3.dmg</a></td><td align="right">01-Dec-2011 22:31</td><td align="right">3.7M</td><td> </td></tr>
</tbody></table>
<br />
Step 4: If I remember this right, I booted up my laptop, then created a new partition using the BootCamp app that came with the original Mac OS. Once I had a partition, I just double clicked on my WinClone image that I made using Winclone. It doesn't really matter if make the WinClone image while your old drive is in the laptop or new external enclosure. Might be better to do it before though.<br />
Basically it just restores the image you created to that partition. Also, this worked perfect for me too.<br />
<br />
That's about it. <br />
<br />
Here's my MacBook Pro while I had it apart. I also had to change out my right side fan that decided to start squeaking. I originally tried to fix it, and it wasn't so noticeable, but really was loud still so I replaced it too. My new hard drive is in the lower left side of the open computer. I had the keyboard up against the screen so I could access the parts. Again, thanks to OWC for their great install videos.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash3/552263_10150789349219880_772329879_11654909_376376507_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash3/552263_10150789349219880_772329879_11654909_376376507_n.jpg" width="240" /></a></div>
<br />
<br />
<br />
<br />
<br />Unknownnoreply@blogger.com0