« first day (922 days earlier)      last day (2866 days later) » 

Abe
12:31 AM
!!tea or coffee
 
@Abe tea
 
Abe
u sure?
!!tea or coffee
 
@Abe tea
 
 
2 hours later…
2:06 AM
With a DOCTYPE declaration 4.01 strict DTD, We tell HTML validator to validate html syntax. Does the browser complain with an error code on using inappropriate element frame(say) in html code?

In general, what is the industry standard approach of validating written html by any technician?
 
 
4 hours later…
6:04 AM
@ZachSaucier Nice, that's what, $360 for you?
 
6:50 AM
CM takes 20% and a few minutes of that time was paused, so likely just under 300 by my estimate
 
 
3 hours later…
9:42 AM
Hi everyone..
 
posted on November 08, 2015

New Cyanide and Happiness Comic

 
 
3 hours later…
1:00 PM
Awww yesss! When did this chanel get made?
I'm feeling this for sure.
What's everyone working on?
 
1:30 PM
welcome
 
2:05 PM
@Polyducks You should use transform instead of top and left for your cartridge hover animations. The performance is much better, even for little animations like that
also, for the smaller tiles it'd be better to do something like background-size: 90% 90%; by default and go to background-size: 100% 100%; on hover instead of background-size: 110% 110%;
 
Interesting! Thanks Zach. It's been a while since I built the website.
There are a lot of clumsy errors in the code, including some of the indentation.
Not to mention the contact form which never got built
 
contact forms are pretty useless for sites like that IMO
 
Essentially it works, though. It was a three day project before a job application - and nobody pays me to work on my own portfolio ;)
 
@Polyducks potential clients/employers do :)
 
I've had a few entries on my last site. What do you use for contact info?
 
2:10 PM
I just give my email
 
I've got a permanent job now. Little use in working on it right this moment.
 
what are you doing?
 
I'm a front end developer for a pair of online fashion shops. It's much more high pressure than what I was doing before. Full of quick hacks to meet deadlines. Ugly code. But I'm making tools etc to make it much smoother.
What about you?
 
I'm currently a student who teaches front-end and does (a tiny bit of) freelancing
 
That's awesome. It's really rewarding when your students 'get' you!
I have a friend I taught HTML who got her first job a few months ago - she eventually replaced me at work which is great!
She's now on a course on general computer science and she's been teaching me all kinds of things in return
 
2:14 PM
cool
 
May I see some of your work? You've seen mine now!
 
currently adding images to the bottom part... Something I meant to do a while ago xD
 
nice url
holy shit that pyramid son
how will you add the images? You've a really pretty site
 
@Polyducks by uploading them? not sure what you mean :P But thanks
 
I mean laying them out on the site
 
2:29 PM
just put them in two columns
 
what if you have an odd number of things? :O
 
what if I do? :)
I could always use flexbox to fix that if I so desired
 
flexbox? Now?
Isn't it a bit early for flexbox?
 
2:44 PM
not really
!!tell Polyducks caniuse flexbox
 
still too much of a marketshare on 9/8 to do anything widely used
though to be honest I'd be perfectly happy with telling 9/8 users to go kill themselves
 
ouch
Why'd you move from game design to web dev?
 
Well, at first I was all about the game design. Then I did a full project and it's quite exhausting. You put a lot of your heart and soul into those things and beaurocracy turns it into something you didn't intend. You might say I'm quite jaded by it.
I'm really just into making games in my spare time now. Little private projects that I enjoy.
The two aren't really separate. I like being able to make things for people and being able to program something that anyone can run anywhere without restriction of platform
javascript is one of my favourite languages as a result. It has dynamic memory management and you don't have to import a million libraries for it to work. It just...works
 
hahaha @cimmanon I LOVE this comic. It perfectly embodies what it's like to freelance
It's why I've given up on freelance and gone for permanent positions. It also means I can just build and leave the designers to the design part
which has its own flaws. Designers are incredibly good at coming up with near-unbuildable designs
 
i had that happen to me at a permanent position.
 
@cimmanon for example, the designers wanted the divs which are third on the page on desktop to appear first on page at mobile.
Yeah, it's hard to avoid
A lot of the time, project managers have no idea
 
except you can use flexbox on mobile devices because mobile browsers as a whole have universally had better flexbox support than desktop browsers as a whole
 
Oh, too true
 
3:10 PM
also, if your designers dont know whats possible with the technology they are designing for, they have no business doing it.
 
It tends to be most graphic designers are doing all kinds of design. These ones are meant to be web designers but they're obviously from a print background.
"Line up everything with this one sentence I've given you with varying length"
You know the type
(pun intended)
 
print designers doing web design has been a problem for over 15 years.
 
Right!? Also, you ever tried being the web developer and telling a graphic designer they don't know what they're doing?
Shitstorm galore
 
that was the story of my permanent position.
 
oh man. I feel like I've found my Mecca with you guys.
 
3:14 PM
don't complain too much though. No one likes that
 
"make all of the links red to match the headlines and the nav bar". everything is red
 
Yeah, true Zach. Just been a while since I could vent.
 
also, make some of the links black and remove the underlines
 
haha!
 
i wish this was a joke
2 days later, "the black links blend in too much with the regular text, make them dark grey instead"
 
3:15 PM
I once had a client ask why the black didn't look black enough. I said because it was grey. She asked if we could make it black. I said sure, but it won't match the colour scheme. She told me to do it anyway. I made it the most obnoxious black I could. She loved it.
So what are you working on now Cimmanon?
 
unemployed. its probably for the best.
 
@cimmanon I didn't know that
what happened with the old job?
 
@ZachSaucier i was cut from my last job in february. their excuse was "you dont fit into the budget"
 
What have you been up to?
you guys don't have kids, right?
 
just the dog
 
3:20 PM
I'm sorry to hear that @Cimmanon
Do you have any hobby projects?
 
piss my time away answring SO questions and playing a bejeweled clone, in between dog walks
 
I'd go mad trying to play the social dance of SO
 
@Polyducks don't play it :P
 
I can't. I tried to answer some questions before and they all got rewritten by the elite
apparently writing 'Good luck!' doesn't count as part of an answer
 
@Polyducks it doesnt. is that all youre upset about? the removal of "fluff"?
 
3:23 PM
Nah, all kinds of other things. My general inferiority complex included
 
it takes a lot of practice to write a good answer.
 
My general impression of people on Stackoverflow are these ubermenschian creatures that can write all languages
 
most answerers can code (or at least understand) multiple languages
 
Oooh. This might interest you guys. Did you know you can make divs hold their aspect-ratio by using padding-top instead of height?
I found it out just over a year ago and it's made everything so much easier
It's my 'party conversation starter' of CSS
 
oh ya
 
3:28 PM
195
Q: How to maintain the aspect ratio of a div using only CSS

jackbI want to create a grid whose cells (divs) can change in width/height as the window's width changes. Are there any CSS3 rules that would allow the height to change according to the change of width, while maintaining the original aspect ratio? I know I can do this via JavaScript, I would just ra...

 
I made a variation of it that stays square but completely responsive
codepen.io/Zeaklous/pen/qdLaLP it's used in this pen of mine
I suppose it's not exactly a variation... but I used to use the padding trick instead for things like that
 
This is probably where I got it from Cimmanon
woah that's really beautiful Zach
Just got transfixed.
 
3:48 PM
o/ !
When you see site where dom elements are smootly showing on the screen What technique is mostly used?
For example I have now a 'slidedown' menu with a trigger. And then I load 5 menu items floated left.
Can I let them load ever 150ms or something?
 
@Duikboot it's unclear what you're asking
 
I was already thinking that. Sorry.
Uhmm how to explain.
Ok : you open a website. And it has a horizontal nav menu
Lets' say - item 1 - item 2 - item 3 - ...
 
You mean they sort of come in from opacity 0 as they load?
 
yes
 
You want some CSS transitions on those badboys
 
3:52 PM
Yes
 
I'm not too good with CSS animations though. That's where I would start
 
But should I just us a nth-child selector for each one?
 
it depends what you actually want them to do
 
Show up :)
opacity text. / or color change.
 
I'm gone for now. Welcome Poly
 
3:57 PM
Thanks Zach :)
I guess you start at opacity 0 and then transition them up to opacity 1
take a look at some of the animations on w3schools. They're quite useful!
usually these sort of things are reserved for ajax - when you want to load something after the page has loaded
it can get quite annoying if you're doing it on pages which aren't based in angular as the nav will have to reload each time
 
It's a 1 page site design ;)
Will take a look thanks.
 
Oooh nice. Yeah, that could work well :)
 
4:45 PM
how did it go Duikbo?
 
Still working on it :)
 
I'm coding, but at the same time watching Utopia... that's my downfall
 
 
3 hours later…
7:41 PM
@Polyducks w3schools < MDN
or most any other articles about whatever the topic is
 
8:06 PM
Learning for 11 hours from morning, just stopped by to say hello to someone. Regards from Serbia!
 
@IvanKušaković hi
 
Hellou @ZachSaucier. How are you?
 
doing just fine
 
How can we chat in private messages? I don't see option. But this works fine also. Where are you from?
 
you can see that by checking my SO profile - USA
 
8:12 PM
Ok, I will write you something :) To don't flag here :)
No, @ZachSaucier, I can't find it lol
Just see email.
 
look to the right
 
I am blind
 
a screen reader would help then
 
I was joking, I am not blind, but don't see option for pp
pm
 
I was joking too :)
there are no PMs
 
8:23 PM
You are very funny
 
8:45 PM
I know this has been asked multiple times but wondering if in my situation I have a page displaying all my categories only and the name of each. I was wondering if I used h1 tags for all of them ... would this be considered a big overuse for seo ... but if I don't use them ... what would be good to use? Thanks in advance.
 
It's best practice to only have 1 h1 a page
why not use a different heading?
 
I thought now in html5 we are allowed to use multiple h1s?
 
allowed != best practice
and I'd like to see the page you're getting that from if possible
 
@ZachSaucier if you look through articles regarding htm5 and the document outline, youll see that the intent is that multiple h1 elements are allowed: html5doctor.com/outlines
 
interesting
 
8:55 PM
however, the w3c validator will warn you not to do this. it also warns you not to use any of the html5 form elements or the details element
at least, not without providing a polyfill
i ignore the validator, of course. using h1 as my goto headline element avoids so many headaches when it comes to reusing templates
 
it makes sense to me
Personally I never really understood why h1s has so much precedence previously
 
@ZachSaucier also there is a video here from google webmaster youtube.com/watch?v=GIn5qJKU8VM
 
crl
what does precedence mean for css elements :)?
 
take a look
 
@crl what do you mean?
 
9:03 PM
@Elizabeth if youre just listing the names of categories, headline elements are not the appropriate choice. an unordered list is usually your best bet, a definition list might be better if youre going to add a brief description
 
crl
1 min ago, by Zach Saucier
Personally I never really understood why h1s has so much precedence previously
 
It wasn't in terms of CSS
 
crl
I know precedence for operators for example
 
it was in terms of categorization of a web page
 
crl
ok
 
9:04 PM
@cimmanon I see a lot of people use unordered list to list like icons ... catergories ... blogs etc....but why ... why not just put all in a div and save some html tags?
 
@Elizabeth because a div doesnt have any semantic meaning
when you use a list, you're saying "all of these things are related". they are a list of... whatever. a list of categories, a list of things to buy at the grocery store, my honey-do list, etc.
 
Oh ... I never knew that list elements have semantic meaning as well ... I've been doing it all wrong all along!! :(
No I know. But do should we nest the list in something or can I just use the <ul> itself ... for example on a nav bar
?
 
the only tags that dont have semantic meaning are div and span. in html4, elements like b, i, u, small, etc. had no meaning, but they do now. i dont use them myself
@Elizabeth have you looked through the new html5 elements? if it is the primary navigation of the page or section, you probably should nest it in a nav tag. otherwise, you can just use the ul as your style hook. html5doctor.com
 
@cimmanon Thanks for the link. I guess when I did my research I didn't look at all the semantic tags of html but just the html5 ones that I see here w3schools.com/html/html5_semantic_elements.asp ... making me think that all the other ones are not semantic.
Thanks for all the guidance guys! I learnt something new again!
 
@Elizabeth w3schools is not considered to be a reputable source. mdn is usually your best bet
 
9:17 PM
@cimmanon Really? But they're ranked so high?!
They are always the first results.
 
@Elizabeth that doesnt make them a good source :D
 
You're right.
Oh, now I have another question ... I might be thinking too much but wondering after reading about semantic on the link you gave me ... that because my whole page will only be categories ... should I still use ul or would a section be more suitable to group the whole page?
 
what kind of categories?
 
Since the precedence of ul is more lower ... if I am understanding correctly.
The categories of my whole site.
For example ... beauty, health, fitness, games, entertainment ... etc
 
i would still use a list. you can group similar categories together with a section, or just use nested lists. i dont think i would use a single section tag to contain all of the categores, though
 
9:26 PM
Understood and inside the <li> tags I should probably use <h2> tags right? Since they are considered to be titles of each category.
 
what? no. maybe you should read about the document outline
headline elements (h1-h6) have to be a headline for something. you know, like"List of Categories" ... [insert listing of categories]
 
So the title of each category won't be considered a heading?
I don't know if it makes any difference but the site is a eCommerce site.
 
no. just because you have a title doesnt necessarily make it a headline
like, if i am talking about a book in my blog, i wouldnt use a headline to markup the title
 
9:41 PM
Well, I think I am out of questions for now. Thank you for the help once again. I learnt a lot and I have an idea how to structure my site. So glad I reached out for help. I kept on debating to use this or that for quite a while.
 
crl
10:11 PM
Would there a be a way to apply some css, when I hover an element while dragging (left button down)?
 
:active ?
 
crl
let me try, but I think it will apply css on the dragged element, not the one being hovered (sorry I explain it badly ^)
 
you can't do that without JS
bc the hover is applied to the element being dragged
 
crl
maybe :active:hover, but yeah, right
 

« first day (922 days earlier)      last day (2866 days later) »