|
me your dad posted:loving Outlook. code:
Your problem is especially weird because Outlook 2013 supports CSS color, so who knows. Treat Outlook like the idiot program it is and feed it ancient code. God I loath html emails.
|
# ? Dec 6, 2013 20:09 |
|
|
# ? May 9, 2024 12:43 |
|
kedo posted:
Thanks - the <font> tag worked beautifully. I'm taking over this stuff from a designer who uses heavy CSS in emails, causing all sorts of problems. I've got to keep in mind to de-modernize things as I go along.
|
# ? Dec 6, 2013 20:51 |
|
Dunno how immediately helpful they'll be, but here are a few links that I found pretty useful back when I was in the HTML email game: http://www.campaignmonitor.com/css/ http://www.emailology.org/ http://htmlemailboilerplate.com/ Good luck and godspeed.
|
# ? Dec 6, 2013 22:00 |
|
Sudden Infant Def Syndrome posted:Good luck with Outlook and HTML.
|
# ? Dec 6, 2013 23:44 |
Try a font tag lol e also see the boilerplate link a few posts up
|
|
# ? Dec 7, 2013 01:39 |
|
A MIRACLE posted:Try a font tag lol What a world. I honestly don't really get why email clients render CSS so terribly. The sad truth is that after Outlook, Gmail is probably the worst offender when it comes to incredibly basic styles they just straight up don't support. I can't understand why. I mean, come one, let me position poo poo. Or set a background even. Also forget graphic emails entirely. These days I just tell people we'll customize a MailChimp template because it's just not worth the hassle. kedo fucked around with this message at 03:01 on Dec 7, 2013 |
# ? Dec 7, 2013 02:58 |
|
This is a really cool framework for HTML emails that was released fairly recently, maybe it will be helpful as well. Disclaimer: I haven't personally used it. http://zurb.com/ink/
|
# ? Dec 7, 2013 20:20 |
|
I have a simple question regarding layout. Basically this layout looks ok on normal level of zoom in a browser and if I zoom in (ignore the lack of bottom margin): http://jsfiddle.net/x5cWh/1/ However, it breaks when I zoom out (even happens in jfiddles screen). Now I'm a beginner so I could be missing something simple, but I'd really like to know why it happens so any help would be appreciated.
|
# ? Dec 9, 2013 12:14 |
|
Gmaz posted:I have a simple question regarding layout. Because you're using fixed widths. Often when browsers resize stuff with fixed widths things start to get hosed up. Try percentages? Super quick example: http://jsfiddle.net/x5cWh/6/ The dimensions are a little off because I was lazy, but you'll get the point.
|
# ? Dec 9, 2013 15:16 |
|
Yeah I tried percentages before but it still broke for some reason. Anyway I've found a solution, though probably hacky. I removed the float from the right element and put a right margin that's the size of the first element, it seems to not break then. It helps in this case, but it's probably not useful when there are a bunch of elements inside a container.
|
# ? Dec 9, 2013 16:09 |
|
Hey guys, I've got a little question about links and hovers. So, I'm trying to make a link that only underlines in certain places and is consistent wherever you hover over it. This is how I want it to look: (The whole horizontal width of the element works as a link, but only the named text gets underlined) And it actually works, but only if you hover over the dotted line. When you hover anywhere else, it reverts back to what you'd expect: This is what my html code for each line looks like at the moment: code:
code:
|
# ? Dec 10, 2013 21:13 |
|
Fayez Butts posted:Does anyone have a way to fix this that both works and isn't quite so terrible as my hacky way that doesn't even work? Thanks You're reversing it. You want to put your span around the word, not the dots, and you don't want to put the :hover pseudo selector on the span, but rather the entire anchor tag. code:
kedo fucked around with this message at 21:19 on Dec 10, 2013 |
# ? Dec 10, 2013 21:17 |
|
I'm a dummy and should have figured that out myself. Thanks!
|
# ? Dec 12, 2013 06:59 |
|
Ok, so I have on-site interviews with Facebook in a few weeks. It's for an Android development position (and I'm an Android developer) but I'm told one interview will be about web design. Not like, UX design, but stuff like web development patterns, technology stacks, databases, distributed systems, how to scale, etc. My knowledge of these areas is extremely limited, are there any good resources for this kind of thing where I can learn the basics in a hurry?
|
# ? Dec 12, 2013 07:39 |
|
Anyone know if there's a way to selectively disable Chrome's translation for certain languages? I found this which disables it entirely, but that's not exactly what I'm looking for. Situation: menu page for a Mexican restaurant website keeps triggering the bar because half their items have Spanish names. I don't want to disable translation entirely because that's an inelegant solution for users who might actually need the page translated to another language. e: Think I answered my own question by reading the drat documentation. again quote:If you don't mind your web page being translated by Google Translate, except for a particular section (like an email address, for example), just add class=notranslate to any HTML element to prevent that element from being translated. For example: kedo fucked around with this message at 17:05 on Dec 12, 2013 |
# ? Dec 12, 2013 17:01 |
|
Cicero posted:Ok, so I have on-site interviews with Facebook in a few weeks. It's for an Android development position (and I'm an Android developer) but I'm told one interview will be about web design. Not like, UX design, but stuff like web development patterns, technology stacks, databases, distributed systems, how to scale, etc. My knowledge of these areas is extremely limited, are there any good resources for this kind of thing where I can learn the basics in a hurry? Check out this site called High Scalability. Read up on eventual consistency for sure. I'm not sure what they'd ask about stacks (maybe just be familiar with something like Node, MVC frameworks. Cache - both on the front-end and backend - would certainly come up. Maybe know something about key-value stores (Redis, Memcached) and how you'd use that to reduce load while maintaining some consistency. CDNs might make sense to review. Hope that helps, not sure what your comfort level is. Good luck!
|
# ? Dec 12, 2013 19:18 |
|
Does anyone have any experience working with MS sharepoint? I have to do something for work and it needs to be a "sharepoint portal" for a specific work group. I'm great at html/css but over the years I've developed my own methods for things that work and I'm wondering how much I can dick around in my normal environment but make it work with their system. I've done a quick search for custom SP blah blah but im just seeing the same blocky frames in all the examples that pop up. Any advice for working with this system? How much can i make it appear like a normal page as if built from scratch?
|
# ? Dec 13, 2013 18:02 |
|
Rubies posted:Any advice for working with this system? Drink.
|
# ? Dec 13, 2013 18:20 |
|
To be a little more helpful, I've had to deal with Sharepoint a lot in my job. Will you actually be editing the page templates, or just customizing the CSS? If it's the former, you'll obviously have a lot more flexibility. If it's the latter, you can still do a lot to make it look "un-Sharepoint-y" (a common request), but it it takes a lot of work and a lot of frustration. The majority of my Sharepoint work was in the Sharepoint 2007/IE6-7/CSS2 days though so it might have gotten a bit easier now.
|
# ? Dec 13, 2013 18:30 |
|
I'm going to build a site for a professional services firm. I've built lots of sites before, but never with a CMS to be operated by someone else after setup. It needs the following: 1) Individual professional profiles/biographies. 2) Multiple languages (at least 2 but preferably 4-5) because most of our big clients do not speak English. 3) A blog, to be updated by multiple people. 4) The usual "what we do" "about us" "hey look our clients think we're awesome" "lookat dis poo poo" static page stuff. I was thinking of using Drupal or Wordpress to do this, but I'd like a site that "doesn't look like wordpress" and that is easy to change/theme. Is doing this in wp just a matter of making sure that the theme I design or use is perfect? Is there a CMS that I should take a look at?
|
# ? Dec 13, 2013 19:50 |
|
EAT THE EGGS RICOLA posted:I was thinking of using Drupal or Wordpress to do this, but I'd like a site that "doesn't look like wordpress" and that is easy to change/theme. Is doing this in wp just a matter of making sure that the theme I design or use is perfect? Is there a CMS that I should take a look at? Usually when clients say they don't want a site that "looks like WordPress" they mean "looks like the default WordPress theme." Just design/find a different theme that meets your needs. If you're not up for designing one yourself there are approximately eighty five billion themes at WooThemes. For your second question, Drupal and WordPress are the two biggest and debatably best CMSs on the market at the moment because they're A) free and open source, and B) have very strong communities churning out a lot of great plugins and to whom you can turn if you need support. You can look into different CMSs if you want, but really I don't know why you would unless the client asked you to or unless you just wanted to. e: And for your numbered points: 1) Those are just going to be simple pages, maybe with a custom page template if you want to be fancy 2) There are existing plugins for both WP and Drupal to support this 3) This is core functionality for both WP and Drupal 4) Again, these are just pages.
|
# ? Dec 13, 2013 19:56 |
|
EAT THE EGGS RICOLA posted:I'm going to build a site for a professional services firm. I've built lots of sites before, but never with a CMS to be operated by someone else after setup. As much as I hate Wordpress it's your best option. With the new 3.8 update the backend is pretty nice now and Kedo brought up some very good points. If anything i18n (internationalization) will be your biggest hurdle regardless of framework or CMS. Wordpress seems to have several plugins available, I would recommend looking at your options for this specific feature and then choosing a framework.
|
# ? Dec 13, 2013 20:00 |
|
Awesome. That's what I figured I was going to hear, but it's great to have someone confirm that I wasn't missing something super obvious. Thanks!
|
# ? Dec 13, 2013 20:28 |
|
I posted this in the wrong thread in SH/SC, and strwrsxprt suggested I post this here instead: My work wants to get an iPad for testing how our sites look when viewed through various browsers, and we don't have a native Safari device here. We can virtualize a copy of OSX for testing the desktop version, but we're having trouble deciding what to do for the iPads. Is there a way to make a new iPad or iPad mini display in the same version an older iPad would? Obviously there wouldn't be a pixel-perfect representation, but they'd want to test various versions of Safari, and different resolutions. Doesn't make a lot of financial sense to buy various iPad models just for testing in our case, and if they can only get the latest stuff tested, that's the direction it will have to go. I was just wondering if anyone know of ways to test "older" resolutions and versions of Safari on newer hardware.
|
# ? Dec 13, 2013 21:13 |
|
Can the virtualized OS X run Xcode? Xcode has a built in iPhone / iPad simulator which goes back a few iOS version numbers.
|
# ? Dec 13, 2013 21:20 |
|
does anyone know of a tool that will convert multiple CSS files for a webpage into a single file? (ideally based on the elements in use.) basically, I'm using bootstrap to style stuff, and I'd like to rip out the CSS for each element that I've used, so i can stick it into a single CSS file and pretend I haven't used bootstrap also web based or windows would be helpful; my macbook is out of action due to water damage
|
# ? Dec 13, 2013 21:32 |
|
Mr SuperAwesome posted:does anyone know of a tool that will convert multiple CSS files for a webpage into a single file? (ideally based on the elements in use.) http://gruntjs.com It even has a few extensions that claim to remove unused CSS. A better way to do that, specifically for bootstrap, would be to use the LESS version and simply comment out unused components.
|
# ? Dec 13, 2013 21:37 |
|
Tatsuta Age posted:I posted this in the wrong thread in SH/SC, and strwrsxprt suggested I post this here instead: You can run the Xcode-supplied iOS Simulator for the iPad, as mentioned, but there are basically two iPad resolutions, 1024x768 and that doubled (2048x1536). Safari presents the exact same number of pixels for both of them, so you really only have to worry about a single iPad-specific resolution. (though you have to consider both portrait and landscape mode)
|
# ? Dec 13, 2013 22:01 |
|
EAT THE EGGS RICOLA posted:I'm going to build a site for a professional services firm. I've built lots of sites before, but never with a CMS to be operated by someone else after setup. Drupal sucks, way more than Wordpress. So use Wordpress for this situation. And just find a decent free or pay theme that doesn't require any weird changes to the template code. Use this for multi-language: http://polylang.wordpress.com/ Other plugins that you may like: http://themehybrid.com/plugins/widgets-reloaded http://johnlamansky.com/wordpress/plugins/tweaks/ http://www.romantika.name/v2/wordpress-plugin-collapsible-archive-widget/ http://www.im-web-gefunden.de/wordpress-plugins/role-manager/
|
# ? Dec 14, 2013 06:48 |
|
glompix posted:Check out this site called High Scalability. Read up on eventual consistency for sure. I'm not sure what they'd ask about stacks (maybe just be familiar with something like Node, MVC frameworks. Cache - both on the front-end and backend - would certainly come up. Maybe know something about key-value stores (Redis, Memcached) and how you'd use that to reduce load while maintaining some consistency. CDNs might make sense to review.
|
# ? Dec 14, 2013 18:53 |
|
This is a public service announcement: If you ever have the pleasure of working with CSS transition animations, go look up "css transition animation batching redraw", and save yourself 8 loving hours of heisenbug hunting. The usual JS guarantees about everything happening in strict execution order do not apply and you can end up with some really weird poo poo like animating property changes that happened before you turned on animation transitions, or certain transitions outright disappearing from under you, unless you look at them carefully.
|
# ? Dec 15, 2013 06:10 |
|
A new gig I have uses a print designer to do their mockups,then the devs replicate it based on a PSD. This results in poo poo. I am trying to make the guy a list of what to do/not to do. Help? * Use only websafe fonts - http://www.w3schools.com/cssref/css_websafe_fonts.asp * or Google fonts - http://www.google.com/fonts * Each font needs a familial fallback - sans/serif, monospace, etc. - no single font choices * H1/H2/H3/P need to be distinctive, proportionate and scalable * Blockquotes - stylized, indented * Avoid beveling elements * Lean toward contrast as opposed to borders * Avoid textured elements * Avoid images where color, shading, translucency can be used * Avoid drop-shadow on text, lean toward contrast, weight * Consistent padding between elements - makes responsive design more achievable
|
# ? Dec 15, 2013 17:48 |
|
Tell the print designer to mockup in InDesign for starters? And tell him to make use of liquid layout while he's designing the mockups? Rest of it seems to mainly be giving him specific boundaries, but using InDesign at least forces him to decide styles from the get-go, and apply global changes to those styles superquick, and liquid layout will give him an overview of how it may look as the screen is resized (allegedly in an HTML-compliant manner, but whatever). Ugh, PS is a loving awful program for designing EDIT: if it's CC he's got, the Edge Web Fonts will allow him to use GWF within whatever program. Just be specific and give the guy reasons for the specificity, then you can shout at him if he ignores the specs; you're going to know what you want more than anyone else here. Sympathies, anyway RobertKerans fucked around with this message at 19:10 on Dec 15, 2013 |
# ? Dec 15, 2013 18:42 |
|
Good points, thank you.
|
# ? Dec 15, 2013 20:14 |
|
Can someone help and explain the right way to do things to a newbie? This is what I have: All the relevant divs outlined, and there's not much there beyond that. The #data doesn't want to expand beyond "search" in width (goes to a new line instead), even though that one is concealed in a div. I guess I still don't understand DOM relationships, or something. I feel like maybe I should wrap the "body" of the page into a div, too, but it's probably missing the point.
|
# ? Dec 16, 2013 21:20 |
|
So i've got an annoying problem with my site. I've got divs inside a wrapper, which is 1280px wide. If content in the div extends below the page, you get a vertical scroll bar on the wrapper. I expect this, that's fine. What's irritating is that the vertical scroll bars causes a horizontal scroll bar to appear as well, it extends the wrapper those extra 20px or whatever to accommodate the scrollbar. I've tried using overflow: hidden in various ways, but either I lose the horizontal scroll all together or i'm stuck with it. Anyone got some nifty tricks or tips for scroll bars, or just extending divs in general?
|
# ? Dec 16, 2013 21:21 |
|
supermikhail posted:Can someone help and explain the right way to do things to a newbie? Post some code. I'd guess your problem is floats, but honestly it's impossible to tell what the problem is from a screenshot. But to address your last point, using a wrapper div around the entire structure of a site is not at all uncommon. Cthulhuite posted:So i've got an annoying problem with my site. I've got divs inside a wrapper, which is 1280px wide. If content in the div extends below the page, you get a vertical scroll bar on the wrapper. I expect this, that's fine. What's irritating is that the vertical scroll bars causes a horizontal scroll bar to appear as well, it extends the wrapper those extra 20px or whatever to accommodate the scrollbar. overflow-x: hidden perhaps? Are you setting an explicit height on the scrolling div, and if so why not just remove it and use the viewport's scrollbar? Also jesus people:
|
# ? Dec 16, 2013 21:33 |
|
kedo posted:Also jesus people: code:
code:
|
# ? Dec 16, 2013 21:50 |
|
supermikhail posted:Now everyone can see me naked. On that note, is there any point to using the input type "search"? Post it on jsfiddle or codepen. We can then modify the file and you can see exactly how to fix it. Scroll bars within divs are a really, really bad idea from a UX standpoint.
|
# ? Dec 16, 2013 21:53 |
|
|
# ? May 9, 2024 12:43 |
|
supermikhail posted:
Sort answer: Yes. Long answer: Yes; in good browsers, you get additional built-in functionality like remembering previous terms, a clear button, etc. Also, read this then look at your CSS. Pull common stuff into classes. Lumpy fucked around with this message at 22:18 on Dec 16, 2013 |
# ? Dec 16, 2013 21:54 |