« first day (1157 days earlier)      last day (2631 days later) » 

12:02 AM
@ZachSaucier seriously, never? I have it happen fairly often and I thought it was normal :/
 
I'm sure it's 100% normal for some people
 
Someone told me that it happens when you heart stops to wake it up. Sounds like a myth though and I can't find any info on it
 
 
5 hours later…
5:18 AM
posted on June 30, 2016

New Cyanide and Happiness Comic

 
 
4 hours later…
Wes
8:54 AM
@ZachSaucier eh, nope. i wish i had the time, especially for improving my english...
 
 
1 hour later…
user6502278
10:07 AM
How do I prevent the [div] from jumping out of the box when clicked on?

The 1st Code uses display:inline-block;vertical-align the 2nd Code uses float:left;margin: Also, the 1st Code uses</br> tags which without them it would fall apart.

The 2nd Code doesn't come apart when you zoom text in, the 1st Code does.

Code 1.) When you click on the div here it stays in the box http://www.cssdesk.com/DQJFx

Image: http://i.imgur.com/d2vrV4I.png

Code 2.) When you click on the div here it jumps out of the box. How do I prevent it from jumping out of the box using this code? Also, on this one, how w
 
11:34 AM
is anybody in there?
 
Zoe
jsfiddle.net/x0d0n40z/1 I am trying to clip a circle with other one. When i clip and fill the clipped part , the clipped part looks pixelated . Any solution ?
 
 
3 hours later…
2:19 PM
@Wes None in Italian?
 
Wes
@ZachSaucier context?
 
articles to read
 
Wes
hum? are you translating the only read extension?
 
It should work with any language. No translating
 
Wes
it's nessuno though
 
2:22 PM
I don't understand what you're trying to say
 
Wes
sorry, i meant "just read" :P
me neither though. there isn't a standalone word for "nothing". could be nessuno, niente, zero, vuoto, assente
depending on what you mean
 
Gotcha. So "it doesn't matter" or "don't worry about it"
 
Wes
irrilevante? same meaning as irrelevant
 
I suppose
 
Wes
2:38 PM
if you want me to review what you are doing just ask though :P
 
I'm always open to feedback. I don't have anything in particular about it in mind, I was just curious if you were using it and ran into any problems with other languages
 
Wes
i had it installed for a while, i didn't find it particularly useful but for the sole reason i have no problems reading regular sites. i could ask some people i know though
 
No problem, it's nessuno
 
3:09 PM
Who wants to critique the design of my site?
 
don't ask to ask
 
I'd love constructive criticism of my website. Here's where I'm hosting the dev version. Just completely re-did the blog portion damp-sands-94356.herokuapp.com/blog-test I'm terrible with colors and I don't like them but can't seem to find anything that I like
 
 
3 hours later…
6:04 PM
I published my methodology to use a web page as a desktop background
@clickhere Did you create it from the ground up?
 
create the design? or are you asking about the blog?
 
design
 
Well, you can probably see that I'm using bootstrap. But I chose the colors, and the shadow boxes on the about page, and the layout myself. And i also designed the flow of pages myself
 
I think you should start with a good template :)
 
Could you give an example? I don't want to be thought of plagiarizing design. But i'm pretty sure that if I deviate too much on my own.. well, if it turns out nice, it was just by luck
The only thing I really like is the picture I have at the top. Which just goes with my 'brand', it being and obscure fjord
 
6:12 PM
side note: your images reload every time and they're massive. That's not good :P
 
the blog images?
 
so by reload you just mean going from the blog list to the individual post?
 
An example of what I mean by start with a template: I use Octopress and modified the default theme. This is the default theme. This is my version of it
@clickhere that and refreshing the page
but don't focus on the images now
 
ok, they look so so different I'd not have thought they shared any relation
 
6:16 PM
Ya, but they have the same base structure (and I don't have to do nearly as much work myself)
that way you start on a solid foundation and can focus on what's really important - styling it the way you want
so I encourage you to find a theme that is high quality and similar to the type of feel that you're looking for. Then you can change it to make it they exact way you want
 
ok, know of any good inspiration sites?
also, why is the style of your main website so different then the blog portion?
 
@clickhere why should it be the same?
@clickhere that's a bad question :P
 
homogeneity?
Idk, just intuitively seems right
 
their purposes are completely different in my case
one is a splash page introducing myself and pointing to things, one is a blog
 
Ok, well, I guess I should state the purpose of my site. It's meant to be a casual place that recruiters and employers look to find out what I'm capable of as I'm currently looking for a new job.
 
6:23 PM
I recommend you do something like my splash page then
Keep it short, simple, and impressive
 
unrelated but I'm reading through your blog post here: zachsaucier.com/blog/blog/2016/05/31/intro-to-electronic-music and either this sentence doesn't make any sense or I'm really tired "And if they listen ever search for songs using such terms, they often find generic, poorly made songs."
 
Good catch, thanks
fixed
 
Also, nice post - I can relate. My wife tells people I listen to techno.. but it's really more like ambient electronica.
Going back to the design. On the one hand, it needs to be catchy and draw them in, as most recruiters likely won't care about the finer points of my code examples. But I think i need to have a way to see my the raw project code for things too
your approach does certainly seem like it might cover those bases for me
 
@clickhere link to a GitHub repo or something
 
Wes
i'm gonna support poland, but portugal had a kind of comeback
 
6:33 PM
Isn't Portugal favored?
 
Wes
always, but they also always lose :P
anyway it's hard to tell, because poland is not bad at all. they have the same chances
 
Ok.. so I just realized my initial read of what octopress was, was completely wrong. I thought it was something akin to bootstrap. Css/js to layout a site. (hence my comment about your blog and the main site as so different) I wrote my blogging platform in django/python. I definitely want to keep the back end of it in django/python to facilitate forced learning on my part
 
In other news, I'm trying to come up with a good way of changing particular styles in the stylesheet itself using JS. I can obtain it just fine using these functions I wrote but changing that in the original stylesheet isn't as easy. I did a similar thing in an old project but it was particular to keyframes... If you have any comments I'm all ears @Wes
Currently I'm thinking once I obtain a value I should just search for that string and replace it, saving the string back to the file
@clickhere Right. My entire point was to find a theme that has a similar structure to what you want and to use that. Not to switch to Octopress or anything
 
Wes
wait wait, make me an example of what you want to do?
 
Have a stylesheet with something like p { color: blue; } in it. Using JS, figure out where the p's color is declared (if it's declared) and replace that in the stylesheet with a new value, like p { color: red; }
but doing it generically so I can reuse it
 
6:40 PM
gotcha
 
Wes
@ZachSaucier jsfiddle.net/rg7c5yny/1 dom is power
you don't need to do substring operations with dom
 
Sick, thanks, haha
 
Wes
does that answer your question or i missed the point entirely
i'm focusing on the match right now :P
or actually the news about the ita squad
 
I think it does. I'll have to play around with it some to be sure
It starts in 10 min, right?
 
Wes
yep
you get the same precision you get for html manipulation in dom also for css manipulation
i think you'll find everything you need
just console.log(document.styleSheets) and navigate that
only issue is old browsers, clearly. but i think msie9 will cover 99% of cases
 
6:51 PM
That's what I was doing
just poorly evidently :P
Shoot, I forgot I have to run to the grocery store before lunch. Be back soon :P
 
Wes
:P
 
Wes
7:04 PM
lol 1-0 poland. immediately basically
3-2 for portugal is my guess
 
gah, I missed it
 
Wes
mistake of defender. they scored like after 2'
 
Ronaldo's freekicks are terrible
 
Wes
7:21 PM
haha can't say which is worst
lol dat playing
nearly 2-0
 
beautiful
 
Wes
lol dat playing 2
woa. that was penalty
poland midfielders are on vacation though
 
7:36 PM
Great shot though
 
Wes
7:49 PM
apple ads are so pretentious...
 
Apple is so pretentious
 
Wes
yeah
that's what i meant, i suppose :P
brb shower because i'm melting down. hot day today
 
what's this ad you speak of?
 
we're watching the Portugal-Poland game
 
I'm trying to do something like this @Wes jsfiddle.net/rg7c5yny/3
I don't know how to make rule.style.color generic using a variable for color
 
Wes
WTF DID HE DO? LOL
 
rofl
 
Wes
WHY?
 
because he's not very good
rating > skill
 
Wes
8:14 PM
i'm so sorry for this guy now
 
Now he's pouting
 
Wes
i don't know what you are doing?
 
you hard coded .style.color
I want to check and see if .style.color exists, but have it be in a function so I can pass in something like border and it see if border is there instead of color
 
Wes
@ZachSaucier this ? jsfiddle.net/rg7c5yny/4
 
Yes, but I also need to set it now
 
Wes
 
I forget you could use the [] syntax in JS for that xD
Thanks
 
Wes
jsfiddle.net/rg7c5yny/6 you could name the function like this
so stupid that there is not a function for that
but hey, w3c
 
You actually don't need it jsfiddle.net/rg7c5yny/7 if you use []
 
Wes
didn't understand you wanted that. mine searches for the property, not the selector
 
right
jsfiddle.net/rg7c5yny/8 is what I was trying to do
that's a lot simpler than the looping approach I started with
 
Wes
8:40 PM
indeed :P
test it with all browsers because you can easily have bad surprises
these "standards" changed like a million times
don't get me started...
 
can be simplified more jsfiddle.net/rg7c5yny/9
I am not seeking all browser support
Just Chrome :P
It's nice
 
Wes
ah right, it's for the extension
good thing working on a browser only :P
must be a good feeling...
 
It is
but there are so many Chrome-only features I'm using that porting it would be really tough
 
Wes
AHAHAH
ronaldo. seen it?
 
LOL
Doing terribly today
Now he's pouting again
 
Wes
8:44 PM
the hell. poor guy, he's playing the worst game, and happens to be one of the most importants of his career
 
Whoever wins this game is going to lose to Iceland anyway ;D
It doesn't even work in Firefox T_T
lol
 
Wes
eh, iceland did shit too. it's just that england was an utter turd
 
Ya, I know
Apparently Chrome accepts some non-standard approaches
jsfiddle.net/rg7c5yny/11 is more cross browser
 
Wes
whoever wins this imho is going to win against iceland, but i could be wrong. so far everything i predicted didn't happen :P
 
Haha, we'll see!
It'd be awesome if Iceland kept winning, haha
 
Wes
8:53 PM
i wasn't expecting for sure iceland to be there
true
 
I was rooting for Croatia, but they lost :(
 
Wes
croatia should've passed. they deserved more than portugal
croatia to us is like a second national squad. most of their players play in our championship. sad
as opposed to switzerland for instance that instead is mostly germany players
 
0
A: Is it possible to alter a CSS stylesheet using JavaScript? (NOT the style of an object, but the stylesheet itself)

Zach SaucierWe can use a combination of .insertRule and .cssRules to be able to do this all the way back to IE9: function changeStylesheetRule(stylesheet, selector, property, value) { for(var i = 0; i < s.cssRules.length; i++) { var rule = s.cssRules[i]; if(rule.selectorText === selector...

I found that question when I was looking for a good solution
 
Wes
not many know dom. it's just jquery these days...
i usually watch with much enjoyment and joy all international championship. this one killed me of boredom. excluding germany and i gotta admit, italy, all games were pretty bad to watch
 
It hasn't been that bad
lol, someone downvoted the answer
probably one of the ones I downvoted because it was outdated
lol
that intruder
too bad they didn't show him more closely
 
Wes
9:24 PM
lol
i upvoted it :P
 
I saw, thanks
 
Wes
omg why aren't they scoring
this's been for sure the worst game so far
 
No, that's England for sure
Now we need to see Ronaldo miss a PK to keep even with Messi
 
Wes
9:44 PM
eh, i don't know
watching iceland crashing england was quite funny :P
 
Ya, but quality of play England was the worst unquestionably
 
anybody know where i can get ramdom data sample ?any tool? so i can add to a test table , want to add a table with atleast 10k records for testing
 
10:17 PM
Hey guys
I am using bootstrap css
let's saw I gave some padding on an image element based upon by laptop that currently has 1366 x 768 resolution
but now when someone on a hd screen with better resolution is using the website
the placement gets screwed up
what shall I do
 
10:34 PM
 
It isn't about 1000px or cellphones
I am concerned about the internal padding
 
?
 
that varies for HD screens with enormous resolution
 
jsfiddle
 
vamp alert
 
10:36 PM
thanks
 
o7
(salute)
 
how you been?
 
@joshhunt me?
 
what is a vamp mate?
was that for me?
 
10:38 PM
@ZachSaucier yes you
:D
 
I am not trying to bug you guys
don't worry
 
great! I'm loving Seattle so far
 
@GandalftheWhite if you make a minimal jsfiddle I'll take a look
 
Sure mate
I am working on that already
 
11:12 PM
is it just me or is optimizing a web page layout for all device screens extremely time consuming?
I have been using media queries that change CSS setting depending on the min/max widths and heights of the screen. I'm wondering if this is good practice
 
@btrballin depends on the page and how it's built
@btrballin sounds like it
 
It took me forever but I got it properly size the elements for all screens like iphone 5/6Plus and iPad Mini/Air
I had to create separate media queries for the tiny phones, the phablets, and the mini tablets, and then the large tablets
 
sounds like the original site wasn't done in a fantastic way for making it responsive then
 
once you get used to it when you start building it you will understand what happens so that you don't have to add as much media queries in
also height queries aren't that common, what are you using them for?
 
table
 
11:17 PM
@joshhunt I use them for full-page stuff
 
table?
 
yeah html <table> element
 
yeah I know that have uses but for most standard websites you don't need them
what are you doing to it?
 
working on a personal bingo project
 
no I mean what are you doing to the table
that requires a height media query?
 
11:18 PM
1 table is just the 5x5 card and the other is 15x5 table
i just want the tables to look nice in all dimensions
 
are you doing it so they don't have to scroll or something?
 
yeah exactly
 
ah yup, you could look into something like vh if that helps
 
trying to make the table fit in all screens. not only that but there is also a menu screen with 2 buttons and logo image that needs to be optimized for all sizes and also 2 buttons and text box in the same page as the 15x5
that's what I have been using
 
why do you need media queries and vh?
 
11:22 PM
i don't exactly know how vh and vw work
 
it'd be easier if you just showed us the project :P
 
^ pretty much
 
ah for sure
 
100vh = height of the browser
 
let me update the repo and share the url
 
11:23 PM
50vh = half height of the browser
so you could do something fancy like calc(100vh - 100px) on your table if you want padding on top / bottom
 
neo
I know you shouldnt as questions from w3schools but in this page is the example shown for the code below working on same?
I code given is in get but i think the example show is using post right ?
 
@neo no
it just uses a get to get the desired info
 
neo
no means I am wrong ?
if so then it should be changed in url right ?
 
@joshhunt and Zach this is the source code: github.com/bhargavat/virtbingo
the purpose of this project was to familiarize myself with responsive design
and also create a layout that doesn't need scrolling
 
There should be a limit
the small screens are unreadable
 
neo
11:31 PM
@ZachSaucier if GET is used then URL must change right ?
 
@neo I don't work in PHP or SQL. This is HTML/CSS/Webdesign
 
neo
@ZachSaucier kk thanks
 
Zach, the limit is iPhone 4 and iPad Air :P
 
I'm talking in more general terms than just your project
responsive design doesn't mean "make it look the same on all devices", it means "make it readable and usable on all devices"
 
ok. but for this project, i wanted to optimize from iPhone 4 all the way to ipad air
 
11:33 PM
somewhat offtopic but why are you using type="board" instead of a class?
 
Your semantics are bad fyi
 
yeah :\ i figured I am not following certain conventions
but feel free to let me know what they are and why that's bad practice
 
tables should only be used for tabular data
 
why would you use class over id?
 
for things like this it's best to use CSS tables
 
11:36 PM
in general its best not to use id for css due to increased specificity and because you can only use an id once
 
josh, I understand that id increases specificity, but for this project, i only used id when I needed specific design attributes
 
@btrballin oli.jp/2011/ids for some argument, though I didn't read all of it
it also makes your JS perform worse in your case
you should use one DOM call and get all of the bingo cells that are clickable then refer to that later in your script
 
zach, so say you have 2 buttons and the only difference is the background color. how would you go about specifying just the color for each button?
 
you're querying the DOM every time an element is clicked (multiple times actually) which doesn't matter on this scale but does in big apps
@btrballin using a class
 
class for everything and id for just color?
 
11:40 PM
class for both - a generic and a specific one
 
then how do you specify different colors for both?
 
I'm not going to continue repeating myself.
 
also instead of querying DOM with $(document).on("click", "#vboard td", function (e){ ... } how would i make it specific to that table only?
 
this
var cells = document.querySelector(".cell");
for(var cell in cells)
	cell.onclick = function() {
    	this.style.backgroundColor = "red";
	}
just loop through and apply it that way
no need for jQuery at all
doh, that needs to be querySelectorAll
 
.cell is supposed to be the class of each td element in the table?
 
11:51 PM
yep
technically you don't even have to do that
You could use document.querySelectorAll(".bingo-table td")
 
i'm assuming your code doesn't alternate the colors of the cells though (red to white and white to red)
 
it's one simple change...
 
oh and keep in mind that your method could be querying the top row with the header
 
it's an example
if you're going to argue against us then there's no point in us trying to help
 
sorry, i'm not trying to argue. just being a little skeptical before I change my code
 
11:56 PM
You don't have to change anything
they're suggestions
hopefully you'll implement them at least in the future
 
ok. I tested my jquery function and it doesn't seem to query the DOM for every click like you mentioned.
 
since $(document).on("click", "#vboard td", function (e){ ... } is only triggered for element with id "vboard"
 

« first day (1157 days earlier)      last day (2631 days later) »