What do you want from future CSS installations

  • (3 Pages)
  • +
  • 1
  • 2
  • 3

44 Replies - 12221 Views - Last Post: 23 July 2011 - 02:31 PM

#1 gregwhitworth   User is offline

  • Tired.
  • member icon

Reputation: 221
  • View blog
  • Posts: 1,613
  • Joined: 20-January 09

What do you want from future CSS installations

Post icon  Posted 06 July 2009 - 08:53 AM

I have begun writing articles for smashingmagazine.com and I realized that I constantly see people annoyed with this or that (on DIC) about how CSS's methodology (lack of story control, ease of float manipulation, color library in code, etc) is accomplished, so I thought - why not write an article on the top 5 desires from the coders. Since I love DIC I thought it would get DIC a decent plug but also be a good shout out to the W3C on what real developers desire from their programming languages.

No desire is too big or too small, be please be aware that the most concise will be chosen to be in the article.

Disclaimer: Also understand that by posting it here you are giving me permission to use your update to CSS in my article ( I will put your screen name as a citation though)

Thank you.

Is This A Good Question/Topic? 0
  • +

Replies To: What do you want from future CSS installations

#2 Wimpy   User is offline

  • R.I.P. ( Really Intelligent Person, right? )
  • member icon

Reputation: 159
  • View blog
  • Posts: 1,038
  • Joined: 02-May 09

Re: What do you want from future CSS installations

Posted 27 July 2009 - 12:03 PM

Perhaps there already are such functionality in CSS but I would like a way to reference another element, say you have an element that expands dynamically depending on it's content, and another element that are completely separated from the first one but you want it to be sized and aligned with it:
#myFirstElement as $mfe
{
	  width: auto;
}


#mySecondElement
{
	  width: $mfe.width;
}


Something like that, which should state that the width of #mySecondElement always should be the same as the width of #myFirstElement. :) Is this a stupid idea? haha :P
Was This Post Helpful? 0
  • +
  • -

#3 BetaWar   User is offline

  • #include "soul.h"
  • member icon

Reputation: 1651
  • View blog
  • Posts: 8,523
  • Joined: 07-September 06

Re: What do you want from future CSS installations

Posted 27 July 2009 - 12:14 PM

Quote

Is this a stupid idea?

No, I would love to see variables allowed in CSS.

I would also love to have a rounded-border ability, like so:

.roundedRect{
  rounded-border-top-left: 5px 1px black solid;
  border: 1px black solid;
}


Where the parameters go like so:

Quote

radius border-width border-color border-style


Then you would obviously be allowed to modify all four corners with that type of thing.

I would also love to see background gradients allowed in browsers other than IE. It could be like so:

background: gradient(#f00 #0f0);


And maybe it could give you ability to set how far the gradient should go (in pixels or whatever) and they style of gradient (radial, linear, box, etc.).

For the moment that is all I can remember wishing CSS had.
Was This Post Helpful? 0
  • +
  • -

#4 Wimpy   User is offline

  • R.I.P. ( Really Intelligent Person, right? )
  • member icon

Reputation: 159
  • View blog
  • Posts: 1,038
  • Joined: 02-May 09

Re: What do you want from future CSS installations

Posted 28 July 2009 - 03:46 AM

Thanks for confirming I'm not out of my mind! :)

Rounded corners is a part of CSS 3:
http://www.css3.info...rounded-border/

They do not work in the way you want to, though!

Gradients would be really sweet in order to avoid as much images as possible! :)
Was This Post Helpful? 0
  • +
  • -

#5 gregwhitworth   User is offline

  • Tired.
  • member icon

Reputation: 221
  • View blog
  • Posts: 1,613
  • Joined: 20-January 09

Re: What do you want from future CSS installations

Posted 28 July 2009 - 10:10 AM

Thanks for the replies guys,

Yeah - wimpy they do work kind of funky and aren't widely supported. But they are working on it none the less.

So - bring me more guys, the variable thing is a good one.

I will put my two here:

Story mode:

I want to be able to have a 3 column layout that flows like In-Design. So I would be able to do the following:

#left > p#story->#middle > p#story2 -> #right > p#story3;



So if you have a block of text that fills a certain column it then flows to the next and so on, so it reads just like a newspaper. Could be interesting.

Color Swatches

I can't tell you how many times I have to jump back into PS to eyedrop a color. I think it would be great to be able to do the following:

@red: xxxxxx;
@blue: xxxxxx;
@green: xxxxxx;
@grey: xxxxxx;
@yellow: xxxxxx;




So then when you say background: red; it references your swatches if they are there. The '@' signs are there to keep in line with their @media and so on.
Was This Post Helpful? 0
  • +
  • -

#6 Wimpy   User is offline

  • R.I.P. ( Really Intelligent Person, right? )
  • member icon

Reputation: 159
  • View blog
  • Posts: 1,038
  • Joined: 02-May 09

Re: What do you want from future CSS installations

Posted 28 July 2009 - 10:56 AM

The color-swatch idea is really great, would be awesome for creating templates! I would really appreciate such functionality! :) But I would prefer to use the @-syntax when giving a selector the value as well, in order to not disturb with the standard values for different colors (red, green, yellow, blue, etc.). If that's not want you want of course? :)

About the "story mode", don't they have something similar already in CSS 3? http://www.css3.info...-column-layout/, it would be really awesome though, especially if it could take effect on tables and such as well! :)
Was This Post Helpful? 0
  • +
  • -

#7 gregwhitworth   User is offline

  • Tired.
  • member icon

Reputation: 221
  • View blog
  • Posts: 1,613
  • Joined: 20-January 09

Re: What do you want from future CSS installations

Posted 28 July 2009 - 11:30 AM

BEAUTIFUL!!

I think that this thread has been great. Good work boys down at the W3C!!

One benefit though that I see in the way that I did it is you could have that next paragraph anywhere, not necessarily right next to each other. You could have the story jump diagonally if you wanted to.

This post has been edited by gregwhitworth: 28 July 2009 - 11:32 AM

Was This Post Helpful? 0
  • +
  • -

#8 Wimpy   User is offline

  • R.I.P. ( Really Intelligent Person, right? )
  • member icon

Reputation: 159
  • View blog
  • Posts: 1,038
  • Joined: 02-May 09

Re: What do you want from future CSS installations

Posted 28 July 2009 - 01:04 PM

Quote

One benefit though that I see in the way that I did it is you could have that next paragraph anywhere, not necessarily right next to each other. You could have the story jump diagonally if you wanted to.

Yeah! That would be a beautiful way of doing it actually!

I would like to have a way of placing elements in a rotated manner using CSS, to avoid having to use Javascript or images for doing such business:
#myElement
{
	 rotation: 45; /* Value is in degrees */
}

I think that would be awesome! :)


EDIT:
Obviously the rotate-functionality is also a part of the CSS 3 specification, but not as I wanted it, but almost:CSS 2D Transforms Module Level 3

I really have to spend more time reading through these specifications! ^^

This post has been edited by Wimpy: 28 July 2009 - 01:16 PM

Was This Post Helpful? 0
  • +
  • -

#9 girasquid   User is offline

  • Barbarbar
  • member icon

Reputation: 109
  • View blog
  • Posts: 1,825
  • Joined: 03-October 06

Re: What do you want from future CSS installations

Posted 28 July 2009 - 01:09 PM

View PostWimpy, on 28 Jul, 2009 - 12:04 PM, said:

Quote

One benefit though that I see in the way that I did it is you could have that next paragraph anywhere, not necessarily right next to each other. You could have the story jump diagonally if you wanted to.

Yeah! That would be a beautiful way of doing it actually!

I would like to have a way of placing elements in a rotated manner using CSS, to avoid having to use Javascript or images for doing such business:
#myElement
{
	 rotation: 45; /* Value is in degrees */
}

I think that would be awesome! :)


You can actually do this already(with text): http://snook.ca/arch...s-text-rotation.
Was This Post Helpful? 0
  • +
  • -

#10 Wimpy   User is offline

  • R.I.P. ( Really Intelligent Person, right? )
  • member icon

Reputation: 159
  • View blog
  • Posts: 1,038
  • Joined: 02-May 09

Re: What do you want from future CSS installations

Posted 28 July 2009 - 01:19 PM

I just edited my post, found it myself! :) But the document I found specified that it was possible to rotate not only text but elements as well! :)

View Postgirasquid, on 28 Jul, 2009 - 10:09 PM, said:

You can actually do this already(with text): http://snook.ca/arch...s-text-rotation.

Was This Post Helpful? 0
  • +
  • -

#11 Wimpy   User is offline

  • R.I.P. ( Really Intelligent Person, right? )
  • member icon

Reputation: 159
  • View blog
  • Posts: 1,038
  • Joined: 02-May 09

Re: What do you want from future CSS installations

Posted 28 July 2009 - 01:29 PM

Some moderator or something / someone should, I think, pin this topic since it is very interesting and shouldn't be allowed to be lost among all the others, never to be found again! :wank:
Was This Post Helpful? 0
  • +
  • -

#12 skyhawk133   User is offline

  • Head DIC Head
  • member icon

Reputation: 1972
  • View blog
  • Posts: 20,425
  • Joined: 17-March 01

Re: What do you want from future CSS installations

Posted 28 July 2009 - 01:30 PM

Pinned. And shared on Facebook and Twitter, and Dzone.
Was This Post Helpful? 0
  • +
  • -

#13 Wimpy   User is offline

  • R.I.P. ( Really Intelligent Person, right? )
  • member icon

Reputation: 159
  • View blog
  • Posts: 1,038
  • Joined: 02-May 09

Re: What do you want from future CSS installations

Posted 28 July 2009 - 01:33 PM

Awesome, thanks! :)

View Postskyhawk133, on 28 Jul, 2009 - 10:30 PM, said:

Pinned. And shared on Facebook and Twitter, and Dzone.

Was This Post Helpful? 0
  • +
  • -

#14 gregwhitworth   User is offline

  • Tired.
  • member icon

Reputation: 221
  • View blog
  • Posts: 1,613
  • Joined: 20-January 09

Re: What do you want from future CSS installations

Posted 28 July 2009 - 02:50 PM

Another thing I would really like to see is some way to allow for ease of incorporation into browsers. This one is a little out of my league, but when 1 browser doesn't move forward with integrating the latest technologies this stifles creation and ingenuity.

So if there was a way to have a third party basically hand over a set of objects to the various browsers we then would get the latest and greatest across the board. It could be something of a jquery for CSS allowing the browser developers to work on GUI and other things that are un-CSS related.

Any C# whizzes have thoughts on that?
Was This Post Helpful? 0
  • +
  • -

#15 Wimpy   User is offline

  • R.I.P. ( Really Intelligent Person, right? )
  • member icon

Reputation: 159
  • View blog
  • Posts: 1,038
  • Joined: 02-May 09

Re: What do you want from future CSS installations

Posted 29 July 2009 - 12:29 AM

JQuery has the advantage of being Javascript doing Javascript, which is impossible, as of now, with CSS. This mean you would have to create an "entirely new" language or something like that (or on the other hand, you should be able to use CSS), which would be parsed by some application into cross-browser-compliant CSS-code. It would be awesome but how possible is it?

To do it, it would require a thorough list of CSS bug-fixes, hacks and workarounds and a great understanding of how everything relates to one and other!


EDIT: I have to admit that I'm not completely sure of what you meant! I might have misunderstood you completely! :)

This post has been edited by Wimpy: 29 July 2009 - 12:32 AM

Was This Post Helpful? 0
  • +
  • -

  • (3 Pages)
  • +
  • 1
  • 2
  • 3