« first day (29 days earlier)      last day (3759 days later) » 

19:00
variable? its a class name, you mean semantic?
make it variable, meaning, apply to any class within a range of .title01 through .title30
the .title01 through .title30 are used primarily on divs, and background, border, padding, margin, etc.
user1596138
@mikedidthis I might be able to help...
awww Mike, you made your own little slice of chat.SO
:)
19:03
Can some one explain to @alisamii why having .title , .title01 , .title02 all the way to .title30 is: a) A bad idea, b) defeats the purpose of the class selector?
user1596138
@mikedidthis Hahahahahaha
user1596138
@alisamii if you're styling individual elements you should be using IDs. That's really all that needs to be said.
.title {
  // common rules
}
.title.changed {
 // specific rules
}

<h1 class="title">common title</h1>
<h2 class="title changed">specific title</h2>
because ^
@Jhawinsss never use ID's for styling
people will hurt you
@RyanKinal I need you
user1596138
@rlemon If he's styling one specific thing I don't see why not.
user652649
@alisamii how about element:nth-child() ?
19:05
@alisamii It is bad and you should feel bad. Classes are all about re-usability of code.
@Jhawinsss IDs for styling are not a good way to do things.
@alisamii neither is have 30 class selectors, using the same style properties.
user1596138
@alisamii Give me 2 reasons.
I will hurt you.
2
Reason #1.
19:07
I am the one @rlemon spoke of
user1596138
Go ahead...
Reason #2, I will hurt you too.
Reason #1 - specificity
user1596138
Those are some pretty damn good reasons haha.
@RyanKinal Actually, for my own benefit, can you explain, just so I can pin it?
19:08
treat ID's like singletons
user1596138
I can't think of any negative reasons. If someone can explain it then I'm definitely open to change.
Reason #2 - reuse
in JavaScript, 37 secs ago, by rlemon
@Jhawinsss 1) specificity becomes harder to work with
2) they are no longer re-usable because ID's are singular
3) they are ugly.
4) because Ryan will break legs if you do.
Those are the only two reasons you need
And because I will hurt you
yes, I realise that, and that is why I am doing things this way...

.title {
// common rules to apply to text elements
}

.title01 though .title30 {
// common style rules to apply to parent divs of .title
}

.title does not always get applied to styles within divs that have a .title01 etc classes
19:09
30 selectors.
@alisamii It's still as bad as night is dark.
@Jhawinsss all the reasons thar @rlemon stated
@alisamii .title > .childTitle { /*css*/ }
.title, .title01, .title02, .title03, .title04, .title05, .title06, .title07, .title08, .title09, .title10, .title11, .title12, .title13, .title14, .title15, .title16, .title17, .title18, .title19, .title20, .title21, .title22, .title23, .title24, .title25, .title26, .title27, .title28, .title29, .title30
There is one, and only one use case where that'd be appropriate. In a library that converts a word to individually selectable letters.
19:13
ok, here's a real world example...

I have divs with classes box1 through box4
The divs have child divs with classes title01 through title30
The title divs get different stylings based on parent div, but they all have the same styling on the text elements within them
@mikedidthis ... ew
@mikedidthis yes, I can possibly do that, and in less, put .title as a nested rule...but that is horrible syntax
@RyanKinal I know...
@alisamii that is what your intending on doing, I am trying to show you, that by default, its just wrong.
Like what happens when you get to 60 .title elements?
@alisamii Instead of explaining, just create an example fiddle.
@mikedidthis that's what I am trying to avoid...by finding a solution that will define a range
19:16
@alisamii this is what I was saying, your markup is creating the issue in the first place.
user1596138
!!/stat mikedidthis
@Zirak thank you!
@Jhawinsss mikedidthis has 426 reputation, earned 0 rep today, asked 1 questions, gave 14 answers.
Enjoy
user652649
19:20
@Wes that's an awesome gravatar
@Wes thank you!
user652649
i am awesome
Also we got a new toy
!!/stat @Wes
it's simple... .title defines a base font-family and letter-spacing, regardless where the class is applied.
when .title is applied to an element that has a parent element with .title01 through .title30, certain changes will be applies...colour will change, background will change, line-height or font-weight or text-transform will change
@mikedidthis User Elusio proved elusive.
19:22
@alisamii the fact you have a parent / child element both containing the word 'title' shows its not simple at all.
I gave my advice, others have too. I even gave you an answer. If its not something that s for you, I would suggest posts the question on SO.
user652649
19:33
8 messages moved to JavaScript
6 messages moved from JavaScript
3 messages moved from JavaScript
user652649
i don't want to look pedantic, but you already have a room for posting crap
user1596138
@Wes If no one is talking about anything on-topic I don't see what's wrong with being off-topic.
user652649
61 messages moved to Trash can
@Jhawinsss Technically, there is no topic in that case.
user652649
19:38
@Jhawinsss yes, agreed, unless room turns into a massive stream of shit
user1596138
@OctavianDamiean Basically. And if someone comes along who has a legit question people always seem to understand that they need to stop and let the room be used for it's real purpose.
I m back...
user652649
@alisamii did you see that jsbin.com/uxemey/1/edit ?
user1596138
In my experience on here MOST people understand that when a legit question comes along or someone wants to talk about the topic at hand, they need to stop.
@Wes sorry that was my fault, that just got under my skin. I am sorry for disturbing our usually peaceful room.
user1596138
19:40
Or you can just be an asshole though. That's always an option :)
@Jhawinsss he isn't. We just aren't used to this amount of traffic / off topic in this room, thats all.
user1596138
@mikedidthis Oh no! I wasn't saying anyone is right now hahaha. I was just saying, that's an option.
user652649
@mikedidthis don't say sorry. this room is as yours as mine. js room is too chaotic and i don't want this room turning like that
user1596138
@Wes Low blow.
user1596138
I'm causing the problem I think... I'm done, my bad.
19:42
will make binning a whole users messages easier
@Wes That hurt.
user652649
@Jhawinsss no, i contributed too and i have in fact deleted also my messages
courage guys ;)
@Wes yes, and I created a codepen to display what I mean more clearly
@OctavianDamiean your trolling right?
19:44
@Wes js room takes some getting used too, but it is a very fun and friendly community. we argue, but for the most part we still are all friends.
@mikedidthis No.
@OctavianDamiean Hug?
it's a room where you can speak your mind, so long as what is on your mind is not moronic.
@mikedidthis nods
@Wes Would you mind adding jQuery to the title of your room? We'd really appreciate it back at the JS room, you can have all the erm, constructive discussion about it here instead of at our room
19:47
Yeah as I said this is my fault. I have only ever seen like 10 people in here at any one time, so the comment pace is slow and usually on topic. The class thing just really got to me.
user652649
@rlemon i'm not judging nobody man, i just want to make this room not chaotic
but you've judged us already and deemed us "chaotic"
how can you say you are not judging?
@rlemon I think he meant the pace of the messages, as in chaotic, not the people.
emm... when you say "you are..." that is judgement too
I can forgive you because your name is three letters and therefore easier to type. but that only gets you one freebie.
@Tiina I never claimed to not be judging. I judge all
like, I think there is something wrong with the contrast on your camera. Maybe we can help you?
19:49
@rlemon ok, then you have all your way ahead
FFS I just wanted to show someone that there markup was insane and now people are getting upset.
@rlemon hahaha
hahaha
i'm not upset, I'm just sarcastic.
user652649
...and my english is not good, so i might appear unpleasant. i mean chaotic = with a huge amount of messages
@mikedidthis Don't worry mate, that's how chat.SO rolls. :P
user652649
19:50
(especially off topic)
hei @mikedidthis how did you find that rss?
@Wes I know, and I hope you know i'm just stirring the pot.
'cause i m afraid the file path is different every week..
seriously. unless you are uber arrogant (okok) or a uber help vamp (okok) then I probably am just being sarcastic when i'm "raging"
@Tiina I searched the source for 'rss'. Most sites like that have an RSS feed.
@rlemon <3
19:51
@mikedidthis insane is using IDs to define styles, and proliferating a cascade (pun intended) of IDs
@rlemon Are you a real lemon?
@alisamii your way was also as insane :P
@mikedidthis do you think next week it's gonna change?
not the menu but the file path
@BenjaminGruenbaum ha, you know. I think I am. I have the worst luck with getting DOA stuff or crap quality things
@Tiina no
19:52
@alisamii IDs are fine for styling if they're fine for anything else. IDs are just globals
So, huggy time?
@rlemon look at my code pen, you may see what my intention is codepen.io/alisamii/details/jikDb
so.. what we eat is actually having a period as 1 week?
@Tiina the feed will get update, but at the same location, like most RSS feeds.
@OctavianDamiean DO IT!
@BenjaminGruenbaum depends when and where IDs are used for styling, but to define 10,000 IDs in order to obtain specificity is incorrect and unmaintainable
19:53
@alisamii .title then .title > .title (inner title) then .title.foo > .title[.bar?] for specifics.
great, that is experience!
user652649
also
user652649
@Wes get that in js now! :)
user652649
@BenjaminGruenbaum was for you
19:54
@alisamii writing clever HTML isn't that big of a deal, it's just a markup language, and a styling language, getting it to work with spec-conforming browsers is trivial
@Wes K, we'll still redirect jQuery questions here, cool :)?
@alisamii hold I suggests ID's with little context. You went from 30 elements to 10,000 elements in a matter of minutes
user652649
@BenjaminGruenbaum i'll redirect them back to js, no worries xD
the website also has a "nextweek menu", do you think next week, they would copy the "nextweek menu" and paste it into the "current week menu"?
@Tiina link?
hugs everyone in the room
3
19:55
you want the link?
@OctavianDamiean Hey get off me you lazy bum!
@OctavianDamiean hug back
...
@Tiina yes please. I am 99% certain the RSS link will be the same each week and just updated with the new rato
@BenjaminGruenbaum That's your girl friend you moron! :D
19:56
    .title {
  font-family: sans-serif;
  letter-spacing: .1em;
}
.box1 {
  background: red;
  padding: 0 10px 10px;
  border: 1px solid yellow;
}
.box1 .title01 {
  background: white;
  margin: -70px -10px 0 -10px;
}
.box1 .title01 .title {
  font-size: 5em;
  margin-bottom: .1em;
  padding: 0 20px;
}
.box1 .title02 {
  background: green;
  margin: -40px -10px 0 -10px;
}
.box1 .title02 .title {
  font-size: 3em;
  margin-bottom: .1em;
  padding: 10px 20px;
}
.box2 {
  background: blue;
  padding: 0 20px 20px;
I had to lower the class of the room a bit
sorry all
Bot is cool
!!/slidepoop
in JavaScript, Mar 13 at 1:40, by rlemon
(Random Fact, when rlemon was 13 he pooped on a slide. he isn't proud of it, but he felt it was time to confess. I'm sorry slide.)
19:57
woa woa woa!
let the trolling respectful moderation begin!
@alisamii thats the css for just the 3 items you have. Just 3. Your LESS is blinding you.
@mikedidthis what I am trying to solve is an issue that will result in avoiding 10000 IDs...because that concept could be applied across the board. this is just a small example
@alisamii so you have 10000 elements that all need specific styles?
there is no grouped rules
Basically, in that case, you have other problems.
19:59
^
Pretty much what I said from the beginning

« first day (29 days earlier)      last day (3759 days later) »