These are chat archives for codefellows/sea-b15-javascript

24th
Aug 2014
Robert Talamantez
@Talamantez
Aug 24 2014 00:12
hey y'all does anyone have the responsive design example from class?
Andy Ernst
@AndyCErnst
Aug 24 2014 00:18
I've had to use responsive design a lot actually, but I just Googled it
Robert Talamantez
@Talamantez
Aug 24 2014 00:19
nice - did you come up with any cool resources
Andy Ernst
@AndyCErnst
Aug 24 2014 00:20
Hmm, well Skeleton has a lot of stuff for responsive design but it ended up not being what I needed for this website
Robert Talamantez
@Talamantez
Aug 24 2014 00:21
what did you end up going with
Andy Ernst
@AndyCErnst
Aug 24 2014 00:21
I just used a bunch of
@media only screen and (min-width: 480px) and (max-width: 767px) { 
    .this-is-a-class { background : stuff}
}
Just got Jekyll running on Heroku about 10 minutes ago to discover many of my pages are actually terrible on mobile because I set some absolute sizes on images... but that just shows it pays to test on actual devices (it looked good on all browser widths)
Robert Talamantez
@Talamantez
Aug 24 2014 00:23
cool, so just throwing in what you needed sans framework
yikes - well, hopefully it's not too much work to fix it
Andy Ernst
@AndyCErnst
Aug 24 2014 00:25
Skeleton is kind of a css framework, I guess?
Robert Talamantez
@Talamantez
Aug 24 2014 00:25
yeah for sure
Andy Ernst
@AndyCErnst
Aug 24 2014 00:25
It's like the responsive-design part of bootstrap
It won't be too hard I think.
Robert Talamantez
@Talamantez
Aug 24 2014 00:27
I've got to throw a couple responsive examples at this client, but nothing I made in class achieved that
Kyle Warbis
@UWarbs
Aug 24 2014 00:28
Make a simple page with a normal header, then make the header turn to an accordian at a mobile size @mediaquery.
clients love that shit
Robert Talamantez
@Talamantez
Aug 24 2014 00:30
oh good one - definitely throwing that in there
Andy Ernst
@AndyCErnst
Aug 24 2014 00:31
Mine is a hamburger symbol with a pop-out menu, but an accordion would be neat.
Robert Talamantez
@Talamantez
Aug 24 2014 00:32
that sounds pretty cool too, shoot me a link when it's in action
Andy Ernst
@AndyCErnst
Aug 24 2014 03:34
I do have the responsive design example from class actually.
Not sure if it's hidden somewhere in the JS github page but here's my clone https://github.com/AndyCErnst/responsive-test
Robert Talamantez
@Talamantez
Aug 24 2014 20:12
Thanks man!