Gmail Calendar Documents Reader Web more »
Recently Visited Groups | Help | Sign in
Google Groups Home
Changing "p img" to "p img.left"
There are currently too many topics in this group that display first. To make this topic appear first, remove this option from another topic.
There was an error processing your request. Please try again.
flag
  13 messages - Collapse all  -  Translate all to Translated (View all originals)
The group you are posting to is a Usenet group. Messages posted to this group will make your email address visible to anyone on the Internet.
Your reply message has not been sent.
Your post was successful
 
From:
To:
Cc:
Followup To:
Add Cc | Add Followup-to | Edit Subject
Subject:
Validation:
For verification purposes please type the characters you see in the picture below or the numbers you hear by clicking the accessibility icon. Listen and type the numbers you hear
 
Christian Montoya  
View profile  
 More options Nov 6 2008, 8:01 pm
From: "Christian Montoya" <siro...@gmail.com>
Date: Thu, 6 Nov 2008 20:01:55 -0500
Local: Thurs, Nov 6 2008 8:01 pm
Subject: Changing "p img" to "p img.left"
Hello all,

There's one line of Blueprint that I always delete or change. It's
this, from typography.css:

p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }

Beginners have trouble with it, because it's not what they expect to
be a default setting when they start putting images in their
paragraphs. I would like to propose changing this to:

p img.left       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }

And, possibly, moving both "p img.left" and "p img.right" to the fancy
type plugin, since for most projects, they are not needed at all. But
before I commit these changes, I'd like to hear everyone's thoughts.
Agree? Disagree?

--
--
Christian Montoya
christianmontoya.net


    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
chris thatcher  
View profile  
 More options Nov 6 2008, 9:25 pm
From: "chris thatcher" <thatcher.christop...@gmail.com>
Date: Thu, 6 Nov 2008 21:25:54 -0500
Local: Thurs, Nov 6 2008 9:25 pm
Subject: Re: [BP #2368] Changing "p img" to "p img.left"

I like it though it would obviously not be backwards compatible.  If you get
enough thumbs up I'd definitely advertise it loudly on the list and site.
It definitely something that trips me up as well though once I was aware of
it I do the same thing too.

+1

thatcher

--
Christopher Thatcher

    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
chris thatcher  
View profile  
 More options Nov 6 2008, 9:27 pm
From: "chris thatcher" <thatcher.christop...@gmail.com>
Date: Thu, 6 Nov 2008 21:27:09 -0500
Local: Thurs, Nov 6 2008 9:27 pm
Subject: Re: [BP #2368] Changing "p img" to "p img.left"

oh, oops, though I'd vote for it to stay in the core.

On Thu, Nov 6, 2008 at 9:25 PM, chris thatcher <

--
Christopher Thatcher

    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Chris Eppstein  
View profile  
 More options Nov 6 2008, 11:27 pm
From: "Chris Eppstein" <ch...@eppsteins.net>
Date: Thu, 6 Nov 2008 20:27:41 -0800
Local: Thurs, Nov 6 2008 11:27 pm
Subject: Re: [BP #2368] Changing "p img" to "p img.left"

In my Sass port of blueprint, I have a stylesheet called "scaffolding". It's
a collection of styles that make for good defaults, but are recommended that
you remove them once you start doing any serious styling. I think it would
be great if blueprint adopted this approach of encouraging people to remove
a link to a stylesheet instead of removing styles from blueprint
stylesheets. The latter approach makes it very hard to upgrade. I would
fully endorse moving these styles out of core and especially to a "scaffold"
stylesheet.
Here's my scaffolding.sass file:
http://github.com/chriseppstein/compass/tree/master/frameworks/bluepr...

Chris


    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
chris thatcher  
View profile  
 More options Nov 6 2008, 11:38 pm
From: "chris thatcher" <thatcher.christop...@gmail.com>
Date: Thu, 6 Nov 2008 23:38:45 -0500
Local: Thurs, Nov 6 2008 11:38 pm
Subject: Re: [BP #2371] Re: Changing "p img" to "p img.left"

that a very interesting idea and I think very useful to future development
in blueprint as a true framework.  scaffolding in most 'railable' frameworks
though doesn't imply something that would be removed later in development,
but rather something that saves the effort of hand writing a common
pattern.  I would encourage thinking along the lines of utilities to provide
scaffolding but reserve it for custom style names that translate to simplify
blueprint patterns.  This end goal should be to never touch the core but
override it with additional css files included later.

Thatcher

--
Christopher Thatcher

    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Thibaut Barrère  
View profile  
 More options Nov 7 2008, 2:19 am
From: "Thibaut Barrère" <thibaut.barr...@gmail.com>
Date: Fri, 7 Nov 2008 08:19:21 +0100
Local: Fri, Nov 7 2008 2:19 am
Subject: Re: [BP #2368] Changing "p img" to "p img.left"

Hello Christian,

> There's one line of Blueprint that I always delete or change. It's
> this, from typography.css:
> p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }

+1. I prefer having a specific left and right, and keep the default non
floating.

cheers,

Thibaut Barrère
--
[blog] http://evolvingworker.com - tools for a better day
[blog] http://blog.logeek.fr - about writing software


    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Graham Evans  
View profile  
 More options Nov 7 2008, 8:47 am
From: Graham Evans <g...@karricountry.com.au>
Date: Fri, 07 Nov 2008 22:47:01 +0900
Local: Fri, Nov 7 2008 8:47 am
Subject: Re: [BP #2373] Re: Changing "p img" to "p img.left"
Thibaut Barrère wrote:
> Hello Christian,

> > There's one line of Blueprint that I always delete or change. It's
> > this, from typography.css:

> > p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }

> +1. I prefer having a specific left and right, and keep the default
> non floating.

+1 for me too.  "Backwards compatibility" can be obtained by leaving the
old stylesheet in place on your site.  Why upgrade a stylesheet on a
site with a finished design.   Obviously redesigns could be an issue but
until blueprint reaches the level 100% common sense it needs to keep
evolving and not get stuck up on backwards compatability (let the
browser makers worry about that).

Graham


    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
pgbw@cix.co.uk  
View profile  
 More options Nov 7 2008, 2:42 pm
From: "p...@cix.co.uk" <p...@cix.co.uk>
Date: Fri, 7 Nov 2008 11:42:10 -0800 (PST)
Local: Fri, Nov 7 2008 2:42 pm
Subject: Re: Changing "p img" to "p img.left"
+1 for me. I found that the treatment of images was a surprise, and I
think explicit left and right clearer.
But I'm a comparative newbie here...

pgbw


    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Bluenewbie  
View profile  
 More options Nov 8 2008, 12:26 pm
From: Bluenewbie <acugr...@gmail.com>
Date: Sat, 8 Nov 2008 09:26:52 -0800 (PST)
Local: Sat, Nov 8 2008 12:26 pm
Subject: Re: Changing "p img" to "p img.left"
Interesting.. I do exactly the same thing - add .left to the img

Jay

On Nov 6, 8:01 pm, "Christian Montoya" <siro...@gmail.com> wrote:


    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Christian Montoya  
View profile  
 More options Nov 8 2008, 4:46 pm
From: "Christian Montoya" <siro...@gmail.com>
Date: Sat, 8 Nov 2008 16:46:27 -0500
Local: Sat, Nov 8 2008 4:46 pm
Subject: Re: [BP #2376] Re: Changing "p img" to "p img.left"

On Sat, Nov 8, 2008 at 12:26 PM, Bluenewbie <acugr...@gmail.com> wrote:

> Interesting.. I do exactly the same thing - add .left to the img

> Jay

OK everyone, let this be an official announcement that

p img { ... }

is now

p img.left { ... }

That's one less thing you'll have to mess with when you add Blueprint
to a new project!

--
--
Christian Montoya
christianmontoya.net


    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
iroybot@googlemail.com  
View profile  
 More options Nov 9 2008, 5:32 pm
From: "iroy...@googlemail.com" <iroy...@googlemail.com>
Date: Sun, 9 Nov 2008 14:32:07 -0800 (PST)
Local: Sun, Nov 9 2008 5:32 pm
Subject: Re: Changing "p img" to "p img.left"
Excuse me! This was a default that made sense to me. I always thought
the "float: left" is intended to keep the baseline grid intact.

If I place an an image within a paragraph and don't float it (take it
out of the regular document "flow"), the following lines will be glued
to the images' bottom, right?
Do i get HTML/CSS wrong or are you aiming to destroy this awesome
feature?
In case i got things right, you guys get a major big minus 1 from me.

-1


    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Christian Montoya  
View profile  
 More options Nov 9 2008, 7:00 pm
From: "Christian Montoya" <siro...@gmail.com>
Date: Sun, 9 Nov 2008 19:00:26 -0500
Local: Sun, Nov 9 2008 7:00 pm
Subject: Re: [BP #2384] Re: Changing "p img" to "p img.left"
On Sun, Nov 9, 2008 at 5:32 PM, iroy...@googlemail.com

<iroy...@googlemail.com> wrote:

> Excuse me! This was a default that made sense to me. I always thought
> the "float: left" is intended to keep the baseline grid intact.

> If I place an an image within a paragraph and don't float it (take it
> out of the regular document "flow"), the following lines will be glued
> to the images' bottom, right?
> Do i get HTML/CSS wrong or are you aiming to destroy this awesome
> feature?
> In case i got things right, you guys get a major big minus 1 from me.

iroybot, I think I can give you a reason why some images would belong
in the normal document flow. One example of such would be sparklines,
and another would be emoticons.

Sparklines:
http://code.google.com/apis/chart/types.html#sparkline
http://omnipotent.net/jquery.sparkline/

Emoticons:
http://codex.wordpress.org/Using_Smilies

The only reason you want to "pull" an image out of the normal flow is
if it does not belong in the flow to begin with. If you put an IMG
inside a P, then it makes more sense semantically for that IMG to be
an inline bit of content (like a sparkline or an emoticon) than a
picture of a dog (as in the example page). Blueprint started out with
a focus on making webpages pretty by default, but in order to make it
into a framework that is widely used and flexible, it needs to be
developed with a "big picture view" of how many pages on the web would
be coded semantically.

I hope you'll understand this decision, as it has already been
committed into version 0.8.

--
--
Christian Montoya
christianmontoya.net


    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
iroybot@googlemail.com  
View profile  
 More options Nov 10 2008, 7:56 am
From: "iroy...@googlemail.com" <iroy...@googlemail.com>
Date: Mon, 10 Nov 2008 04:56:06 -0800 (PST)
Local: Mon, Nov 10 2008 7:56 am
Subject: Re: Changing "p img" to "p img.left"
touché :)

    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
End of messages
« Back to Discussions « Newer topic     Older topic »

Create a group - Google Groups - Google Home - Terms of Service - Privacy Policy
©2009 Google