<?xml version="1.0" encoding='utf-8'?>
<!-- 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
-->
<?xml-stylesheet type="text/xsl" href="https://rollerweblogger.org/roller-ui/styles/atom.xsl" media="screen"?><feed xmlns="http://www.w3.org/2005/Atom">
    <title type="html">Blogging Roller</title>
    <subtitle type="html">Dave Johnson on open web technologies, social software and software development</subtitle>
    <id>https://rollerweblogger.org/roller/feed/entries/atom</id>
        <link rel="self" type="application/atom+xml" href="https://rollerweblogger.org/roller/feed/entries/atom?tags=bootstrap" />
    <link rel="alternate" type="text/html" href="https://rollerweblogger.org/roller/" />
    <updated>2026-04-07T09:28:33+00:00</updated>
    <generator uri="http://roller.apache.org" version="6.1.5">Apache Roller</generator>
    <entry>
        <id>https://rollerweblogger.org/roller/entry/modernizing-the-roller-ui</id>
        <title type="html">Modernizing the Roller UI</title>
        <author><name>Dave Johnson</name></author>
        <link rel="alternate" type="text/html" href="https://rollerweblogger.org/roller/entry/modernizing-the-roller-ui"/>
        <published>2016-06-11T18:28:36+00:00</published>
        <updated>2018-02-16T12:42:32+00:00</updated> 
        <category term="Roller" label="Roller" />
        <category term="asf" scheme="http://roller.apache.org/ns/tags/" />
        <category term="bootstrap" scheme="http://roller.apache.org/ns/tags/" />
        <content type="html">
&lt;p&gt;&lt;a href=&quot;http://getbootstrap.com&quot;&gt;&lt;/a&gt; I don&amp;#39;t blog very often but I still find time to work on my blog&amp;#39;s software: &lt;a href=&quot;http://roller.apache.org&quot;&gt;Apache Roller&lt;/a&gt;. &lt;/p&gt;


&lt;p&gt;Recently, I decided to focus on improving Roller&amp;#39;s ancient Struts 2-based user interface (UI). I had considered adding a comprehensive API to Roller and building a new UI based on that API, but wow that is a huge amount of work. Instead, I decided to modernize the Roller UI by using Twitter&amp;#39;s &lt;a href=&quot;http://getbootstrap.com&quot;&gt;Bootstrap&lt;/a&gt; components and CSS styles.&lt;/p&gt;


&lt;p&gt;So far, I&amp;#39;ve devoted a couple of weekends to this work and made some pretty good progress. I&amp;#39;m about half-way done. I&amp;#39;m using the &lt;a href=&quot;https://cwiki.apache.org/confluence/display/S2PLUGINS/Bootstrap+Plugin&quot;&gt;Struts2-Bootstrap&lt;/a&gt; plugin, adding better client-side form validation with JavaScript and doing my best to improve the overall user experience. You can see an album of the pages I&amp;#39;ve done so far on Flickr: &lt;a href=&quot;https://www.flickr.com/photos/snoopdave/albums/72157666773620323&quot;&gt;&lt;br&gt;
Roller UI with Bootstrap&lt;/a&gt;. &lt;/p&gt;


&lt;p&gt;I would love any contributions, so if you are interested in helping out, please submit Pull Requests against the &lt;a href=&quot;https://github.com/apache/roller/tree/bootstrap-ui&quot;&gt;bootstrap-ui&lt;/a&gt; branch in the Apache Roller repo on GitHub.&lt;/p&gt;

</content>
    </entry>
    <entry>
        <id>https://rollerweblogger.org/roller/entry/new_bootstrap_based_theme</id>
        <title type="html">New Bootstrap based theme</title>
        <author><name>Dave Johnson</name></author>
        <link rel="alternate" type="text/html" href="https://rollerweblogger.org/roller/entry/new_bootstrap_based_theme"/>
        <published>2014-01-19T21:10:01+00:00</published>
        <updated>2014-01-20T05:13:25+00:00</updated> 
        <category term="Blogging" label="Blogging" />
        <category term="bootstrap" scheme="http://roller.apache.org/ns/tags/" />
        <category term="roller" scheme="http://roller.apache.org/ns/tags/" />
        <content type="html">&lt;p&gt;I&amp;#39;m not motivated to write new blog entries but for some reason I was motivated to update my blog&amp;#39;s theme. This time I decided to go with &lt;a href=&quot;http://getbootstrap.com/&quot;&gt;Twitter Bootstrap&lt;/a&gt; + &lt;a href=&quot;http://jquery.com/&quot;&gt;jQuery&lt;/a&gt;. It&amp;#39;s responsive, so to speak. What do you think? I think it takes a little too long for the banner image to load.&lt;/p&gt;</content>
    </entry>
</feed>

