« first day (98 days earlier)      last day (799 days later) » 
04:00 - 14:0014:00 - 22:00

04:22
morning guys
05:05
@Harry Morning
one minute @Akshay, working on a quick edit
morning!
@Harry Okay
@web-tiki Morning
finished editing, missed a shadow
morning @web-tiki
I have the devil's number on CSS today (666) :P
does that mean you can troll the css tag today?
05:13
hahaha
working today on getting a regular octagon shape (the answer yesterday was not a proper octagon)
Guys any of ya played Counter Strike ?
any trig expert here? is the total angle inside an octagon 1080? for hex it is 600 I think
octagons are pretty simple, they don't need any skew()
yeah, just rotate around axis should be enough
@Akshay I have a bit
05:20
no @Akshay, I am not a gamer
Pretty hard :P @web-tiki
I can't even win at level easy :P
I wasn't good at it either
google is so good, it just confirmed that the angle is 1080 in an instant :)
nice why did you wan to know that?
05:22
@web-tiki I bet you were better than me
me?
yes @Harry
idk @Akshay I really wasn't good
for rotation angles @web-tiki and the height/width calculations
I would always get killed when I played against other players
give me 2 minutes, finalizing this thing and will show you
05:24
ok
@web-tiki But i like it though
seems like making a fully transparent octagon with this approach is possible but not a semi transparent one (it produced an interesting effect) - codepen.io/hari_shanx/pen/YXXWvR
Yay i died again for like the 20th time or something
thats nice @Harry
thanks @web-tiki. I am trying to make yesterday's answer as a dupe target and add more variants of an octagon into it... the guy had made his question also quite well
05:33
I was thinking of making self answered canonicals for simple shapes but haven't had the time yet
octagons was one of them
yea, true that would be good (but then again some of our folks might consider that as show off :()
I saw a tag where they did that and it seems like they were well recieved
if you did one, I would definitely upvote.. that's for sure :)
I think if they are made well, they should be well recieved
true, anything that is useful for community and is made in a reasonable question-answer format should be allowed
05:36
I might try one simple one on border-radius today if I get the time
good discussion
do it :)
looks like @Akshay has gone to play CS again :D
na still here power failure
@Akshay: same here too :(
You are in office so there must be inverter
no @Akshay, working from home today (and this happens :P)
05:49
Oh okay
@Harry Shouldn't this be closed stackoverflow.com/questions/29959968/… ?
yes @Akshay. I can understand what he is asking but he should post the code
normally I might down-vote but this guy seems to be new, so decided to give a chance
0
Q: How to make an Image SlideShow in HTML & CSS?

VirusI am new to web development and i don't understand the articles provided out there on web about slideshow. Please let me know how do i go about making something like this Source

@Akshay: bad question, too broad... vtc
06:01
:)
06:27
@Akshay, @web-tiki - you there? need a small help
I am here
me too
a quick review on any typo errors please - stackoverflow.com/questions/29881210/…
I think that thread is quite complete, a SVG answer (by Persijn), a triangle answer and one with skew, perspective rotate
"..small glitch wherein the angled borders.."
that is the only typo I see
@web-tiki: referring to wherein?
06:35
yes is that a word?
yeah, equivalent to in which
everything's fine for me
ok guys, thanks a lot :)
oh ok no typo then
great...
^ ^ CSS Devil :P
06:42
hahahaha!
^^ devilish laughter
lol
pity I don't have PS in office laptop, else I would have put the horn on my pic :D
the answer to that question is worthy of a comment at best but not sure whether to flag as he has atleast attempted to answer
hahaha, awesome :D
Do you like my awsome drawing skills!
better than mine I say :P
06:48
it looks like a parkinson drawing to me
what's a parkinson drawing?
parkinson is an illness that makes (usualy elderly people) shake
yeah, just googled
ok guys, have to get into a con call... will be back after a couple of hours
ok, cya
 
1 hour later…
congratz @Persijn
congrats @Persijn
the CSS Devil for the day commends and congratulates you @Persijn
thanks guys
I never thought they would have a whole article for them :P
08:07
^^ I didn't even know such a thing existed.
:)
guys: why does this on 'close', spread the spans as if a margin-top has been added?
it's really noticeable on this background :L
must be my browser @jbutler483 but I can't see what you mean :(
you mean it overflowing the container while rotating?
nope, doesn't happen for me
08:18
this 'spread' lasts around a second before bunching up again (latest chrome, FF and IE) :L
ah yeah, just saw that
but the gap is smaller for me
it looks more like a line than a break
@web-tiki: are you possibly free to test?
mine does that afterwards :L
hmm.. at the end it goes back to normal for me
08:21
Code works fine in jsfiddle
oh o_o
could possibly because you are sliding every single span up/down and it takes to calculate the exact height
but why would this not happen on jsfiddle?
maybe codepen causes slow response or whatever @jbutler483. I don't have an answer :(
try creating a stand-alone html page and see if the issue happens there also or not
actually I think you can export code from CodePen itself (in the share link there should be a button to export)
try opening that locally and see
I didn't know about that export :)
But works fine when exported
@jbutler483 it is because of the white-space between inline-block elements @jbutler483 change them all to divs
08:31
@web-tiki: he is setting them as display: block
yes but the computed style is display:inline-block;
@Web-tiki: Dispite me using display:block, using divs worked?
/fixed the issue?
I guess the slide() function automaticaly sets span to display:inline-block
that 'slide' function that still doesn't work lol
btw @jbutler483 why are you using jQuery for that and not css transitions?
08:39
good question @web-tiki
@jbutler483 I still feel it would be better to put the items in a container and slide up the whole container than the items one by one
Howdy
+1 @Harry
hi @Ruddy
hi @Ruddy
Hey all :D
@web-tiki: I'm not sure how you mean? Do you mean to remove the slideUp and slideToggle, and just use toggleClass?
08:42
yes
because ~I wanted to have a slide, whilst still being able to 'click' under the combo box (i.e. if another form element was below), i couldn't click since the divs would be opacity:0 and hence would just end up clicking them, instead?
Hi @Ruddy
@Persijn Hey
@jbutler483 What you up to?
@jbutler483 if you make it like @Harry says with a wrapper, you can transition the height of the wrapper with overflow:hidden; and still allow interactions with the below elements when the dropdown is closed
good point.
@Ruddy: just trying to create a 'customisable' css dropdown
08:49
@jbutler483 Cool, may I see it?
still currently working on functionality, as you can see: codepen.io/jbutler483/pen/GJJJOO
not really fussed on looks yet
@jsbutler you need to make the orange box square, it's currently wider then tall and it creates a top thats looks outside the top bar.
I would also suggest not rotating the box and only rotating the arrow
guys, need the functionality first! lol
08:54
the functionality is there, it works
CSS shapes and design, functionality is overrated. It just needs to look nice :D
haha good point @Persijn
especialy for IE functionality
omg.... <main> <-IE whats that
09:04
is that animation jagged for you too?
It only has a single parent :( bad web joke alert
haha and only one pink tooth
from the class names, I think that's meant to be a tongue :P
yep
Pretty cool with only css and not svg
it's realy shaking for me though
09:10
Is that a bad pun tiki?
haha, no I really mean it's shaking
you'd better call the ...
that looks like a blue phone box
@web-tiki: please tell me you know who lives in a blue police box!
humpty dumpty?
after he fell off his wall?
9
Q: Why is the TARDIS a blue police box and not a red telephone box?

ReedThis is linked with Why did the First Doctor land in a junkyard, and why didn’t the TARDIS disguise itself as junk? The discussion’s salient points were: ”"The TARDIS had a malfunctioning chameleon circuit, at the time of the debut of the first episode of Doctor Who in 1963 it was common to ...

09:22
@web-tiki: Have you never heard of Doctor Who?
no I haven't
Albeit, I'm not a huge fan, but I can at least say I've heard of it?
web-tiki your joking now right? Have not heard of is extreme
I have hear of doctor who but never read it
and didn't know about that blue police box
09:25
it's a huge TV show.
been around for 50/51 years
sorry guys, in a looonnnggg call... will respond to any pings once it is over
@Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry @Harry
@Harry
1. Who is your hero?
2. If you could live anywhere, where would it be?
3. What is your biggest fear?
4. What is your favorite family vacation?
5. What would you change about yourself if you could?
6. What really makes you angry?
7. What motivates you to work hard?
8. What is your favorite thing about your career?
9. What is your biggest complaint about your job?
10. What is your proudest accomplishment?
11. What is your child's proudest accomplishment?
12. What is your favorite book to read?
muhahaha
@Harry There are no tricks, just pure logic, so good luck and don't give up.

1. In a street there are five houses, painted five different colours.
2. In each house lives a person of different nationality
3. These five homeowners each drink a different kind of beverage, smoke different brand of cigar and keep a different pet.

THE QUESTION: WHO OWNS THE FISH?

HINTS

1. The Brit lives in a red house.
2. The Swede keeps dogs as pets.
3. The Dane drinks tea.
4. The Green house is next to, and on the left of the White house.
10:14
lol thanks guys :P
10:26
good question and a nice answer - meta.stackoverflow.com/questions/291866/…
yea, looks much better @jbutler483
what did you do with the arrow shape that's some strange animation XD
Evening guys
was just going through the code, what's the purpose of this transform:translateZ(0); in the html{}?
10:32
good afternoon
Evening @Akshay
do you remember seeing a dupe of this somewhere? stackoverflow.com/questions/29962024/…
I think I have
numerously @Harry. However, I was originally using this pen as something else, then changed it back. I suppose it should be removed now lol
:)
hello everyone
i need some help to understand something about font face
i´m adding a font like this:
@font-face
{ /* declare fonts */
font-family: "Museo100-Regular";
font-family: "Pacifico";
src: url("Museo100-Regular.otf");
url("Museo100-Regular.otf") format("opentype"),
src: url("Pacifico.ttf");
url("Pacifico.ttf") format("opentype"),

}
can i do this? i did because i need the font to use museo100 on the <p> but i need the pacifico in h1,h2,h3
then what i did was:
h1,h2,h3
{
font-family:'Pacifico';
Hello + welcome @Japa. I would suggest you to use the @Import declaration, in which google font's use. A quick demo would be:
10:39
@Japa i find it rude that you ask multiple places when the other room answered your question
stackoverflow.com/questions/23854483/… - seems like a close enough dupe, what say?
@Japa posting your question in several different rooms isn't considered as good practice.
@Persijn i´m sorry..i didn´t know that...i´m really sorry
np @Japa just for next time
10:41
next time i will no do that...
and try to format your code next time (hit ctrl+k) @Japa
i will
@jbutler483 thank you..really apreciate the help
@Japa we all make mistakes and even more when we do things for the first time.
I'm ready with my hamma @Harry
10:43
@Persijn you´re right!
@web-tiki: although I do feel the most recent question was asked in a better way, I would agree the dupe :)
@Japa: I would always use google fonts since at least it's unlikely to go down at any point soon in the future.
@jbutler483 i know...but my client wants this fonts, i don´t even like them
ok i get it...
i thought google didn´t had this fonts
this way i can use the links instead of font face right?
yes, Pressing the 'quick use' button followed by the @Import tab.
10:50
great!!! thanks ...
11:02
@jbutler483: but seems like nobody will answer it (and OP is also happy with the link), having said that, I think we should definitely edit one of those previous questions to look better
I'm getting ready to post my self answer for the border-radius property but I'm scared!
I did something lie that if I rememeber well
but that was before I got to svg
I was avoiding js just to practise keyframes (of which I am terrible at lol)
@web-tiki what's this in reference to, sorry?
jsbutler now i know your name james :D
11:13
@jbutler483 I'm writting a canonical self answered question for border-radius
did you write the question?
@Persijn: you could have just asked :P
and the answer is almost finished
and I still can't find a link :P
11:14
I prefer to find out the hard way. While Persijn is my actual name :(
@jbutler483 both will be published at the same time @jbutler483 its the way self answers work
when you ask a question, you tick "Answer your own question"
and an editor for the answer appears
oh ok. I thought you had to have a certain time before you could post an answer
not when you self answer before posting question
I have to say I have never noticed that before, yet It is right there
I haven't used it yet
11:19
i'm gonna have to come up with a shape :P
Here was my attempt at a canonical self answer stackoverflow.com/questions/28819921/how-to-embed-svg-in-html/…
nice @web-tiki
@Persijn: your answer also looks good (even though I don't know SVG much)
@web-tiki: that's good. I didn't even know about that last half of the answer :)
3
Q: Border-radius percentage (%) vs px

web-tikiIf I use pixel values the edge radius is always a circular arc even if the value is greater the largest side of the element. When I use percentages, the edge radius is elliptic and starts in the middle of each side of the element resulting in an oval shape : Pixel value for border-radius : ...

11:33
I try to rotate an div with this
.rotate_div {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);

}
this is work but all the div go down.. how can I make it upper in the page?
this was my version of a self answered question (not really canonical) - stackoverflow.com/questions/26588017/… (isn't as comprehensive as the rest)
@Alon: any sample? might possible be due to rotation origin
looking at that fiddle @jbutler483 and @web-tiki, I think I made a similar answer of changing shapes on click, let me search
looks horrible though (don't laugh at me) - stackoverflow.com/questions/19028935/…
@web-tiki shouldent you add an example where you use both border-radius in pixels as well?
you mean like this @Persijn border-radius: 50px/50px;?
that wasn't horrible @Harry btw
it felt wierd to speak to myself btw
@web-tiki yh since you examples kind of show that % does this and px does this while they can both do what the other does. only % is a different type of length.
11:50
@Persijn I don't think it would be relevant to the question. The main thing is to understand that percentage is relative to the element's size wether the other units are independent of that size. or rather they don't use it the same way
or maybe you are right, I should specify how you can get the same result with both units it would help understand how they work
I'll make an edit
come on @web-tiki, edit soon... you need only two more votes for yet another badge :)
@web-tiki its just a suggestion. I think it would help to understand how they are different and equal. Its of course up to you to decide.
done!
If only one of the values is set then the second value is equal to the first one
@web-tiki: I think that would be better if put as second value is assumed/considered as equal to the first one
12:03
@Harry nope way harder to understand
ok
nice @jbutler483
that is awesome @jbutler483
@web-tiki: that one is still horrible (the approach), I shouldn't have even given that idea to the OP, it is not correct
well I'm pretty happy to see that the question was well recieved by the community so far, I was getting ready for some fussing and fighting
lucky you @web-tiki (just kidding, you made it a very good question and answer)
I actually asked on meta about my question before trying
12:18
it gives me confidence on the next ones I am planning to write
yeah, I remember @Harry
if I remember well, a similar question but crappy was asked and closed so you wrote that one
12:46
Yes, correct @web-tiki and even after the meta question I was worried about the response.
Luckily it had very low response for a few months after posting :)
@web-tiki: congrats for the two new badges :)
was just seeing your top meta post.... liked it even though I have never had (or will ever have) that problem :P
thx @Harry
sure you will
hahaha, not trying to be humble @web-tiki, I am too lazy to hit the cap
13:03
Guys got som free time give me some idea for a codepen :D
@Persijn: I am free, I can help you with coding... design/creative ideas, I am not the right person :)
Sure you are. You think of some thing functional and i'll make it with 10 lines of svg :D
and it will look amazing but cant interact with it at all
build a 3d environment @Persijn
what kind of environment?
an egyptian pyramid
13:12
@web-tiki it will take a while i'll build you an egyptian pyramid
nice :)
Finally, 3k rep
congrats @Stewartside
congrats @Stewartside :)
@Persijn: how about making an AC logo?
I am trying to vtc this question, can any of you understand what the OP really needs? stackoverflow.com/questions/29911365/…
@web-tiki: the response to your question/answer shows that community is ok with self-answered questions as long as the topic is useful and the person posting has made a genuine attempt to make a good question-answer pair :)
13:25
@jbutler483 what does AC stand for?
Assassins Creed :P
just completed the 10th review in Help and Improvement queue... this is the toughest review queue I have used till date... on other queues, by this time I would have probably completed atleast 200-250
hello @TimKrul. long time?
lol nice one
@jbutler483 I made a AC loader in CSS a while back. I think think it was that good so I made in private on Codepen: codepen.io/Ruddy/details/3a22e1ad90cc89c4778052818f579d0a
@Ruddy: That's pretty much the same way i had made mine (I didn't copy though) haha :)
@jbutler483 haha :)
13:40
the latest game though (for me) was a bit of a let down... the French revolution and all :L
Rogue is still a good shout :)
nice @Ruddy
@Harry Thanks
Hi @Harry and every1! was busy in learnin c++
oh good @TimKrul, that will help you get strong with some basic concepts
hey everyone
13:53
hi @Akshay
@TimKrul Welcome back :)
hi @Akshay. can i play your game? :)
Sure
by that i meant a link :P :)
You are using chrome right ?
13:55
yo
canary
they dont die :(((
hey change the spelling of lose!
its lose not "loose" :P
btw what r u doin these days
@Akshay
Same thing happened to @jbutler483 go back to code and change shootpower to 20 or something
And thanks for pointing that out
04:00 - 14:0014:00 - 22:00

« first day (98 days earlier)      last day (799 days later) »