New styles, featured layouts, layouts by type, revised link text, dw_styles management

[afuna]

mark did a code push today! Which means there's lots of exciting news for this entry.

...not all of which is good

First of all, oops. If you're a user of a Transmogrified-based theme, you may have noticed some elements in your journal are missing some background colors. This was a side effect of some cleanup we did, where we moved some colors around. This wasn't supposed to break anything, but it did. I'm sorry about that -- hold on another half a day or so; we have a fix coming up.

ETA: Fixed now.

But most of it is!

New styles

The Select Journal Style page is very different from how it looked two weeks ago. The past two code pushes have given us a ton of color themes to play with, and now we have five new layouts.

Blanket
by sforzinda

Bases
by sven

Sunday Morning
by regna

Tranquility III
by branchandroot

Funky Circles
by ninetydegrees

Blanket came out in the last codepush, but we didn't give it a proper shout-out, so I'd like to mention it here! I love this layout; I have a fuzzy peach blanket with teddy bears in blue bowties which look just like the peach theme. Ahh fuzzy warm childhood memories </embarrassing revelation of this entry>.

Bases is very clean, very light, very fresh. There are a few careful tweaks in there, and much attention paid to detail -- try it out and you'll see what I mean :-) It also has the distinction of being the layout with the fastest time between when it went live on the site, and when someone who wasn't the original author submitted a theme (I was showing it off to a friend, and she liked the layout so much, she submitted a color variation on the spot).

Sunday Morning is elegant, elegant, and did I say elegant? If you're a member of dreamwidthlayouts, you're probably already familiar with the basic layout. We had to use another image than what you've seen before because of image licensing issues, but regna stepped up and made not just one but two header image variations.

Tranquility III is based on Tranquility II from LiveJournal. Soothing. Tranquil. Relax. Written by branchandroot, who has done six layouts for us so far with over twenty color variations of the various layouts (and may I just say, major major <3)

Funky Circles is quirky, retro, funky! Best viewed in a browser which supports shadows and the like, but really, it looks good everywhere. If you're interested in creating a new theme based on this layout, ninetydegrees has helpfully provided the .psd files of her layout's images.

Do check out the new layouts! And if you find that none of them fit your current needs, well we have a few more layouts coming up.

One of them, EasyRead, is a layout written specifically for low-vision users. We were hoping to have it out by this codepush, but ran into a few last-minute problems in testing, so we want to hammer those out first before pushing it live. Other layouts we expect to finish soon are Fluid Measure (rounded corners with strong colors), Snakes and Boxes (clean separation of sections into boxes), Skittlish Dreams (bright and candy-like colors), as well as even more themes for existing layouts.

Speaking of which, we're always looking for new layouts and themes. Each theme will give you two months paid time, five invite codes, and our eternal gratitude (contents may not be as pictured on the package, batteries not included, yadda yadda). See dreamscapes for details -- don't forget to submit a CLA, first, though.

Featured Themes

Now that we have more layouts and more color themes, we've changed around the Featured themes to show off new color variations of the existing layouts (as well as include all the new, just-introduced layouts).

In fact, and for the first time, we have more than twelve base layouts. That means that we don't have enough room in the Featured categories to showcase one color theme of each layout (which was always the case before). We've had to move some layouts off the Featured list. Considering how empty the customize area was just a few weeks ago, um, that's kind of crazy!

Categorizing Layouts

Luckily those layouts will still be easy to find. We've added a new category, one that lets you view styles by their base layout type. Once on that page, you can click on the layout name to see all color themes for that layout.

This option was overwhelmingly in the lead when we conducted our poll on layout categories (PS. If you still haven't voted/commented, you can still do so now ;-)).

We got a lot of good feedback from that entry and the poll, and we definitely want to do the other things that were suggested. We'll be adding more categories and ways to discover layouts, but those require a bit more work for us to go through the layouts and sort through them. This option is easy, very popular, and it's good timing to add it now, so we pushed it in earlier than the rest.

Enjoy!

Revised text

For reasons of accessibility, we long ago decided to use the same link text across all official layouts. However, as we got more layouts, we discovered that in some, the current link text is too long to fit comfortably, and we needed shorter variations. And then after that, we found that some of the original longer text was difficult to coerce into a shorter form while still making sense, so we decided to change some of the longer forms as well. It's not happening in this code push, but we'll be doing this some time in the next few weeks:

Original, long and short forms of entry link text

Original (long)	Proposed long	Proposed short
Previous Entry	--	Previous
Next Entry	--	Next
Add to Memories	Add Memory	Memory
Untrack This	--	Untrack
Tell Someone	Share This Entry	Share
Leave a comment	Reply	Reply

The changes in the text will only affect your journal if you haven't customized the text; if you have, then your journal won't be affected at all. And, because someone expressed concern that proposing standard text like this would be taking away choices, I think it's important to let you know that you will always be able to change text on your style as applied to your journal -- only the default text of the official layouts will be subject to standardization.

Changes to dw_styles community management

I've been thinking a lot about the current state of styles, and one thing that is important is to have a free flow of communication. I want to either open up dw_styles to moderated posting, or to have a weekly/monthly discussion entry.

No decision yet; but expect an entry on this soon.



ETA: Added link to the quick and dirty guide creating a color theme above (and here)

Comments

[yvi]

Fu!!!

I love all of it. Just so you know.

[cesy]

Yay! This is all very exciting.

[inarticulate]

♥ I love what you guys are doing, and the new styles are absolutely gorgeous. Thank you so much!

[phoenix]

Oh, *nice* stuff. Thanks to everyone who's putting in so much work on prettifying this site. <3 I'm using regna's Sunday Morning now, though it was a tough fight between that and 900degrees's layout.

[mmeg]

Is there an easy way to preview the reading page in a given style from the styles page? The only thing I want from a style is the icon on the right with the name of the poster underneath it, but that doesn't show up on a journal preview. Or is the feeling that I should just c&p the ?s2id= part of the preview into a reading page window?

[afuna]

No link to click, but you're right -- you can just c&p the ?s2id part of the preview onto your reading page.

[lapillus]

I really like Sunday Morning. My only problem with it is when you move the icons to the left (which is where I strongly prefer them) they overwrite the tops of the letters on the user name. Is there a quick CSS fix for this?

[afuna]

Try adding this:

.has-userpic .header {
min-height: 55px;
}


(And will see if we can get that fix into the official layer as well)

[lapillus]

Oh, much better! Thanks :-)

[zvi]

Do we (and by we, I mean the styles team, which I'm not actually on) want to standardize switching icon position from side to side as a theme feature? I know that we'd (again, the styles team) have to figure it (i.e., the necessary CSS change) out, but this seems to be a request on every layout where the icons show on the right by default.

Or maybe I'm just hypersensitive because that is how I feel about it.

[afuna]

I think we do! And I also think that, inasmuch as there is a styles team, everything you've done so far makes you a part of it already :)

but I honestly do want to be moving away from picking out a styles team, because I'd rather that if someone sees something wrong, they can feel free to jump in with suggestions/improvements/patches, the same as anything else! (with Mark/D's approval, if it's a new feature, of course *g*, and input from people who have played with styles and are familiar with S2/the structure and conventions that are there -- but my goal is to grow that pool, as much as we can)

Anyway, to your questioni, that sounds like a fair thing. I figure, open up the bug, and we can go about fixing it (maybe even patching it up one layout at a time, if it seems too much trouble for one person to try to figure them all out in one go)

[jadelennox]

<3!

[mackiedockie]

Thank you! I had fun today perusing the different options and trying out new colors and designs. It is really great to see so much happening here in DW, from the ground floor building up.

the hobgoblin of little minds

[shaela]

I really like the shorter link text. But I’d like it even better with a couple of tweaks. First, Reply, Share, and Track are all verbs, so wouldn’t Remember be a better fit than Memory? And second, if you’re going to change Leave a comment to Reply, I think it would make sense to change # of comments to # of replies.

Re: the hobgoblin of little minds

[afuna]

Re: Remember/Memory

The inconsistency bothers me, too, but the problem with "Remember" is that it doesn't share text in common with "Memory", which is a bit of an accessibility consideration. From what I've been told, having the text of the link variations be as much the same as possible for certain convenience functions to be set programmatically, which would be a help for people who need it.

I'm sort of hoping that the revamped memories system will have a new name to go with it, and we can get rid of the awkwardness of the current construction. I'm not depending on it entirely, but I figure that "good enough" is good for now.

Re: Leave a comment/Reply

On the flip side, having links which refer to different things share similar text makes it harder to find which of the links you're searching for (for example, trying to search on the page for entries with any comments is difficult, since "Leave a comment" shares the "comment" bit "1 comment". So searching for "comments" gets you only entries with multiple comments; searching for "comment" gets you all entries, since they all say "leave a comment").

Re: the hobgoblin of little minds

[shaela]

Thank you for taking the time to explain all of that.

The inconsistency bothers me, too, but the problem with ‘Remember’ is that it doesn’t share text in common with ‘Memory,’ which is a bit of an accessibility consideration.

Well, they have “mem” in common. But I see your point.

(“Memorize,” maybe? If y’all don’t end up changing the name?)

So searching for ‘comments’ gets you only entries with multiple comments; searching for ‘comment’ gets you all entries, since they all say ‘leave a comment.’

That makes sense. I’ll probably change it on my journal, just so I don’t kill any brain cells wondering if there’s supposed to be a difference between a reply and a comment (and I would). But my journal isn’t the whole site.

Re: the hobgoblin of little minds

[yvi]

"Memorize,” maybe? If y’all don’t end up changing the name?

Wouldn't really be shorter than the long version then, though. That word combination is just evil :)

Re: the hobgoblin of little minds

[shaela]

Wouldn’t really be shorter than the long version then, though.

Um. It would be two words shorter, wouldn’t it? Isn’t the long version “Add to Memories”?

Re: the hobgoblin of little minds

[yvi]

As per this post, the new suggested long version is "Add Memory".

Re: the hobgoblin of little minds

[shaela]

*blushes* I can’t believe I missed that.

All right, then, I see your point. Thank you for taking the time to explain.

Re: the hobgoblin of little minds

[baggyeyes]

Aren't 'Memories' essentially system bookmarks? I know longtime LJers will say 'memmed' rather than bookmarked (kind of like how they still say F-List, and Flocked), but isn't there some kind of word play one could use on bookmark for a revamped memories system?

Re: the hobgoblin of little minds

[afuna]

I dunno. I want there to be, but so far, nothing has come to mind.

Re: the hobgoblin of little minds

[torachan]

I use memory as a verb in that case. >_>

[drgaellon]

Well done! It looks like none of the layouts are equipped to handle header images; is that correct? I tried porting my custom CSS over from LJ, and it just failed, hard.

[foxfirefey]

What was the CSS and what style were you trying to apply it to?

[zvi]

That's quite wrong. Most of the layouts handle header images from the wizard. http://www.dreamwidth.org/customize/options?group=style is where you control it, the third section titled images.

[nightowl]

All of the new themes are really gorgeous! Thanks to all the people who submitted!

There is one small issue I noticed while previewing the Blanket theme: when I'm scrolling through my entries, and there is an embedded video, the navigation links on the bottom disappear when they're on top of the video. It's like the embed is covering up the links.

[cesy]

Would you mind reporting this at http://www.dreamwidth.org/support/submit, please? It helps to have a record of bugs there, and we can get someone to figure out what's causing it.

[nightowl]

No problem, I've gone ahead and reported it to support. :)