Open Side Menu Go to the Top

06-21-2013 , 03:26 PM
start here and look at his samples and code

http://alistapart.com/article/responsive-web-design
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD **
$25m Guaranteed WPM on CoinPoker
Join the action now
Daily Rewards • Splash Pots • CoinRaces
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD **
06-21-2013 , 03:53 PM
Quote:
Originally Posted by Grue
start here and look at his samples and code

http://alistapart.com/article/responsive-web-design
thanks
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-21-2013 , 06:45 PM
Ok so I'm derping around with css. I am trying to build a site that is a cool desktop experience, so I'm not worrying about super small screens yet. But I have a right and left sidebar with fixed widths, and a div in the center that will hold a bunch of "vent" divs.

I want at a certain width for there to be one div per row, at another resolution two boxes side by side per row, another 3 boxes, etc... I also want them to expand to be 100%, 50%, and 33% or whatever of the parent div container.

Is this possible? Derpy fiddle for what I've been doing so far.



http://jsfiddle.net/P3Gyf/
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-21-2013 , 06:58 PM
bootstrap and foundation have facilities for that. i believe you need to use media queries, but am not positive there isn't another way.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-21-2013 , 07:01 PM
Ya I mean 50 media queries or whatever is probably fine.

I should use foundation I suppose.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-21-2013 , 07:12 PM
why would it be 50? i wasn't saying you need to use either of those, btw, just noting they were options.

they might be overkill. the problem is it's hard to know which things you really need them for (ie, stuff with lots of browser specific idiosyncrasies that they abstract away, or stuff that could be done easily by hand). you really have to know the gory details, or be willing to do lots of testing on multiple browsers yourself, to know. which is why people just say **** it and use bootstrap and foundation.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-21-2013 , 07:24 PM
Quote:
Originally Posted by gaming_mouse
why would it be 50? i wasn't saying you need to use either of those, btw, just noting they were options.

they might be overkill. the problem is it's hard to know which things you really need them for (ie, stuff with lots of browser specific idiosyncrasies that they abstract away, or stuff that could be done easily by hand). you really have to know the gory details, or be willing to do lots of testing on multiple browsers yourself, to know. which is why people just say **** it and use bootstrap and foundation.
Well I've used foundation before, and it's pretty sweet. I think it'd be a better solution than bootstrap or writing it myself (at least a responsive site). I've already found some discrepancies between latest windows chrome and firefox with display: inline-block;

It was kind of amusing to play around with this stuff tomorrow, but I doubt I'll be doing it very often, so it might be better to just use a working solution.

Appreciate the help.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-21-2013 , 11:54 PM
Is there any point to using this cufon crap in this day and age?
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-22-2013 , 02:07 AM
Quote:
Originally Posted by Nchabazam
It was kind of amusing to play around with this stuff tomorrow, but I doubt I'll be doing it very often
If I had this ability, I'd do it all the time!

Think I'm going to go for the Cherry MX Browns, although I would love to make obnoxious tacking sounds. I'll have to wait until payday 1 to buy it though. Its pretty cool that delivery appears to only take one day from Das Keyboard's site. Yeah, getting the blank keys.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-22-2013 , 02:09 AM
Quote:
Originally Posted by Grue
hmm the place I'm (second) interviewing at on Monday works heavily with salesforce but was voted the #1 best place to work in my major metropolitan area so I wonder how miserable that will be. But yeah free beer on Friday and all that stuff. I'm sure I'll find a way to blow it as usual though.
What city? Friday beer seems to be getting incredibly popular
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-22-2013 , 10:50 AM
Quote:
Originally Posted by Nchabazam
Well I've used foundation before, and it's pretty sweet. I think it'd be a better solution than bootstrap or writing it myself (at least a responsive site). I've already found some discrepancies between latest windows chrome and firefox with display: inline-block;

It was kind of amusing to play around with this stuff tomorrow, but I doubt I'll be doing it very often, so it might be better to just use a working solution.

Appreciate the help.
Hrm it's amazing how when I sleep, I always wake up with a better solution.

It feels like trying to keep a page 100% the width of a browser is kind of pointless. Instead I'm just manually setting the widths of the boxes so they fit nicely, and adding a media query every 50 pixels or so. At certain break points I condense the boxes so they add another row. I switch the width of the container at every media query too.

I threw in foundation just to fix some of the cross browser bugs, but I don't really need it.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-22-2013 , 11:10 AM
I use an extremely minimal grid called "rwdgrid". It supports both 12 and 16 columns with fixed width columns that collapse based on media queries to support basic responsiveness.

The nice thing is if you use css tree shaking techniques in your build process the grid weight is close to nothing while still giving you a really clean API to work with. There's no bs like "last" columns, you just use grid-4, grid-8, etc and wrap it in a 12 or 16 column container.

Works in chrome windows, chrome linux, opera 12+, recent FF, ie 8+ and most popular mobile devices. Just built a site with it recently and was really happy with how well it worked with such little pain / overhead (both bytes and brain power).
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-22-2013 , 03:00 PM
Have initial HR interview with MS today (they contacted me through Linkedin). Reading reviews on glassdoor and it sounds like a horrible place to work. Good benefits/pay etc but the politics seem horrible.

Anyone have first hand experience in the hiring process/work life there?
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-22-2013 , 04:31 PM
javapocalypse

http://youtu.be/E3418SeWZfQ
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-22-2013 , 05:05 PM
painful
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-22-2013 , 10:16 PM
Quote:
Originally Posted by muttiah
Have initial HR interview with MS today (they contacted me through Linkedin). Reading reviews on glassdoor and it sounds like a horrible place to work. Good benefits/pay etc but the politics seem horrible.

Anyone have first hand experience in the hiring process/work life there?
I'very known a few ex employees. They say it is political. The easy side traffic is a nightmare but they have their own bus line and will also pay for employees use of public transportation. Probably a better place to work than what is indicated on glass door.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-25-2013 , 04:04 PM
Bored and looking at fizzbuzz stuff. Is there a better way to do this in JS or is this fine?

Code:
var primes = [];

	for (var i = 1; i < 1000; i++) {
		for (var ii = 2; ii < i; ii++) {
			if (i % ii === 0) {
				break;
			}
			if (ii === (i - 1)) {
				primes.push(i);
			}
		}
	}
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-25-2013 , 04:09 PM
That is, I think, the maximally inefficient way.

Try implementing this: http://en.wikipedia.org/wiki/Sieve_of_Eratosthenes
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-25-2013 , 04:10 PM
hah figures
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-25-2013 , 04:13 PM
Are you asking if there's a better algorithm or if there's cleaner JavaScript to implement the algorithm you're using?

EDIT: Ninja'd
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-25-2013 , 07:19 PM
IDK just throwing it out there. Here's my fibinnocci one, hopefully not quite as awful.

Code:
var fib = [];
for (var i = 1; i < 100; i++) {
	var penlast = fib[fib.length - 2] + 1 ? fib[fib.length - 2] : 0;
	var last = fib[fib.length - 1] ? fib[fib.length - 1] : 1;
	fib.push(penlast + last);
}
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-25-2013 , 08:11 PM
why not:

Code:
var fib = [1,1];
for (var i = 1; i < 98; i++) {
	fib.push(fib[i] + fib[i-1]);
}
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-25-2013 , 08:16 PM
Well I didn't want to cheat by seeding it i guess
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-25-2013 , 08:28 PM
Quote:
Originally Posted by Grue
Well I didn't want to cheat by seeding it i guess
it's not cheating. it's separating out two different tasks that have nothing to do with one another and shouldn't be mixed up. and in fact, should you want to seed the series with different numbers, it will be easier to do so in my version. you are still seeding it by the way, just doing it implicitly and ineffiently, since your seed logic is run for every pass of the loop (change my seeds to 0 and 1 if you want to match yours exactly).
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
06-25-2013 , 09:21 PM
Oh totally agree except I was looking at fizzbuzz type interview questions exactly.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD **
$25m Guaranteed WPM on CoinPoker
Join the action now
Daily Rewards • Splash Pots • CoinRaces
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD **

      
m