Good Morning Kate – New Day, New Design

Kate has since more than one year a new WordPress powered site. During last years Akademy, Dominik and I installed it and filled it with first life.

It replaced the old Drupal powered site, that Anders did set up years ago. Thanks again to Anders here, for the work he did on the old page. But since the day Anders didn’t have that much time any more for Kate development, it somehow lost its drive (as Dominik an I are not at all capable to work with Drupal, whereas Anders really was an well practiced Drupal admininstrator). The current WordPress site is much more usable for us, as we know WordPress much better than Drupal. The initial import of the content of the old Drupal page was kind of painful, but most stuff was moved over even during Akademy, just some outdated howtos and faqs got purged.

Since over an year, the current page is a vibrant source of news around Kate and KDE in general. It helped to promote Kate and for example provided our GSoC students with a central place to post about their projects.

Today I was kind of bored, after being back from the Desktop Summit in Berlin, therefore I have taken a look at the design of our page (and I searched for nice eyecatcher, here a Monarch, link to german Wikipedia, as there the image was found).

As we started the page, I experimented some days with WordPress themes and finally ended using Carrington Blog. Whereas it did not really have a suitable layout for our page, its look and feel was nice and 5 lines code later, it had a for us usable one column layout.

Today I revisited the design and somehow thought why not refresh the page. After wading for several hours through “free” themes of any kind, I arrived at PressWork. Its very plain design just caught my eye. And even better, it has some nice HTML5 based interactive editor to fiddle around with stuff like sidebar placement, sizes, fonts, colors, … Nice! After a bit over a hour playing around with it, I got a kind of nifty new and fresh design going. Event without any pictures, it really is kind of elegant ;) (At least for my taste).

Therefore, all that wake up soon, here it is, kate-editor.org in a new fresh design. It is not really finished, will play a bit with colors/widgets/sizes/… around in the next days. But overall, I think it will stay that way. Lets hope for a next successful year for both my poor small editor (component) and its website!

Together with the new design, I added buttons to allow easy sharing of posts with social media of any kind (thanks to Dominik for the idea). Lets see if that keeps even more readers rolling in here. Spread the work. We both want a lot more users and a lot more contributors (and yes, I count documentation writers, usability guys and others in, not only developers).

Thanks to all contributors, keep rocking!

Now: good night, or better, good morning!

16 thoughts on “Good Morning Kate – New Day, New Design”

  1. It’s elegant and nice! :)
    But I still believe that the first page (home page) of the site needs to look like it belongs to a s/w application (and a great one!). ATM, it looks like it’s a blog more than a s/w’s homepage. News and history should not appear on the first page.
    Great work! Keep up! :)

    1. I am not that sure with the “landing page”. I think the “About” and Co. pages need some makeover, but the most important stuff users/developers can find here are the blogs, which keep you informed about current developments, events and Co. The other stuff is very static. Not sure if it that interesting for the normal visitor.

      1. Let me know if I can be of any help with the info pages. I think it would go along with my docs work quite nicely. :-)

  2. The site looks pretty bad with Konqueror with KHTML (4.6). There sides are grey instead of white. I guess that not even KDE devs use KDE defaults nowadays, but hey, it’s fine with me. Just wating for a stable webkit on konqueror. :-)

    1. It looks fine on 4.7. I don’t know how much love KHTML get these days but I highly doubt it’s changed that much since 4.6.

      Are you sure you don’t have a user/accessibility stylesheet getting in the way?

      1. I’m 99% sure I don’t have anything set that could change appearance. But as I said, it looks nice in other browsers/engines. If in 4.7 it looks good too, then don’t worry, it’s not your fault. :)

        PS: I correct what I said in my first comment. Is not pretty bad, but is kind of odd. I looks like intentionally adding colored silver margins to make the content stand out, but with a 0 padding.

        1. As the PressWork stuff is quiet new but under constant development, perhaps even some issues might be fixed with the next version. 1.0.2 is here at work now, lets see what the next updates to 1.1 will give us in the future. At least it kind of works ok on my smartphone, too ;)

  3. The fonts look terrible for me in recent Mozilla browsers (I tried 64-bit Firefox nightly and SeaMonkey 2.3b3) on Kubuntu 11.04. Just take a look at http://www.skierpage.com/bugs/kate-editor_site_capture.png (SeaMonkey 2.3b3 on top, Rekonq on bottom).

    According to Firebug, the h1s siteheader and posttitle “Kate | Get an Edge in Editing” and “Good Morning Kate appear in “font-family Yanone Kaffeesatz” 28.8px at font-weight 400 , note the uneven bulging rendering of the K, G, d, g. The sidebar h3 headers are in 14.4px “Yanone Kaffeesatz”, this doesn’t have the lumpy outlines but is way too narrow to read comfortably. The h2 italic author and meta information is also pretty illegible. I’m getting these fonts in woff format according to some CSS from fonts.googleapis.com. Presumably rekonq doesn’t implement Web fonts so the site looks different and fine in that. What’s strange is the samples of this font at http://www.google.com/webfonts/specimen/Yanone+Kaffeesatz look much better, I’m not sure why.

    This is at default zoom with default X dpi and default theme, but maybe I have weird outline hinting prefs set up somewhere. If the problem is unique to me, I’m sorry to trouble you.

    1. I think it’s the font-size 28.8px that’s causing the irregular lumpy glyphs, if I set it to integer 28px things look much better. Maybe that arises from “font-size: 2.4em” in style.css for siteheader, applied to a default font size of 12px.

        1. Yes, no problems with Droid Sans. The headings look the same in Firefox and Rekonq. For some reason the body text glyphs appear lighter and smaller in FF, and more of them fit on a line; it’s not a big deal. Droid Sans is installed on my PC.

          It’s odd that the Yanone Kaffeesatz outline font should look so weird at 28.8px, other outline fonts can handle it.

Leave a Reply