Scratch

trinary · 2012-06-29 05:34:27

Cascading Style Sheets.

What are your favourite features?
What do you dislike most about it?

Last edited by trinary (2012-10-08 05:05:00)

RedRocker227 · 2012-06-29 10:26:21

I'm pretty good at it, I guess.

trinary · 2012-10-08 05:05:10

Yes, quite.

Hardmath123 · 2012-10-08 05:28:32

I'm good at it, but I don't particularly like how every browser has its own specs. Seriously, why can't these guys actually agree on something once in a while?

nathanprocks · 2012-10-08 05:29:59

Hardmath123 wrote:
I'm good at it, but I don't particularly like how every browser has its own specs. Seriously, why can't these guys actually agree on something once in a while?

+1

jji7skyline · 2012-10-08 05:34:46

I like it. It could have a more xml like syntax though tongue

transparent · 2012-10-08 05:38:20

I think I'm decent at them, but I really wish that the browsers would support the same features. It's a little annoying when you work hard on styling your website and then you look on another browser and it looks horrible.

slinger · 2012-10-08 05:44:37

transparent wrote:
I think I'm decent at them, but I really wish that the browsers would support the same features. It's a little annoying when you work hard on styling your website and then you look on another browser and it looks horrible.

You are really good at CSS from what I've seen.

transparent · 2012-10-08 05:52:44

Why, thank you. smile

trinary · 2012-10-08 06:10:31

transparent wrote:
I think I'm decent at them, but I really wish that the browsers would support the same features. It's a little annoying when you work hard on styling your website and then you look on another browser and it looks horrible.

IE 6. tongue

transparent · 2012-10-08 06:11:36

Yes, and sometimes even in Firefox when I use webkit properties. tongue

Hardmath123 · 2012-10-08 06:12:18

Another thing I'd like would be dynamic-er styling:

Code:

div.myOtherColumn {
 height:100%;
 width:100px;
}
div.myColumn {
 height:100%;
 width:-dynamic[(this.parentNode.width)-100]px;
}

(stupid example, but you get the point)

trinary · 2012-10-08 06:13:43

Hardmath123 wrote:
I'm good at it, but I don't particularly like how every browser has its own specs. Seriously, why can't these guys actually agree on something once in a while?

Yes. It's highly annoying.

trinary · 2012-10-08 06:15:19

Hardmath123 wrote:
Another thing I'd like would be dynamic-er styling:
Code:
div.myOtherColumn {
 height:100%;
 width:100px;
}
div.myColumn {
 height:100%;
 width:-dynamic[(this.parentNode.width)-100]px;
}
(stupid example, but you get the point)

That would be /incredibly/ useful.
It's already possible with Javascript, but behaviour shouldn't be mixed with presentation.

transparent · 2012-10-08 06:17:30

Yeah that is possible with Javascript. Personally, I don't think that CSS should use that though, as helpful as it is, because it's really not a 'language' itself. Just a simple styling system.

Perhaps if they used it along with a percentage. Like 100% -100px or something. smile

jji7skyline · 2012-10-08 07:16:33

I will not name my firstborn son "CSS".

transparent · 2012-10-08 07:23:09

That...is a good thing!

funelephant · 2012-10-08 07:23:58

How good I am at CSS?

On a scale of 1 to 10, 10 being YEAH SUPA AWESOME BRAH.

6.3

What do you guys think? tongue

jji7skyline · 2012-10-08 07:25:11

That's pretty good tongue

funelephant · 2012-10-08 07:27:21

Yeah.

I wasn't sure because sometimes I need a little help, but I know what a lot of the things mean.

jji7skyline · 2012-10-08 07:32:16

I look at references for most coding, but i know what i want tongue

Hardmath123 · 2012-10-08 07:36:14

transparent wrote:
Yeah that is possible with Javascript. Personally, I don't think that CSS should use that though, as helpful as it is, because it's really not a 'language' itself. Just a simple styling system.

But my way is so much cleaner than either using JS or figuring out some weird unreliable float fix... hmm Besides, it should only be functional code, so you shouldn't be able to give instructions.

EDIT: Check this out!

Code:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
background-color:#DDDDDD;
}
h1 {
  -webkit-animation-duration: 10s;
  -webkit-animation-name: slidein;
 -webkit-animation-iteration-count:infinite;
 background-color:#EEEEEE;
border-style:dashed;
border-color:#DDDDDD;
border-radius:10px;
font-family:trebuchet ms;
color:#DDDDDD;
box-shadow:inset 0px 0px 10px #DDDDDD;
}
 
@-webkit-keyframes slidein {
  from {
    -webkit-transform:rotateX(0deg);
  }
 
  to {
   -webkit-transform:rotateX(360deg);
  }
}
</style>
</head>
<body>
<h1>123</h1>
</body>
</html>

Last edited by Hardmath123 (2012-10-08 09:33:44)

veggieman001 · 2012-10-08 09:34:57

transparent wrote:
Yeah that is possible with Javascript. Personally, I don't think that CSS should use that though, as helpful as it is, because it's really not a 'language' itself. Just a simple styling system.

Perhaps if they used it along with a percentage. Like 100% -100px or something.

you can already do that though with calc()

transparent · 2012-10-08 09:37:16

veggieman001 wrote:
transparent wrote:
Yeah that is possible with Javascript. Personally, I don't think that CSS should use that though, as helpful as it is, because it's really not a 'language' itself. Just a simple styling system.

Perhaps if they used it along with a percentage. Like 100% -100px or something.
you can already do that though with calc()

That would be with javascript, would it not?
I was talking about adding that to CSS.

veggieman001 · 2012-10-08 09:37:57

transparent wrote:
veggieman001 wrote:
transparent wrote:
Yeah that is possible with Javascript. Personally, I don't think that CSS should use that though, as helpful as it is, because it's really not a 'language' itself. Just a simple styling system.

Perhaps if they used it along with a percentage. Like 100% -100px or something.
you can already do that though with calc()
That would be with javascript, would it not?
I was talking about adding that to CSS.

calc() is css -________-

Scratch

archived forums

#1 2012-06-29 05:34:27

CSS Discussion

#2 2012-06-29 10:26:21

Re: CSS Discussion

#3 2012-10-08 05:05:10

Re: CSS Discussion

#4 2012-10-08 05:28:32

Re: CSS Discussion

#5 2012-10-08 05:29:59

Re: CSS Discussion

Hardmath123 wrote:

#6 2012-10-08 05:34:46

Re: CSS Discussion

#7 2012-10-08 05:38:20

Re: CSS Discussion

#8 2012-10-08 05:44:37

Re: CSS Discussion

transparent wrote:

#9 2012-10-08 05:52:44

Re: CSS Discussion

#10 2012-10-08 06:10:31

Re: CSS Discussion

transparent wrote:

#11 2012-10-08 06:11:36

Re: CSS Discussion

#12 2012-10-08 06:12:18

Re: CSS Discussion

Code:

#13 2012-10-08 06:13:43

Re: CSS Discussion

Hardmath123 wrote:

#14 2012-10-08 06:15:19

Re: CSS Discussion

Hardmath123 wrote:

Code:

#15 2012-10-08 06:17:30

Re: CSS Discussion

#16 2012-10-08 07:16:33

Re: CSS Discussion

#17 2012-10-08 07:23:09

Re: CSS Discussion

#18 2012-10-08 07:23:58

Re: CSS Discussion

#19 2012-10-08 07:25:11

Re: CSS Discussion

#20 2012-10-08 07:27:21

Re: CSS Discussion

#21 2012-10-08 07:32:16

Re: CSS Discussion

#22 2012-10-08 07:36:14

Re: CSS Discussion

transparent wrote:

Code:

#23 2012-10-08 09:34:57

Re: CSS Discussion

transparent wrote:

#24 2012-10-08 09:37:16

Re: CSS Discussion

veggieman001 wrote:

transparent wrote:

#25 2012-10-08 09:37:57

Re: CSS Discussion

transparent wrote:

veggieman001 wrote:

transparent wrote:

Board footer