<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>bradbice.com</title><link>https://www.bradbice.com/tags/web-design/</link><description>Recent content from bradbice.com</description><generator>Hugo -- gohugo.io</generator><language>en</language><managingEditor>brad@bradbice.com (Brad Bice)</managingEditor><webMaster>brad@bradbice.com (Brad Bice)</webMaster><copyright>© Brad Bice</copyright><lastBuildDate>Mon, 08 Jan 2018 00:00:00 +0000</lastBuildDate><atom:link href="https://www.bradbice.com/tags/web-design/index.xml" rel="self" type="application/rss+xml"/><item><title>Newwwyear Grand Re-Opening</title><link>https://www.bradbice.com/blog/newwwyear/</link><pubDate>Mon, 08 Jan 2018 00:00:00 +0000</pubDate><author>brad@bradbice.com (Brad Bice)</author><guid>https://www.bradbice.com/blog/newwwyear/</guid><description>&lt;p&gt;I&amp;rsquo;ve redesigned and re-launched my website multiple times. Let&amp;rsquo;s go again!&lt;/p&gt;
&lt;p&gt;Inspired by years of frustration of having my content fragmented across multiple websites and social networks, and the timely tweet above, I’ve spent the last few months pulling together this new project.&lt;/p&gt;
&lt;p&gt;I&amp;rsquo;ve finally come to a place where I&amp;rsquo;m happy enough (but still embarrassed) to deploy my work-in-progress redesign and reorganization of my website. However, I can&amp;rsquo;t release my baby into the wild without some caveats:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Perfection is the enemy of done&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;This is a work-in-progress, and it&amp;rsquo;s meant to be. There is a lot going on in this simple personal website that I&amp;rsquo;m not happy with, and a lot I want to improve and add on to. However, if I wait until I&amp;rsquo;m absolutely happy with what I have, I won&amp;rsquo;t ever publish it. This includes:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;em&gt;The color scheme&lt;/em&gt; - After experimenting with a bunch of color palettes, stripping it all and going with black &amp;amp; white was the quickest and allowed me to focus more on the content and layout.&lt;/li&gt;
&lt;li&gt;&lt;em&gt;The typography&lt;/em&gt; - I generally like my selections here, but am not completely sold on them. Plus I&amp;rsquo;m using 3 separate font-families &amp;ndash; Roboto Slab, Montserrat and system fonts &amp;ndash; so I&amp;rsquo;ll need to reconcile those for performance and aesthetics at some point.&lt;/li&gt;
&lt;li&gt;&lt;em&gt;Work portfolio&lt;/em&gt; - I&amp;rsquo;ve added most of my examples of work, but no actual visuals like screen grabs or images just yet. I&amp;rsquo;m still looking for the best way to present those in a gallery-type fashion.&lt;/li&gt;
&lt;li&gt;&lt;em&gt;Resume&lt;/em&gt; - The information is there, but it&amp;rsquo;s not too aesthetically pleasing. I need to spice that up, and add in some print styles as well.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="other-stuff"&gt;Other stuff&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Contact form (currently using Wufoo)&lt;/li&gt;
&lt;li&gt;Tag/category page list styles&lt;/li&gt;
&lt;li&gt;The logo - It’s version 0.5, for sure.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;With that said, I&amp;rsquo;m happy &lt;em&gt;enough&lt;/em&gt; to push this live and start publishing content to it. Any Twitter posts will hopefully be mirrored here, except Retweets. If you don’t know what that is or don’t read Twitter, then you’re missing a lot and nothing all at once.&lt;/p&gt;
&lt;p&gt;One point of all of this is to combine my personal and professional-facing websites into one. I don’t need two, no need to put on a business face or anything like that. Might as well push everything together and make it simpler on myself.&lt;/p&gt;
&lt;p&gt;Thank you for reading, please stop by again (or add my feed to your device or feed service), and follow me on Twitter for update notifications and other stuff. Yay!&lt;/p&gt;
&lt;p&gt;(Also, if you’re wondering about the “After Hours” title of my blog, it’s a name I’ve wanted to do something with for a long time. I’ve always been a night owl, and have historically stayed up late and worked late and actually do most of my best thinking and work at night. I’d like to parlay it into a brand of sorts maybe, given the right ventures and opportunities. If not, it’s a fun blog title that gives a little spice to my thoughts and ramblings.)&lt;/p&gt;</description></item><item><title>The Mythical "Fold"</title><link>https://www.bradbice.com/blog/mythical-fold/</link><pubDate>Thu, 24 Jan 2013 00:00:00 +0000</pubDate><author>brad@bradbice.com (Brad Bice)</author><guid>https://www.bradbice.com/blog/mythical-fold/</guid><description>&lt;figure class="thumb"&gt;&lt;img src="https://res.cloudinary.com/bradryanbice/image/upload/w_200,ar_1.1034,c_limit,f_auto,q_auto/7387824246_f7b707675e_n.jpg" srcset="https://res.cloudinary.com/bradryanbice/image/upload/w_100,ar_1.1034,c_limit,f_auto,q_auto/7387824246_f7b707675e_n.jpg 100w, https://res.cloudinary.com/bradryanbice/image/upload/w_200,ar_1.1034,c_limit,f_auto,q_auto/7387824246_f7b707675e_n.jpg 200w, https://res.cloudinary.com/bradryanbice/image/upload/w_300,ar_1.1034,c_limit,f_auto,q_auto/7387824246_f7b707675e_n.jpg 300w, https://res.cloudinary.com/bradryanbice/image/upload/w_400,ar_1.1034,c_limit,f_auto,q_auto/7387824246_f7b707675e_n.jpg 400w" sizes="(min-width: 880px) 200px, 23vw" width="200" height="181"
alt="A phone, tablet and laptop side by side" loading="lazy" decoding="async"&gt;
&lt;/figure&gt;
&lt;p&gt;The &amp;ldquo;fold&amp;rdquo; on the web is a controversial topic. I personally believe that the web is different from print (where the term and concept originated) in that it is interactive.&lt;/p&gt;
&lt;p&gt;Scroll bars and touch controls allow users to manipulate their viewing experience more and more with each new device and browser. Also,  &amp;ldquo;mobile&amp;rdquo; internet use will surpass desktop use by 2014 (&lt;strong&gt;Update:&lt;/strong&gt; &lt;a href="https://gs.statcounter.com/platform-market-share/desktop-mobile-tablet/worldwide/#monthly-200901-202009"&gt;it actually didn&amp;rsquo;t happen until November 2016&lt;/a&gt;,) meaning that any concrete identification of the fold will be out the window.&lt;/p&gt;
&lt;p&gt;Obviously there are cases where putting content near the top of a page can be beneficial, since most if not all browsers render pages with the starting point scrolled to the top (is top a relevant term when describing page location anymore? Especially since devices can be rotated and turned more than older monitors ever could.)  But I believe that is different from expressing that something be entirely or mostly &amp;ldquo;above the fold.&amp;rdquo; There should always be a content hierarchy  and browsing trends will usually point to people scrolling from top to bottom to support this.&lt;/p&gt;
&lt;p&gt;Responsive design especially defeats the concept of the fold since it makes the &amp;ldquo;fold line&amp;rdquo; a floating and ever-changing border. Instead of concentrating on what should be above or below a line that may or may not even exist in a majority of cases, I believe authors should instead focus on a consistent hierarchy of content and embrace the ambiguity of the web.&lt;/p&gt;</description></item><item><title>Responsively Redesigning</title><link>https://www.bradbice.com/blog/responsively-redesigning/</link><pubDate>Mon, 10 Sep 2012 00:00:00 +0000</pubDate><author>brad@bradbice.com (Brad Bice)</author><guid>https://www.bradbice.com/blog/responsively-redesigning/</guid><description>&lt;p&gt;I&amp;rsquo;m currently redesigning this site to take advantage of &lt;a href="http://www.alistapart.com/articles/responsive-web-design/"&gt;Responsive Web Design&lt;/a&gt;, something anyone with a website should be doing.&lt;/p&gt;
&lt;p&gt;I&amp;rsquo;m using a &amp;ldquo;&lt;a title="Mobile First" href="http://www.lukew.com/resources/mobile_first.asp"&gt;Mobile First&lt;/a&gt;&amp;rdquo; approach (do you see a trend here?) by serving up a minimal content set for those on cellular networks or slow connections. As the screen size increases, the design will change to allow for a different experience (a slightly different layout, larger images, etc.) The design is also resolution independent, thanks to icon fonts (the exception being photos and images, I have yet to provide new versions of those, as my focus has been on the mobile side for now.)&lt;/p&gt;
&lt;p&gt;This is a work in progress but I wanted to express my desire and determination to create a responsive version of my website. It&amp;rsquo;s part of a &amp;ldquo;design in the browser&amp;rdquo; method that I&amp;rsquo;m using for this particular project where I am the client. So if things happen to look a little muddy at times, that&amp;rsquo;s why!&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; Current development and testing has taken place in Google Chrome and Safari on iOS 5. These are the most-utilized browsers according to my analytics so I design in those first. Firefox and IE support is coming next. I am only using this &amp;ldquo;live-redesign&amp;rdquo; process on my personal page, and would not use or recommend it for a commercial site. See &lt;a title="Redesigning in public again" href="http://www.zeldman.com/2012/04/18/redesigning-in-public-again/"&gt;Zeldman&lt;/a&gt; and &lt;a href="http://www.zeldman.com/2012/05/18/web-design-manifesto-2012/"&gt;Zeldman&lt;/a&gt;.&lt;/p&gt;</description></item></channel></rss>