Just realised that increasing the dimensions of an element onscreen when it is hovered over creates a “natural”, visual schmitt trigger effect.
↪
Bastian Allgeier:
In a strange way the SASS parser disconnects me a bit from the stuff I’m building — like a subtle hurdle that takes away parts of the fun.
Bastian Allgeier:
In a strange way the SASS parser disconnects me a bit from the stuff I’m building — like a subtle hurdle that takes away parts of the fun.
@bastianallgeier I know exactly what you mean, wonder if it has a name? “tool separation syndrome”? “abstraction vertigo”?
When using the display: table trick to move elements around, beware that Opera+FF require the fake-table element to also have table-layout: fixed set in order for descendant img { max-width: 100% } to work. As pointed out by Scott Anderson #css #responsive
Aaron PareckiAaron Parecki seems like that would be blurring the line between presentation and behaviour — where do you stop? Weather media queries? Proximity? Acceleration?
↪
Emil Björklund:
What is the equivalent of a unit test for HTML + CSS? (Yes, I know of Selenium, webdriver etc, but I'm fishing for other answers as well.)
Emil Björklund:
What is the equivalent of a unit test for HTML + CSS? (Yes, I know of Selenium, webdriver etc, but I'm fishing for other answers as well.)
@thatemil I’ve always considered style guides/pattern libraries to be unit tests for HTML+CSS, and you could automate them with JS if they get too unwieldy.
Andy Hume* {
-webkit-appearance: menulist;
}
↪
Brad Frost:
This drawing of device diversity by @anna_debenham is pretty much the coolest thing ever. http://t.co/T6TybeoV
Brad Frost:
This drawing of device diversity by @anna_debenham is pretty much the coolest thing ever. http://t.co/T6TybeoV
@brad_frost @anna_debenham sees fridge. Looks for toaster.
THERES NO TOASTER!
↪
Brennan Novak:
@BarnabyWalters Lulz... some of those *look* nice ;) In other news- it seems your site is no longer default HTML styling- what gives?
Brennan Novak:
@BarnabyWalters Lulz... some of those *look* nice ;) In other news- it seems your site is no longer default HTML styling- what gives?
Brennan Novak the naked HTML week is up, so I’m adding little tweaks and fixes back in gradually. I’d be interested in feedback about the typeface. It’s Averia.
My god. “Premium Bootstrap Themes”.
Built on a “rock solid base”. I assume they mean the fact that a supposedly “responsive” framework uses px for all typographical dimensions?
Trying to resist the temptation to use ☺ for unordered list items.
Thankfully, CSS doesn’t seem to have the concept of list-style-character.
So, after a week of naked HTML, I have applied a basic CSS normaliser and a few little gimmicks of my own.
I am not (yet) using LESS or SASS or any such thing, but I have started to split my CSS into separate files and load them all together at using Assetic. This small change has immediately made a difference to how I structure and author CSS.
Mercilessly deleting large swathes of CSS feels good. Next up: de-bootstrapping bootstrap code.
↪
Paul Boag:
I have a guest post coming up that includes a table. Spent all evening trying different approaches to getting them working responsively.
Paul Boag:
I have a guest post coming up that includes a table. Spent all evening trying different approaches to getting them working responsively.
@boagworld they’re damned awkward. I am tempted to wrap them in a div with overflow-x: scroll.
#meta: Added ”Styles temporarily disabled” banner to explain CSS-less-ness of my site as per Brennan Novak’s suggestion
↪
Brennan Novak:
@BarnabyWalters whoa now! That is some dedication! You should put a banner *YES, CSS IS CURRENTLY DISABLED*
Brennan Novak:
@BarnabyWalters whoa now! That is some dedication! You should put a banner *YES, CSS IS CURRENTLY DISABLED*
Brennan Novak great idea!
Brennan Novak cool, isn’t it ;) I’m going without CSS for a week to ensure my markup is nice and clean
Brennan Novak amongst other things, it’s use of px for everything related to typography