<div dir="ltr"><div><div><div><div>Hi,<br><br></div>I have done new redesign implementation for heavy use live site where it wasn't possible to upgrade everything at once because some parts needed ground up rethink and more time than some other parts.<br><br></div>In some period of time we used even dynamic layout switch depending on context/user.<br><br></div>For development clarity, we gave distinct name for a new layout such as 'ui2'. This way you can prefix some already upgraded partials with 'ui2_' without messing up old user interface components and partials.<br><br></div>It work for us well upgrading step-by-step with group of controller without any big mess.<br><div class="gmail_extra"><br clear="all"><div><div><div dir="ltr"><div><div dir="ltr">Kind Regards,<div><br></div><div>Priit Tark</div><div>Lead Developer</div><div><br></div><div>Gitlab Ltd <br><a href="http://gitlab.eu" target="_blank">http://gitlab.eu<br></a></div><div>Ticketing <br><a href="http://tikitur.com" target="_blank">http://tikitur.com</a><br><br><br></div></div></div></div></div></div>
<br><div class="gmail_quote">On Fri, Mar 18, 2016 at 5:34 PM, Jesse Waites <span dir="ltr"><<a href="mailto:jesse.waites@gmail.com" target="_blank">jesse.waites@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Thanks Jon, that sounds like a great approach. <div><br></div><div>I was also thinking about firing up a new rails app, literally "rails new prototype", and building the views I want onto a clean slate, then transferring everything over to the new rails app once the HTML is in place, rather than writing new HTML on top of old HTML and having a spaghetti type situation on my hands, with new and old HTML everywhere and CSS classes conflicting with each other all over the place. Anyone have thoughts on that approach?</div></div><div class="gmail_extra"><div><div><br><div class="gmail_quote">On Fri, Mar 18, 2016 at 11:15 AM, Jon Wood <span dir="ltr"><<a href="mailto:jon@ninjagiraffes.co.uk" target="_blank">jon@ninjagiraffes.co.uk</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">We've been through that process a could of times at Hubbub now. For our latest revision we rebuilt the entire customer facing website from the ground up as an API client - it was the right move, as it killed off a lot of technical debt that had grown over the years, and allowed us to completely rethink how customers approach the site. However, its a bit drastic, so I'll write about the first time round when we just rebranded without any major changes to the UX.<div><br><div>As you say, branch first, nothing is going to be pretty for a while. After that we started by rewriting our application layout to use the new framework, and introduce the new design to any global elements on the page like navigation and sidebars. That also involved reworking a lot of partials that made up those elements. The key thing here was to start afresh with CSS which allowed us to avoid having two frameworks conflicting with each other.</div><div><br></div><div>At this point the entire site was hideously broken in the most literal sense. Now begins the gradual process of updating every view in your application - hopefully its been built with some sort of reusable components in the frontend which will make this easier, but ultimately you're going to be reworking a lot of CSS classes.</div><div><br></div><div>Once that's done, its time for some pretty extensive testing. We ran a beta period where we slowly rolled the new design out, first to staff, and then to some of our more friendly customers.</div></div><div><br></div><div>Something we didn't get the chance to do, and I wish I could remember the name of the tool, was to run the entire site through a tool which can pick up any unused CSS classes in the HTML, and find any unused CSS definitions. If you've got decent integration test coverage it should be enough to run your suite of tests and see what that brings up.</div><div><br></div><div>Hopefully that's of some help - I'm working from memories of something we did in 2013, so its a bit rough!</div><div><br></div><div>Jon</div></div><br><div class="gmail_quote"><div><div><div dir="ltr">On Fri, 18 Mar 2016 at 14:56 Jesse Waites <<a href="mailto:jesse.waites@gmail.com" target="_blank">jesse.waites@gmail.com</a>> wrote:<br></div></div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div><div dir="ltr">Hello everyone,<div><br></div><div>I've recently started a new job and one of my first orders of business is to reskin the app. It basically looks like hot garbage right now and my boss wants me to redesign it with a proper framework, etc. I am also looking forward to this because I have a pretty good design eye and it will be cool to have complete ownership of the look and feel of a production web app.</div><div><br></div><div>I have started with making some general UI mockups in Balsamiq and have approval to implement this design from upstairs. </div><div><br></div><div>I suppose I will simply create a new branch and start adding the framework, and start redesigning this maybe a controller at a time, hitting each view in each controller? That seems like a reasonable approach to me.</div><div><br></div><div>I know how to technically do this but I'm curious about the best overall strategy to reskin (Add a new front end / UI) a rails app. If someone has done this before and wouldn't mind writing about their process / best practices for something like this, I would appreciate it.</div><div><br></div><div>Thanks!</div><div><br clear="all"><div><br></div>-- <br><div><div dir="ltr"><div><div dir="ltr"><div dir="ltr"><div>Jesse Waites</div><div><a href="http://JesseWaites.com" target="_blank">JesseWaites.com</a></div></div></div></div></div></div>
</div></div></div></div>
_______________________________________________<br>
Chat mailing list<br>
<a href="mailto:Chat@lists.lrug.org" target="_blank">Chat@lists.lrug.org</a><br>
Archives: <a href="http://lists.lrug.org/pipermail/chat-lrug.org" rel="noreferrer" target="_blank">http://lists.lrug.org/pipermail/chat-lrug.org</a><br>
Manage your subscription: <a href="http://lists.lrug.org/options.cgi/chat-lrug.org" rel="noreferrer" target="_blank">http://lists.lrug.org/options.cgi/chat-lrug.org</a><br>
List info: <a href="http://lists.lrug.org/listinfo.cgi/chat-lrug.org" rel="noreferrer" target="_blank">http://lists.lrug.org/listinfo.cgi/chat-lrug.org</a><br>
</blockquote></div>
<br>_______________________________________________<br>
Chat mailing list<br>
<a href="mailto:Chat@lists.lrug.org" target="_blank">Chat@lists.lrug.org</a><br>
Archives: <a href="http://lists.lrug.org/pipermail/chat-lrug.org" rel="noreferrer" target="_blank">http://lists.lrug.org/pipermail/chat-lrug.org</a><br>
Manage your subscription: <a href="http://lists.lrug.org/options.cgi/chat-lrug.org" rel="noreferrer" target="_blank">http://lists.lrug.org/options.cgi/chat-lrug.org</a><br>
List info: <a href="http://lists.lrug.org/listinfo.cgi/chat-lrug.org" rel="noreferrer" target="_blank">http://lists.lrug.org/listinfo.cgi/chat-lrug.org</a><br>
<br></blockquote></div><br><br clear="all"><div><br></div></div></div><span><font color="#888888">-- <br><div><div dir="ltr"><div><div dir="ltr"><div dir="ltr"><div>Jesse Waites</div><div><a href="http://JesseWaites.com" target="_blank">JesseWaites.com</a></div></div></div></div></div></div>
</font></span></div>
<br>_______________________________________________<br>
Chat mailing list<br>
<a href="mailto:Chat@lists.lrug.org" target="_blank">Chat@lists.lrug.org</a><br>
Archives: <a href="http://lists.lrug.org/pipermail/chat-lrug.org" rel="noreferrer" target="_blank">http://lists.lrug.org/pipermail/chat-lrug.org</a><br>
Manage your subscription: <a href="http://lists.lrug.org/options.cgi/chat-lrug.org" rel="noreferrer" target="_blank">http://lists.lrug.org/options.cgi/chat-lrug.org</a><br>
List info: <a href="http://lists.lrug.org/listinfo.cgi/chat-lrug.org" rel="noreferrer" target="_blank">http://lists.lrug.org/listinfo.cgi/chat-lrug.org</a><br>
<br></blockquote></div><br></div></div>