The Merkinman posted:How does everyone deal with client-side caching when rolling out new .css or.js? We just rolled out a facelift so some files are cached and others aren't, creating a broken Frankenstein's Monster of a site. I've seen appending ?dateOfEdit to the end of the file, but in that case I'd have to update every .html page too (or at least the most popular ones). I use django-pipeline to combine and minify static resources at deployment time. One of the options it has is to stick a random alphanumeric string in the filename so it becomes something like mysite.dk3993ksk2d.min.js and mysite.39kd29kdkm2.min.css.
|
|
# ? Oct 29, 2013 18:49 |
|
|
# ? May 9, 2024 05:18 |
|
A highly disconcerting chart: Why are IE 7, 8 and 9 on an upswing all of a sudden? Some kind of change in how the stats are compiled?
|
# ? Oct 31, 2013 19:09 |
|
Might have something to do with XP finally biting the bullet.
|
# ? Oct 31, 2013 19:38 |
|
Yeah, 8 is the default version when you install Windows 7, so if people are finally beginning to drop XP that could be the reason. Doesn't really explain the uptick in 7, though. Either way I give zero fucks and still plan on dropping support for 8 in a few months.
|
# ? Oct 31, 2013 20:19 |
|
The more pertinent question is why is Chrome going down?
|
# ? Oct 31, 2013 21:15 |
|
caiman posted:The more pertinent question is why is Chrome going down?
|
# ? Oct 31, 2013 22:42 |
|
The Merkinman posted:I wonder if a new version of Chrome is bring incorrectly identified as older versions of Internet Explorer. You know what, that actually makes sense. The first version of Chrome to use the Blink engine was 28, and version 28 was released around the middle of July.
|
# ? Oct 31, 2013 22:55 |
|
Chrome's user agent hasn't changed significantly, though:code:
|
# ? Oct 31, 2013 23:22 |
|
fletcher posted:I use django-pipeline to combine and minify static resources at deployment time. One of the options it has is to stick a random alphanumeric string in the filename so it becomes something like mysite.dk3993ksk2d.min.js and mysite.39kd29kdkm2.min.css. It's usually a hash of the file contents.
|
# ? Nov 1, 2013 00:41 |
|
Munkeymon posted:Chrome's user agent hasn't changed significantly, though: I really can't believe IE 7 is regaining marketshare. That would mean people were installing Vista, which is hahahahaha
|
# ? Nov 1, 2013 14:41 |
|
Yeah, we noticed the same thing at work here a few months ago - figured that if Chrome was falling as IE7 is rising, it has to be some fuckery in how things are being counted.kedo posted:Either way I give zero fucks and still plan on dropping support for 8 in a few months.
|
# ? Nov 1, 2013 15:27 |
|
Well, if the theory that people are dropping XP is true, then it could be that they used Chrome on XP and when they switched to a newer operating system they didn't bother to go back because, while it still sucks, newer versions of IE are better.
|
# ? Nov 1, 2013 16:46 |
|
Thermopyle posted:Well, if the theory that people are dropping XP is true, then it could be that they used Chrome on XP and when they switched to a newer operating system they didn't bother to go back because, while it still sucks, newer versions of IE are better. Yeah, and 7 could be coming back because they look around and see that Vista was 'next' so clearly that's the one to 'upgrade' to. At least I think that's how normal people think.
|
# ? Nov 1, 2013 17:32 |
|
Munkeymon posted:At least I think that's how normal Fixed that for you. Most normal home users are having Windows 8 stuffed down their throat. You can't even buy a consumer PC with windows 7 anymore.
|
# ? Nov 1, 2013 18:02 |
|
Could it be that a LOT of oem pc's were bought in the vista era but with an XP downgrade. Maybe companies are reimaging them and using the vista media now?
|
# ? Nov 1, 2013 20:28 |
|
What do brackets indicate in a CSS file, as seen below in the table id?code:
|
# ? Nov 1, 2013 21:52 |
|
me your dad posted:What do brackets indicate in a CSS file, as seen below in the table id? Brackets are for targeting a certain attribute of the element, such as href, alt, etc. VVVV I assume he means the "[]"s, not the "{}"s. Spatulater bro! fucked around with this message at 22:01 on Nov 1, 2013 |
# ? Nov 1, 2013 21:58 |
me your dad posted:What do brackets indicate in a CSS file, as seen below in the table id? That's a declaration block. Those properties will be applied to anything that matches the selector, meaning it would be applied to an element <table id="Container"></table>. You can read more about CSS syntax here: https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax?redirectlocale=en-US&redirectslug=CSS%2FSyntax
|
|
# ? Nov 1, 2013 22:00 |
Any way to get the ellipsis on the first li here? http://jsfiddle.net/fnb9g/
|
|
# ? Nov 1, 2013 22:01 |
|
caiman posted:Brackets are for targeting a certain attribute of the element, such as href, alt, etc. As far as examples go, this is a pretty weird use of that selector, since table#Container or just #Container would do the exact same thing. I've found this to be a pretty good overview of the weirder CSS selectors: http://coding.smashingmagazine.com/2009/08/17/taming-advanced-css-selectors/
|
# ? Nov 1, 2013 22:31 |
|
cbirdsong posted:As far as examples go, this is a pretty weird use of that selector, since table#Container or just #Container would do the exact same thing. The only reason I could imagine using "id" in an attribute selector would be to select all elements whose ids contains a certain string. Like say you have a div with an id of "section_main", a div with an id of "section_sub", and one with an id of "section_footer", you could use code:
|
# ? Nov 1, 2013 22:44 |
|
fletcher posted:Any way to get the ellipsis on the first li here? The rules need to be on the element that contains the overflowing text. Try this: CSS code:
|
# ? Nov 1, 2013 22:52 |
Depressing Box posted:The rules need to be on the element that contains the overflowing text. Try this: Thank you <3
|
|
# ? Nov 1, 2013 22:57 |
|
Using Bootstrap 3's responsive tables, is there an easy way to make the first column fixed? http://getbootstrap.com/css/#tables-responsive
|
# ? Nov 1, 2013 23:01 |
|
http://sidebar.io introduced me to http://www.livesurface.com/ a few days ago, it's really cool. It requires Adobe Illustrator and it allows you to put your ideas on a number of real world canvases, great for lazy people like me who don't want to muck around in Photoshop. Not sure if I want to pay for it yet, but I already have a few use cases to justify it.
|
# ? Nov 1, 2013 23:40 |
|
This is prolly a dumb-assed question, but...where do I learn how to make slick-looking websites like sidebar.io? Right now my poo poo looks like this. Is there a compendium of design tips somewhere? edit the answer is sidebar.io isn't it
|
# ? Nov 2, 2013 00:35 |
|
Pollyanna posted:This is prolly a dumb-assed question, but...where do I learn how to make slick-looking websites like sidebar.io? Right now my poo poo looks like this. Is there a compendium of design tips somewhere? Yes. Read all the design links like this: http://www.visualmess.com/ Make your site with nothing but black & white typography and whitespace. Once it looks good then, add colors.
|
# ? Nov 2, 2013 00:40 |
|
caiman posted:Brackets are for targeting a certain attribute of the element, such as href, alt, etc. Thanks! cbirdsong posted:As far as examples go, this is a pretty weird use of that selector, since table#Container or just #Container would do the exact same thing. And thanks! I'll read up on that Smashing page.
|
# ? Nov 2, 2013 01:05 |
|
I have two, completely different questions. One design one development. Design: Say a new site is being worked on by a designer. Should it first go to other designers for input/approval and then User Testing, or User Testing and then other designers? Development: I recently updated a page with HTML5 schema, however Google's Rich Snippets Tool isn't seeing it. Any idea why?
|
# ? Nov 2, 2013 18:07 |
|
The Merkinman posted:I have two, completely different questions. One design one development. Do you mean User Interface Design, or Graphic Design? I assume the former, since you mention User Testing, but in my experience, you do designer review first, then user testing, and then more designer review in most cases. Designers will be able to quickly point out stuff that's "obvious" and offer suggestions on the product before you stick it in front of users. This should be on-going through out the design process preferably. Once other designers say "good enough", you do the more involved user testing bit, and you see where the pain points are. Then you work on those, and show your solutions to other designers who quickly point out obvious stuff... As with most "design" things, there's no absolute right way to do it, other than to make sure you do it.
|
# ? Nov 2, 2013 18:52 |
|
Lumpy posted:Do you mean User Interface Design, or Graphic Design? I'm no designer, I'm the front end developer, and also the "owner" of any front end changes to the site. Thanks for the input though! I need to get back to answering questions in this thread, I feel like I've asked too many.
|
# ? Nov 2, 2013 19:48 |
|
Has anybody else found procedural PDF generation and formatting to be a bit of a pita if you're trying to get the layout just right, like you would do in a browser? Is it just me?
|
# ? Nov 3, 2013 04:22 |
|
I have some front-end layout questions. I'm only experienced enough to get into trouble! I would like to make my dinosaur website header look like this: It currently looks like this: I'm hosting this site on Tumblr because the audience is huge and I want the comics to be easily shared across the site. I am using the Optica theme by http://blog.k-create.com/ and editing it, because I love the fixed header while the rest of the page scrolls down, as well as the user icon's (the raptor head) position and shape. To me it looks like tumblr themes have a lot of editable CSS and HTML elements, and the only special note to them is the tumblr 'block' code additions, which are highly descriptive in and of themselves. I figured the easiest way to make this layout shine a little more was to get this transparent image: ...To sit on top of the icon in the code, and be relative to the rest of the stuff on the page, while the 'RAWR!' stays fixed in the background for that cool scrolling effect. My best attempt resulted in this: To do that, I used this CSS styling: code:
code:
GreatJob fucked around with this message at 22:29 on Nov 3, 2013 |
# ? Nov 3, 2013 22:18 |
|
You want position:absolute rather than relative (relative means it is the anchor to position things in relation to) At best inference from the K-Create blog, if your <img src> is placed next to the existing dinosaur head then it should position itself somewhere underneath the dinosaur head, at which point you just add in top: -100px and left: 1px to position it correctly over the existing elements. So code:
|
# ? Nov 4, 2013 02:23 |
|
Ghostlight, that was the best possible help. I got the look I was trying to achieve, and now I'm all excited to put cute dinosaur comics all up in this sucker. Thank you so much. I'll note for those who might stumble on this via search engine and want to edit their Optica tumblr theme similarly, here's the exact coordinates: code:
|
# ? Nov 4, 2013 04:07 |
|
ETA: The site in question sells corsets, FYI, so it might possibly be Got a float-type problem. My company provides the recommendations on this site, and they look great. Except for the acre of white space above our recs on some pages. I've been asked to fix that, but can't see any good way to do it. The element I'm trying to work with, .PD14T, is in one element that's floated and I'm trying to align it with the bottom of .ProductAside, another floated element next to its container. I am well aware that the design is retarded, but I can't do much about that. I'm limited to jQuery and CSS for moving things around. Currently the best solution I have is to give .PD14T 80px of top-margin to ensure it's below .ProductAside, but that leads to the acre of whitespace problem. Is there a good solution, or should I just ask the client to unfuck their site design? darthbob88 fucked around with this message at 01:58 on Nov 5, 2013 |
# ? Nov 4, 2013 20:41 |
|
darthbob88 posted:Got a float-type problem. My company provides the recommendations on this site, and they look great. Except for the acre of white space above our recs on some pages. Note that some people might consider this . I was planning on offering some advice, but I had to close it out as soon as I realized what it was.
|
# ? Nov 4, 2013 21:18 |
|
Is there a good best practice or strategy out yet for dealing with small monitors (1024px wide for the viewport) and having a left hand nav in the page? Thoughts that occurred to me were the transparent show/hide overlapping scroll bar like on the right hand side of a facebook profile page, a show/hide left hand nav entirely, or a drop down left hand nav from a top hand nav having a bit arrow to mouse over. I've only recently gotten into the front end of things with my current full-stack job, having come from the back end. I suppose another option is to just tell people "Hey, so, guess what? There's only so much room. 5 lbs of bologna won't fit in a 3lb bag!"
|
# ? Nov 4, 2013 22:53 |
|
2banks1swap.avi posted:Is there a good best practice or strategy out yet for dealing with small monitors (1024px wide for the viewport) and having a left hand nav in the page? Thoughts that occurred to me were the transparent show/hide overlapping scroll bar like on the right hand side of a facebook profile page, a show/hide left hand nav entirely, or a drop down left hand nav from a top hand nav having a bit arrow to mouse over. Also, I usually say "you can't fit a gallon of milk in a shot glass"
|
# ? Nov 4, 2013 22:58 |
|
|
# ? May 9, 2024 05:18 |
|
2banks1swap.avi posted:I suppose another option is to just tell people "Hey, so, guess what? There's only so much room. 5 lbs of bologna won't fit in a 3lb bag!" Maybe an off-canvas menu is what you're after? If you make the link to open it obvious enough it might work.
|
# ? Nov 4, 2013 23:17 |