dreamscapes | 1 New Style w/ 1 Theme: Practicality (tabula rasa)

Current Mood: working

Entry tags:

1 New Style w/ 1 Theme: Practicality (tabula rasa)

I finally got this one done!

Layout Name: Practicality
Layout Info: http://www.dreamwidth.org/customize/advanced/layerbrowse?id=158205
Layout Source: http://www.dreamwidth.org/customize/advanced/layersource?id=158205
Layout Preview: http://www.dreamwidth.org/customize/preview_redirect?layoutid=158205

And a theme for color context:
Theme Name/Layout: Warmth / Practicality
Layout: Info || Source || Preview

I was wondering if someone could help me crack the reason for my recalcitrant column setups? I've managed to set the two-column right/left. However the one-column version keeps the 15em default width in the modules and the three-column right/left/sides setups look a bit off to me.

Otherwise, I think it's pretty much done. If you see anything else off, please let me know, I'd appreciate it! Thanks!

Flat | Top-Level Comments Only

The layer doesn't appear to be public yet?

Oop! Sorry, I forgot to add the code for making it public to the theme.
Fixed!

Oh, pretty! I like this one.

One tiny recommendation--maybe give the entry content a min-height of 80px or so? Otherwise the userpic pushes over some of the footer, on really short entries.

Ah, thanks!
Will do!

Oooh, I like this. Clean and simple. Brief moment of confusion with the horizontal line separating the comments from entries rather than entries from entries, but other than that, I like this. Great for tired eyes.

Fixed. There was one little comma where there wasn't supposed to be and that removed the 5px border that separates the entries from the entries.
Thanks for that catch!

Oh, MUCH better. That makes the separation very cleanly delineated.

I so know the issues with that One Little Comma. It's always a semi-colon in my case. XD

So pretty! And clean and simple. Some people may prefer fancy styles but I like these better. You can use them for a long time and don't get tired of them easily.

I'm glad you like it =D
I gravitate toward simple styles with pops of color myself, so I understand :)

This is lovely, I like this a LOT!

Thank you =D
I'm glad you do!

WIP layers:

http://www.dreamwidth.org/customize/advanced/layersource?id=161297
http://www.dreamwidth.org/customize/advanced/layersource?id=161303

I modified a few things, mainly explicitly set entry colors so that it didn't use page text colors any more (this might cause trouble if page bkg is light but entry bkg is dark or vice versa), changed the padding for three columns as it was a bit odd (you may want to check that this is what you wanted), and replaced hard-coded fonts with properties. Note that this is not your default version as I modified some settings for testing purposes.

I have questions for you: how do you want things to be when the icon's on the left, userlite links and management links are displayed as text, and metadata's at the top?

Also, random thought: is it just me or would this style work well with an option to put the navigation menu at the top?

Is there a way to connect the movement of userpics with re-aligning the entry header to the left so it doesn't interfere? If that can't work, I suppose the userpic will have to move down into the text to avoid the header.

Maybe matching formatting for the userlite and management links? Smaller size text for the management links though. I think the smaller caps font on the metadata separate it from the entry enough that we may not have to add a border? Thoughts?

Whatever you did to fix the page-setups is great. For some reason I just seemed to mess it up.

http://system.ninetydegrees.hack.dreamwidth.net/

Userlite icons as text. Does it look ok to you?

Experimenting with icon on the left by left-aligning the header. I'll show you another version with the header on the right but pushed to the left.

Edit: with header pushed to the left: http://free-community.ninetydegrees.hack.dreamwidth.net/

With metadata at the top: http://free-comm.ninetydegrees.hack.dreamwidth.net/

Edited 2010-09-21 18:09 (UTC)

Userlite icons as text. Does it look ok to you?
It doesn't show me the userlite icons on the module via dreamhack. Do you have a layer link I could view?

I like the header aligning right when the userpic aligns left. It doesn't look so cramped that way.

With metadata at the top
Would it be too weird if it aligned with the userpic and not under it?

Also, I was looking at your previous comment on no sleep yesterday, sorry. I missed the header question. Yes it would definitely work really well with the navlinks in the header, whether under the titles or on the top.

Edited 2010-09-21 21:11 (UTC)

It doesn't show me the userlite icons on the module via dreamhack. Do you have a layer link I could view?

I wanted to show you the links as text so that you could make sure they looked fine. So here's with text: http://system.ninetydegrees.hack.dreamwidth.net/
Here's with icons: http://free-comm.ninetydegrees.hack.dreamwidth.net/

Would it be too weird if it aligned with the userpic and not under it?

I don't think so. The two journals I've just linked you to have it aligned with the icon when at the top.

Yes it would definitely work really well with the navlinks in the header, whether under the titles or on the top.

With navlinks below the journal titles: http://testing-comm.ninetydegrees.hack.dreamwidth.net/

I had to change things in the header a bit (to remove the side and bottom padding) so make sure it looks like you wanted to.

Will style the management links when they're text later today.

Edited (things in the right place) 2010-09-22 04:23 (UTC)

My fault, pardon my lack of clarity. I meant that it doesn't show me the text version of the userlite icons. It just shows "SYSTEM ACCOUNT" with nothing else under it.

With navlinks below the journal titles:
Maybe something formatted to the header like this example. With titles included but matched formatting. In a smaller font than the titles, with just a bit wider spacing between the words.

Thanks for all this :)

Oh sorry! I think that's because you're logged out. You can see them (and use the style :) if you create an account on my Dreamhack: http://www.ninetydegrees.hack.dreamwidth.net/ then Create menu (no code needed).

Same background color and no border then?

Ooooh okay! Thanks!
That works now =D

The userlite text looks great. I do like that you have it display block instead of inline.

Same background color and no border then?
Yep :)
That way it doesn't look like it's part of the entries.

The userlite text looks great. I do like that you have it display block instead of inline.

Great. This is the new default for all styles.

That way it doesn't look like it's part of the entries.

This any better?

Edit: management links as text: http://system.ninetydegrees.hack.dreamwidth.net/

Also I've added all the themes to my Dreamhack so if you want to check that all colors are all right (particularly control strip and pop-ups colors) please do.

Edited 2010-09-22 21:11 (UTC)

Oh yeah, much. Though is there a way to reduce the padding on the navlinks? There's a lot of space between the titles and the navlinks and the navlinks and the bottom of the header.

Will the navlinks remain in the modules in default view/previews?

Edited 2010-09-22 21:16 (UTC)

You're right. I could apply the same margin as for the subtitle... better?

As you wish. If you'd rather have them at the top by default I'll set them so. You're the boss. ;)

LOL xD
It honestly wouldn't really matter to me where they go. I suppose we can keep them in the modules as that seems to be the default for most other styles. Users can place them in the header if they'd like :)

You're right. I could apply the same margin as for the subtitle... better?
Perfect.

Edited 2010-09-22 21:27 (UTC)

Ok.

Final check: I'm checking colors and poster names (in entries and page summaries) are pretty hard to read in Choco Craze and Night Light (it's dark on dark) which made me notice that you sort of have contradicting code:

.ljuser a b {
color: $*color_header_background;
}

.entry-poster a {
color: $*color_entry_title;
}

The first piece overrides the second one meaning that poster names uses color_header_background and not color_entry_title. Help?

Ah...bugger. Thanks for catching that.
Alright. Would it be easier to delete the code?
That way no matter what, unless a user customizes their entry background and links in horrible ways, it still shows up clearly.

I think keeping the second bit would be ok because the entry_title should always be visible over the entry background.

Edit: making styles work with light on dark and dark on light themes is one of the harding part of making styles for me.

Edit2: also have to change some colors in the Nav Strip for the same reason.

Edited 2010-09-22 22:03 (UTC)

I think keeping the second bit would be ok because the entry_title should always be visible over the entry background.
Sound logic. Let's go with that. For the navstrip too :)
Thanks.

Edit: making styles work with light on dark and dark on light themes is one of the harding part of making styles for me.
I'm always freaking out about this because I work with dark on light much more than light on dark. Sometimes it feels like shots in the dark.

Thanks.

Thank you. It's always great to work with you. And easy. And fast. I think I just have to make the previews and I can put this up for review. *bg*

I'm always freaking out about this because I work with dark on light much more than light on dark. Sometimes it feels like shots in the dark.

:) Same here.

By the end of our sessions, the layout's half yours anyway =D
I learn a lot from the back and forth, more than I would if I just stared at the code and tried to fix things myself.

I think I just have to make the previews and I can put this up for review.
Oh, this is always exciting! Makes me long for a code push :p

:) I learn a lot. You pay a lot of attention to details which in turn makes me pay much more attention to them too.

Easiest preview ever: http://bugs.dwscoalition.org/show_bug.cgi?id=3056
I'm looking forward to it as well!

http://changelog.dreamwidth.org/748936.html

*high fives*

WOOT!!
*high fives back*

Thanks for this!

Hey, random question:
Do I contact support if I'm having issues setting up a dreamhack?

Support isn't the best place, I think. You can e-mail Sophie (her e-mail address is at http://hack.dreamwidth.net/maintainers.shtml), ask questions at

dw_dev_training and on the dev IRC channel (see http://wiki.dwscoalition.org/notes/IRC).

Also, if you haven't seen them already, Sarken's written a newibe guide for Mac users (http://sarken.dreamwidth.org/1747903.html) and I've made one for Windows users (http://wiki.dwscoalition.org/notes/Newbie_Guide_for_Windows_People_Working_on_Minor_Bugs).

Edit: and, of course, you can ask anybody you know has a hack questions.

Edited 2010-09-26 21:10 (UTC)

Thanks so much! I'll check out your guide.
Though fair warning, you may be the person I know who has a hack, sorry :p

Though fair warning, you may be the person I know who has a hack, sorry :p

Not a problem at all! :)

Here's a question - I'm using your Practicality layout and want to fix the conceptual pop-up so that the userpics aren't ...squished. I only dabble with code so don't know how to fix this. I tried playing with the margins/padding of the pop-up in the code, but I don't know what I'm doing. If the userpic is smaller than 100x100, I don't care, but I'd at least like to keep the userpic square - do you have any idea how to do that?

FWIW, this only shows up in Internet Explorer (my work default). It looks fine in Mozilla.

Edited 2010-09-29 14:16 (UTC)

I'm not sure why the contextual pop-up userpic wouldn't be square. I'm viewing your page from IE and it seems to be working fine on my screen:

There isn't any code that I can find that should adjust the image in the original css. Maybe it's a different version of IE?

Very odd. It's IE 8.0. It's not a huge deal, I mostly use Mozilla for viewing.

This doesn't seem to be related to the layout as in this screencap you're viewing a DW site scheme. I think it may just be your browser.

Ha! Okay, duh, I should have noted that. *facepalm* Thank you.

Just came here from the note in the Code Tour -- when I do Preview, I have my icons set to display on the left, not the right. The date overlaps both the icon border and the icon itself, illegibly.

This is the old unpatched layer source so there'll be bugs and errors on this copy. The patching process involved a review of icon placement so I believe it should be fixed when it goes live.

What a lovely layout. Very classy.

Thank you :)

Flat | Top-Level Comments Only

1 New Style w/ 1 Theme: Practicality (tabula rasa)

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

Patching

Re: Patching

Re: Patching

Re: Patching

Re: Patching

Re: Patching

Re: Patching

Re: Patching

Re: Patching

Re: Patching

Re: Patching

Re: Patching

Re: Patching

Re: Patching

Re: Patching

Re: Patching

Re: Patching

Re: Patching

Re: Patching

Committed!

Re: Committed!

Re: Committed!

Re: Committed!

Re: Committed!

Re: Committed!

no subject

no subject

no subject

no subject

no subject

Something Off.

Re: Something Off.

no subject

no subject