Bootstrap 3.0 Upcoming changes
github.com
github.com
ps: yes I know you can just use the docs from the archives.
It's not like bootstrap adds 1000 features that can be created manually.
Roughly 10% IE7, 30% IE8, 25% IE9, 17% Chrome, 12% Firefox, 6% Safari. No IE10 yet, not even one.
We also have 1.67% IE6 users who haven't take the hint, my banner and the fact it's totally broken doesn't deter them.
This is a public facing website, although we did investigate the IE7 users and found alot come from public/government networks. They strangely browse the site at work then buy at home (IE8+/Firefox/Chrome) which is frustrating as they won't buy if the site doesn't work in IE7...
Also, the promise that the forced obsolescence will eventually work out better for the world is cold comfort when it's you who must choose between legacy tech and sacrificing a large portion of your revenue.
There's nothing wrong with intentionally staying behind -- Bootstrap 3.x features will more than likely lean a lot more heavily on CSS3/HTML5.
Sure there is an archive somewhere of the old docs but that is a long way from ideal.
If they literally couldn't control their computers, they would have to be terminators.
Yes they do. They have procedures and are paid to act according to them. You are clearly unaware how the public sector works, or how expensive are upgrades in such scale. Upgrading software for the whole administration sector of a big country means upgrading a few hundreds/thousands computers per city (depending on the population), do the math; and only if the upgrade is even possible (breaking dependencies of software ordered 10 years ago).
Yeah, 'the system is broken', blah blah, it is what it is.
BTW Polish parliament (420 people) members were given iPads 'to save on paper'. Aside from the fact they watch porn at work, the yearly cost of maintanance and upgrades is at $150k. Yep.
You probably want your govt to spend money on better things than upgrading browsers.
Hooray! Should make customization that much easier.
If the LESS variable is called "state-warning-text", you can define that to be purple without the bad aftertaste of having to use "orange" when you mean purple.
Why will they choose hyphenated variables instead of camelCase?
Presumably because hyphentation is the standard in CSS.
Now, I need to figure out a way to make Vim treat hyphenated words as words for filetype=less.
Not sure how I feel about this. On one hand that's a pretty large sweeping change that is going to break all my customizations.
On the other, dashes look much better in css and I prefer them for class names and so on. Not even sure why, is this some sort of community standard I picked up somewhere along the way?
- do look neater but I wont switch because it frustrates me so much to not have that simple feature!
camelCase and under_scores both select the full string as a word. But if you throw some-dashes-in-there, and you're using the keyboard, it's super fast to select just the bits of the value you want. Without the dash, you have the select a character level to modify aspects of the string, which is fairly fiddly for being such a common task.
A simple example of this being awesomely quick is adding a pre/postfix to values, eg:
@color-link @color-link-hover @color-link-active
1. A dash is an operator, which could get confusing when you are doing math. For example: (@grid-gutter-width * (@grid-columns - 1)).
2. As far as variables go... thisIsDoubleClickable, and_so_is_this, but-this-is-not. I suppose it's not the biggest deal in the world, but I really hate having to drag my mouse to select.
My two cents...
Sometimes I hear that people don't want to have to press shift, which is understandable considering how much we code. But if bootstrap devs are already pressing shift in order to use camelCase, I wonder why they didn't pick underscores.
That or can someone write up a nice Sed script to grep through my less files and change all the variable names?
$ cat <<HN | sed -e '/@/ s/\([a-z]\)\([A-Z]\)/\1-\l\2/g'
> The following sed will replace camelCase only if it can find an arobase
> character in the current line, thus fooBar and bazThing won't be replaced
> but @fooBar and @awesomeFooBarBazzProperty will.
> True story.
> HN
The following sed will replace camelCase only if it can find an arobase
character in the current line, thus fooBar and bazThing won't be replaced
but @foo-bar and @awesome-foo-bar-bazz-property will.
True story.What are the implications of this? I'm not a web designer, so does that mean that we have to have fixed-width pages? Won't that make it harder to design web apps? Will someone help to clear up my misunderstanding?
Best case is they spend a bunch of time on estimation that they could have spent on delivery. More likely is that they rush something that was unexpectedly hard, or drop things that the would have rather kept in. Or, worst of both worlds, they announce dates that they then slip.
Better, I think, that things are done when they're done. Or that they just have frequent, regular releases, like Ubuntu and Firefox do.
Damn. That is very handy when you want to have even sub columns inside of an odd-sized parent column.
>Overhauled default grid system. Now uses percentage widths, padding, and box-sizing: border-box instead of pixel widths and margins. Nesting and offsets remain the same.
Which sounds like they are actually making everything fluid, and removing fixed widths. Perhaps a good thing, although border-box means no IE7 support.
#ie-warning {
display:none;
}
html.ie7 #ie-warning {
display:block;
}unfortunately I will not be upgrading to this version then.
Serious question.
Hospitals and big companies lock down the computers, you can't install anything. If it comes with IE7, that's all you got.
And it's not because of these companies.
E.g. they need to run a specific custom version of SAP (accounting), which on turn crashes if any other browser is present. Upgrading would cost over $30M, so forget it for a while.
Or the hospital needs to validate the hardware + OS + software. Until GE does not support feature X they are stuck with the old version which requires a specific list of software to be installed.
You don't want to hear "sorry about the bad news last week that you have cancer - actually it was just a rendering glitch on your MRI due to the new Chrome version".
So life is a bit more complex than "just upgrade"...
I know your example is exaggerated for effect, but there is (or should) be a difference between "general use" PCs in a hospital, and Patient Care / Management PCs (EHR, workflow automation, digital diagnostic imaging, pharmacy and the like). That in itself is a failling of healthcare IT policy.
Sure, your critical systems should all be be "certified", but even that is an area ripe for disruption - witness DrChrono in EHR, and I myself am working, or brainstorming on, better "field reporting" (i.e. 911 response laptops / tablets - most software in this field is horrific for usability, though admittedly there is pretty cool functionality, the ability to transmit 12-lead ECG to the hospital for prepping cath labs is fantastic) - definitely willing to talk to people interested in such a thing.
Edit: as an aside, I'm yet to see MRI software that wasn't driven by a Solaris backend, or even Irix, though that does demonstrate how this area works.
Philips and Siemens runs Windows. As far I remember the GE scanners were RedHat.
I do agree with the "ripe for disruption". Hopefully DrChrono, Practice Fusion and others will force some change.
Still, I don't doubt that there are lots of public computers (in libraries, for example) running Firefox 3.6 today. I've seen even older.
IE 7 is more common, there were 67,841 IE 7 visits. Worse still is the 12,188 IE 6 visits. Amazingly there were 78 IE 5.5 visits, the web must be a crazy place with IE 5.5.
The hacks required to make older versions behave tend to pile up with time, increasing complexity and maintenance overhead for the developers. There gets to be a point where the complexity and overhead is no longer worthwhile to appease a very slim demographic.
Just use older Bootstrap versions if you want older browser support. I don't want your legacy users slowing down the progression for the rest of the modern world :)
We still officially support 7 for our offsite/embeddable stuff, but from the chatter I hear of the devs that are working on that stuff, the maintenance cost sounds higher than the revenue. Then again, that cost to us is yet another reason that people like our API, since its one less tedious thing for other devs to worry about in their checkout process.
- Add the box-sizing polyfill: https://github.com/Schepp/box-sizing-polyfill
- Use 'display: inline; zoom: 1;' (with the * hack) wherever 'display: inline-block;' is used
- Put Bootstrap in a folder and import it as a framework in CodeKit. (Just like you.)
- In my project folder, I create a LESS file for the project (e.g. project.less).
- At the very top of my project.less I add an import for bootstrap (@import "bootstrap.less")
- I define and customize all my LESS variables within the project.less without touching bootstrap.less.
Yes, this does mean that the variables are being define again. However, this won't matter because what you define in your project.less will override everything else.
https://github.com/thomaspark/bootswatch/tree/gh-pages/swatc...
On a side note, I'm curious as to why they decided to refactor their variable names to include dashes instead of just sticking with camel casing. Personally, I find camel casing to be much more readable.
I suppose it doesn't make _too_ much of a difference considering I prefer to use hyphens in my css classes anyway, but this just seemed like a somewhat useless change that will end up breaking a lot of customization's..
Will we still be able to easily remove things like the "large desktop" size?
If it's not easy to remove, I'm guessing that I can just set the large format to something ridiculously high for the minimum width.
can someone explain the rationale here?
See this screenshot: http://bluetide.pro/cPkH/5LohuilN
Looks like I've got some updating to do in the near future.
I got scared at 'dropping fluid', because it's become been pretty clear to me that the fluid approach in bootstrap was better for most apps, and I was wondering why in fact using the fluid approach wasn't more popular. I got worried that you were making it much more difficult -- but it turns out you agree with me, and instead are making it the out of the box default! woo!
Looks like there is already a SASS port:
I personally think SASS has won out over LESS since the introduction of SCSS and if Bootstrap dropped support LESS would gradually fade away.
Since the differences are so marginal I wish projects would pick their preprocessor by the number of available implementations (in popular languages) rather than the latest fashion.
Less and stylus only have javascript impls and should be avoided for that reason alone. The same applies for most other niche processors.
Like it or not, SASS appears to be the only one with a C library that enables a wide range of language bindings.
I came across this: https://github.com/duncansmart/less.js-windows
It leverages the fact that windows has long supported running JavaScript (OK technically "JScript") outside of the browser, without node, to create a command line utility from the less.js implementation. Works perfectly :)
You shouldn't be running less.js in production.
Even if you don't officially sanction or provide a port yourself -- just hearing that you're open to tweaking the way you do things a bit to make it easier for _others_ to port to Sass (and keep their ports up to date with bootstrap evolution) -- is super encouraging.
I'd actually suggest that as a first step, just talk to the folks maintaining the ports, and ask if there's anything you can tweak on your end to make their jobs easier.