me your dad posted:I give up and I'm desperate and I could really use some help Try this: http://jsfiddle.net/8gnK6/4/
|
|
# ? Jun 20, 2014 20:10 |
|
|
# ? May 15, 2024 03:20 |
|
gmq posted:Try this: http://jsfiddle.net/8gnK6/4/ Thanks, but I'm getting the same result on mobile: When viewing it in a browser and resizing the window the gap between columns is now seamless but the mobile part remains a problem. Also, the top of the columns are no longer even in mobile (right column is positioned higher). They look fine on desktop.
|
# ? Jun 20, 2014 20:28 |
me your dad posted:Thanks, but I'm getting the same result on mobile: Did you add a viewport=device-width meta tag to the html?
|
|
# ? Jun 20, 2014 21:59 |
|
http://jsfiddle.net/8gnK6/5/ I made each of those tables "two columns" instead of "six columns". Screenshot is from Chrome window resized for 400x800. Video Nasty fucked around with this message at 00:36 on Jun 21, 2014 |
# ? Jun 21, 2014 00:33 |
|
v1nce posted:Seems to me you're describing the alt attribute of the img element. If it's a transcript of the text contained in the image, you're actually following accessibility guidelines for un-sighted users! Congratulations! pokeyman posted:Just make sure to escape ampersands with &, non-breaking spaces with , and quotes with " and you should be fine. Might be smart to automate this escaping, though you'll probably find out pretty quick if you forget. Thanks guys. Looks like now I have something to do this weekend.
|
# ? Jun 21, 2014 00:57 |
|
gmq posted:Did you add a viewport=device-width meta tag to the html? Here's what's in the head section: code:
Jake Blues posted:http://jsfiddle.net/8gnK6/5/ Thanks, but that's not going to work. The INK boilerplate relies on a twelve column structure. There can be many columns but their sum needs to add up to twelve. That's why I had two six-column elements. In other words, if you used two sets of two columns, you'd need eight more columns to make twelve.
|
# ? Jun 21, 2014 01:11 |
|
me your dad posted:
Why can't you use two two eight with an empty third column?
|
# ? Jun 21, 2014 02:01 |
|
KARMA! posted:Why can't you use two two eight with an empty third column? It'll cram everything to the left, like in the screenshot above. The goal is to have two evenly spaced columns on desktop, which stack vertically without separation on mobile. Having two six column tables *should* make that possible. EDIT: I just grabbed one of their pre-built templates (Sidebar Hero, here and plugged it into an email and sent it to Litmus for client rendering. It had two columns that failed to stack too. INK just doesn't seem to work. My template isn't too complicated. I may give it a go from scratch this weekend. I just can't find any reliable boilerplates. me your dad fucked around with this message at 16:32 on Jun 21, 2014 |
# ? Jun 21, 2014 02:23 |
|
I've had a reasonably okay experience with Zurb: http://zurb.com/ink/docs.php (also, ugh, HTML emails)
|
# ? Jun 21, 2014 21:59 |
|
Hey guys I am a big idiot newb trying to set up a node/sails/angular application and am implementing a rudimentary login method into one of the sails controllers. basically it just tries to do user.findOne(object) where object is just the username/password key value pairs. It works fine and returns a user ID if there is indeed a user object with the username and password given. But if there isn't, I don't even get a response and my server crashes. Here is my code from my sails login controller.code:
Sorry if this is the wrong place for this. If so, kindly punch me in the face and direct me to the proper coordinates. Thank you edit: This problem is now solved, but what if I want to send back a response and then redirect the user to a different view? My impression right now is that I can only do one or the other at a time but obviously that has to be wrong. an skeleton fucked around with this message at 00:27 on Jun 22, 2014 |
# ? Jun 21, 2014 22:39 |
|
I'm writing my very first REST API, mostly for the learning experience. I'm using it as a vehicle to learn D3 (and perhaps Crossfilter) and try out Foundation. The idea is to do a little data visualization. I have a basic CRUD example up and running, using Node + Restify. Now, I am trying to think about how to handle "pagination," so to speak. There seems to be a lot of options out there, such as including metadata in the JSON response, sending next/previous headers, and supporting ranged queries. I think, because I ultimately want to the client to manipulate arbitrary bits of information, that I should build the API such that it supports ranges. Does that sound like the right approach?
|
# ? Jun 22, 2014 05:01 |
|
an skeleton posted:edit: This problem is now solved, but what if I want to send back a response and then redirect the user to a different view? My impression right now is that I can only do one or the other at a time but obviously that has to be wrong. Nope. HTTP is request driven, the call to .redirect() sets response headers and sends it back to the client, you can't then send another response. There are ways to get the sort of effect you're looking for, connect-flash is one middleware.
|
# ? Jun 23, 2014 03:31 |
|
cbirdsong posted:I've had a reasonably okay experience with Zurb: http://zurb.com/ink/docs.php I've been using Foundation, which is great, and am just starting to look into responsive HTML emails. Quick question before I really delve into it: with responsive emails, are we able to go beyond 600px?
|
# ? Jun 26, 2014 20:01 |
Kobayashi posted:I'm writing my very first REST API, mostly for the learning experience. I'm using it as a vehicle to learn D3 (and perhaps Crossfilter) and try out Foundation. The idea is to do a little data visualization. I have a basic CRUD example up and running, using Node + Restify. Now, I am trying to think about how to handle "pagination," so to speak. There seems to be a lot of options out there, such as including metadata in the JSON response, sending next/previous headers, and supporting ranged queries. I think, because I ultimately want to the client to manipulate arbitrary bits of information, that I should build the API such that it supports ranges. Does that sound like the right approach? Yup doing it with the ranges sounds reasonable for what you've described.
|
|
# ? Jun 26, 2014 20:03 |
|
Having just recently begun using SASS, I'm currently going back and reworking the CSS on an existing project. An issue I've run into is with media queries. When I nest an existing selector, I sometimes end up adding specificity that wasn't there before, and media queries related to that selector break. For example, This media query code:
code:
code:
|
# ? Jun 27, 2014 16:20 |
|
You can definitely nest a media query, if it works for you. Four levels of nesting are usually seen as a stylistic maximum by linters, but I don't know why it would cause an outright error.
|
# ? Jun 27, 2014 16:28 |
|
ufarn posted:You can definitely nest a media query, if it works for you. It doesn't cause an error, it just doesn't trigger the media query.
|
# ? Jun 27, 2014 16:31 |
|
Protip for media queries:CSS code:
CSS code:
kedo fucked around with this message at 17:00 on Jun 27, 2014 |
# ? Jun 27, 2014 16:42 |
|
caiman posted:It doesn't cause an error, it just doesn't trigger the media query. I don't if it helps, but I nest my media queries in the following way and never have any issues and find it much simpler way to modularise stuff: code:
code:
Heskie fucked around with this message at 16:47 on Jun 27, 2014 |
# ? Jun 27, 2014 16:43 |
|
Very helpful guys, thanks.
|
# ? Jun 27, 2014 16:50 |
|
Say I want to use media queries to set non-mobile breakpoints in order to adjust, say, font-size for different desktop monitor resolutions. What's the best way to deal with <IE9?
|
# ? Jun 27, 2014 20:36 |
|
caiman posted:Say I want to use media queries to set non-mobile breakpoints in order to adjust, say, font-size for different desktop monitor resolutions. What's the best way to deal with <IE9? You don't. <IE9 doesn't support media queries. You could probably do it with javascript, or you could just say gently caress IE8 and below. I choose the latter. e: Wait, I always forget about this: e2: wtf, you can't download it from that link anymore. Let me find an alternate... e3: Here it is: https://github.com/livingston/css3-mediaqueries-js kedo fucked around with this message at 20:47 on Jun 27, 2014 |
# ? Jun 27, 2014 20:44 |
|
kedo posted:You don't. <IE9 doesn't support media queries. You could probably do it with javascript, or you could just say gently caress IE8 and below. A part of me doesn't like the idea of using JS to fix IE issues. In fact I wrote a script that resizes fonts based on a percentage of the size of the containing element... but I'm thinking about scrapping it and just saying gently caress <IE9. edit: ekk, I just saw how my fonts look in IE8 with no resizing, and they're ridiculous. I think I'll give css3-mediaqueries-js a whirl. Thanks. Spatulater bro! fucked around with this message at 21:00 on Jun 27, 2014 |
# ? Jun 27, 2014 20:50 |
|
Lumpy posted:They didn't recommend VIM as the editor. Unacceptable. What I want most in a framework is offering functionality like responsive sizing and components, and having a sane layout whether it be grid, long, or whatever. For it to be a good framework, all that needs to be separate from how it looks - I want the framework to help me organize and functionalize what is presented and how it behaves, without laying down any rules about what everything looks like. I think that's everyone's beef with Bootstrap. Bootstrap has a particular look to it, when it shouldn't have a look at all - just offer the CSS necessary for functionality and defining what a component is, and it's golden. More frameworks need to focus specifically on the toolkit aspect of front-end, because if we don't we get hero units and blue buttons loving everywhere.
|
# ? Jun 27, 2014 21:08 |
|
Pollyanna posted:What I want most in a framework is offering functionality like responsive sizing and components, and having a sane layout whether it be grid, long, or whatever. For it to be a good framework, all that needs to be separate from how it looks - I want the framework to help me organize and functionalize what is presented and how it behaves, without laying down any rules about what everything looks like. Bootstrap comes with a look. You can change it however you want. People use the default look because it's easy, but the alternative of no styling at all is a lot of work for developers who will either do a bad job or not bother making whatever product. I mean, I get sick of seeing default bootstrap styling, but I like it better than the alternative.
|
# ? Jun 27, 2014 21:22 |
|
Thermopyle posted:Bootstrap comes with a look. You can change it however you want. Well to be honest I don't give much of a poo poo about how Bootstrap looks as long as it makes my app not look like fell out of the early 90s. I'm glad there's basic styling at all, I just figured I'd join in on the bandwagon to score brownie points. But my point about frameworks focusing on functionality and components still stands, and as far as I can tell that's what everything does and what everything seems to care about as opposed to "I hate the default style!" because really who cares.
|
# ? Jun 27, 2014 21:56 |
|
For something basic, just use bootstrap with a bootswatch theme until your app is worth restyling. Edit: Skeleton, HTML5 Boilerplate and Foundation are all fine too, it really doesn't matter that much.
|
# ? Jun 27, 2014 22:16 |
http://jsfiddle.net/LHJrW/ I have a feeling I have asked this question before but...where's my ellipsis?
|
|
# ? Jun 28, 2014 00:15 |
|
Do you want to have an ellipsis at the end of every line? Otherwise white-space: nowrap; will do it
|
# ? Jun 28, 2014 00:36 |
Gmaz posted:Do you want to have an ellipsis at the end of every line? Otherwise white-space: nowrap; will do it No I want it to fill up as much of the square as possible and then end with a ...
|
|
# ? Jun 28, 2014 00:42 |
|
fletcher posted:No I want it to fill up as much of the square as possible and then end with a ... Unfortunately text-overflow: ellipsis only works on non-wrapping (1 line) of text.
|
# ? Jun 28, 2014 01:27 |
|
caiman posted:edit: ekk, I just saw how my fonts look in IE8 with no resizing, and they're ridiculous. I think I'll give css3-mediaqueries-js a whirl. Thanks. Another option is respond.js, which is a bit lighter and faster: https://github.com/scottjehl/Respond
|
# ? Jun 29, 2014 13:54 |
|
Yeah I've used respond.js with bootstrap to solve those headaches easily.
|
# ? Jun 29, 2014 17:52 |
|
I'm just getting into picking a front-end framework or widget library for my Django app and so far I like the look of Kendo UI. Even more so for the Visualization components. Is there anything comparable to Kendo for good visualizations and clean UI widgets that don't cost an arm and a leg? Or is it worth it to just go with a full UI framework from one vendor to avoid duct taping various widgets and components together? Any other suggestions?
|
# ? Jun 29, 2014 23:02 |
|
nadav posted:Another option is respond.js, which is a bit lighter and faster: https://github.com/scottjehl/Respond The Dave posted:Yeah I've used respond.js with bootstrap to solve those headaches easily. With Bootstrap, I like just creating an IE8-specific .less file and setting up the container width and all the column widths in there. That way, you only have to worry about one breakpoint working correctly in IE 8. I'm sure you could do something similar with other front-end frameworks.
|
# ? Jun 30, 2014 04:51 |
|
cbirdsong posted:With Bootstrap, I like just creating an IE8-specific .less file and setting up the container width and all the column widths in there. That way, you only have to worry about one breakpoint working correctly in IE 8. I'm sure you could do something similar with other front-end frameworks. How do you check for IE8? Is this still a legit method? code:
gmq posted:Try uncss. Trip report on this: I was initially really impressed because it cut my css file (that included all of Foundation) from over 100kb to like 15kb. But the problem is that it can't check for css rules that are added by js when the page loads. You can specify an array of rules that will always get preserved, but in the end I decided it was too much work to make sure I caught them all. Brand new question: Foundation dynamically adds a bunch of a classes to the html element when the page loads, so it looks something like this: quote:<html class="js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths"> Are those there just so I can check whether a browser supports a certain feature? If I'm not actually checking for them I can safely remove them right?
|
# ? Jun 30, 2014 13:46 |
|
fuf posted:How do you check for IE8? Is this still a legit method? Yup. fuf posted:Are those there just so I can check whether a browser supports a certain feature? If I'm not actually checking for them I can safely remove them right? It probably has Modernizr built into it, I'd imagine. You could remove them but I don't know why you'd want/need to.
|
# ? Jun 30, 2014 14:06 |
That looks like Modernizr's output so yes, they are there to help you fix problems caused by old browsers. I'm not sure if Foundation actually uses them though considering they removed support for IE8.
|
|
# ? Jun 30, 2014 14:09 |
|
kedo posted:It probably has Modernizr built into it, I'd imagine. You could remove them but I don't know why you'd want/need to. yeah sorry you're right - they're coming from modernizr not foundation. I feel like it looks a little messy, but no big deal I guess.
|
# ? Jun 30, 2014 14:11 |
|
|
# ? May 15, 2024 03:20 |
|
It's monday, I come into the office, all fresh and roaring to go after a sunny weekend: "Hey Bastard, we need you to transform this design with extruding ribbons, custom fonts etc into an html email. Needs to work in pretty much all mail clients as well" ... Now I know how deer feel when they see those headlights of impending doom barreling towards them.
|
# ? Jun 30, 2014 18:46 |