4 ms·
The Queen’s stylesheets
- zachrose 13y agoOk, this is only tangentially related, but does anyone know why it's "background-repeat: no-repeat" instead of "none"? Or why it's "text-wrap: none" but "white-space: nowrap" or "white-space: pre-wrap"?
- hhaidar 13y agoIt's because you're able to define all the background styling in one line: background: #000 url(pic.png) no-repeat; So having background-repeat: none; would conflict with background/background-image: none;
- deleted 13y ago[deleted]
- malomalo 13y agoYour example is incorrect "transparency: 1" != "opacity: 1" We use transparency in the US. Transparency is how much light passes through an object and Opacity is how much it blocks. so: "transparency: 1" == "opacity: 0"
- hhaidar 13y agoFunny enough, the example is ambiguous since: "transparency: 0.5" == "opacity: 0.5"
- ryalfalpha 13y agoYeah, when I caught that, I thought that it might just be semantic trolling! (a terrible variant)
- tripzilch 13y agoooohh, devious!
- Samuel_Michon 13y agoIf you ask what the difference is between ‘transparent’ and ‘opaque’, most people will answer correctly. If you append –y, people somehow get confused.
- logical42 13y agoauto playing music on the web is a bit 90s no?
- tariqr 13y agoI am quite sure I'm not the only one that read the text with a brit accent in my mind.
- garethadams 13y agoNo, I think a lot of us Brits do that too
- TazeTSchnitzel 13y agoBy "British accent" you probably mean Received Pronunciation or Queen's English... but there is more to Britain than the South East (we have the North, Scotland and Wales, plus plenty of regional accents).
- clayrichardson 13y agoThe sound. Oh my goodness, the sound. Why is there not a button to stop it? I was listening to some music in the background with multiple tabs open, and I didn't expect a project link from HN to autoplay music. Confusion ensues.
- valgaze 13y ago<iframe src="http://www.youtube.com/embed/yHNfvJc99YY?fs=1&autoplay=1&loop=1 http://www.youtube.com/embed/yHNfvJc99YY?fs=1&autoplay=1... style="width: 400px; height: 400px; position: absolute; left: -999em; top: -999em; visibility: hidden; -webkit-user-select: none; -webkit-user-drag: none;" frameborder="0" allowfullscreen></iframe>
- hhaidar 13y agoThis would be awesome if I could use LESS and not open myself to a possible LFI.
- Myrmornis 13y agoPeople seem to be taking this a tad seriously. It's a joke, right? (S)he's not actually expecting anyone to change all their css to use some random PHP script just so they can have British spelling and backwards transparency/opacity semantics.
- waterlion 13y agoOf course it's a joke. As a joke it's about as funny as "all Americans are fat and uneducated" (i.e. not funny if it's not directed at you and offensive if it is).
- anonymouz 13y agoDon't miss the comments in the HTML.
- marcamillion 13y agoHilarious indeed.
- itafroma 13y agoNot very many substitutions performed[1]: 'colour' => 'color', 'grey' => 'gray', '!please' => '!important', 'transparency' => 'opacity', 'centre' => 'center', 'plump' => 'bold', 'photograph' => 'image', 'capitalise' => 'capitalize' Would've thought there'd be a ton of opportunities to pedantically correct CSS's choice of words. !please instead of !important made me laugh, though. [1]: Taken from https://github.com/idiot/Spiffing/blob/master/spiffing.php https://github.com/idiot/Spiffing/blob/master/spiffing.php (aside, please don't use this project as a good example of PHP code style).
- eksith 13y agoIndeed. They also forgot 'quite' => 'text-transform' ;)
- suyash 13y agoWhose fault is it is British folks aren't the majority in W3C or even none of the British companies manufacture browser who implement the CSS specs. Hence, words are spelled like they are in America.
- josephg 13y agoIt has nothing to do with how the W3C is stacked. Us Australians and Brits use American spelling ('color', etc) when programming for consistency. We would rather our APIs are spelled incorrectly (setColor()) than inconsistently (sometimes setColor() and sometimes setColour()).
- TazeTSchnitzel 13y agoSome are incorrect. Transparency and opacity are opposites.
- itafroma 13y agoLooks like an issue and pull request were filed for that: https://github.com/idiot/Spiffing/issues/1 https://github.com/idiot/Spiffing/issues/1 https://github.com/idiot/Spiffing/pull/7 https://github.com/idiot/Spiffing/pull/7
- wyclif 13y agoAlso known as international English. This point can't be stressed enough.
- TazeTSchnitzel 13y agoWhat about US (International) English? :P
- dsrguru 13y agoWhile the linguist in me is appalled by the author's joking (hopefully!) prescriptivist notion that British English is equivalent to such a thing as "correct English" (the American in me is also perturbed by such a claim), I'd like to point out that the home page's phrase "amount of features" is considered by such prescriptivists to be incorrect English. :) They would insist on "number of features" :P
- keithpeter 13y agoA brief note to the Author of the Page in question "...one must check whether one has PHP 5.2 (or newer) installed upon their Internet server..." Should this not be 'one's Internet server'? "Something our primitive stateside friends can understand" What is this 'stateside' you speak of, Sir? Our Colonial Cousins may also resent the adjective that has been applied. I personally rather regret the automatic recitation of Arne's ditty when visiting the page.
- mathieuh 13y agoPrescriptivists would say it should be "one [..] upon his", but the author may wish to avoid using gender specific pronouns and is thus using the singular "their" instead.
- keithpeter 13y agoI accept both points. I was reflecting on usage I have seen in late Victorian/Edwardian sources. That seemed to fit with the style of the text (although not the visual presentation of the page). PS: 'Spiffing' is later and the Jeeves references in the HTML markup point to 1920s. Biggles. Biplanes.
- corin_ 13y ago> I personally rather regret the automatic recitation of Arne's ditty when visiting the page. Possibly the first time I have appreciated auto-play music on a site, made me laugh. And now it's put me into a baroque mood which is always a good thing.
- masterstatesman 13y agoSmashing! Next order of business: i18n whereby .com becomes .co.us and .co.uk becomes .com?
- ommunist 13y agoThat would be not politically correct. Instead .com-s have to be redirected to co.uk and co.us respective to their geography, and in 3 years course, .com TLD has to be abandoned in favour of equality rights. Long live the Queen.
- colmvp 13y agoThe bowler tilts upon rollover. Nice touch.
- martinshen 13y agoit turns on and off the music too!
- muan 13y agoIt links to the same page, so the music stop and start again....
- ommunist 13y agoI am going to put this into our development workflow. It totally made my day. Thank you so much! I admit that background music is highly relevant. However, using 'photograph' => 'image', is not good. I suggest 'picture' => 'image', since it covers both illustrations and photographs.
- greggman 13y agoI guess we also need ones for other languages 透明度: 0.5; 色: 紫; which does bring up the point, are we being at all culturally insensitive by making nearly all web standards English? Or how about UsingCamelCase? Give than some languages don't have the concept of UPPER/lower case. Does Go require you to use "er" for interfaces as in Writer, Reader, Serializer? That seems even worse given that it not just roman letters only it's English only. I don't know other languages but I suspect the suffix 'er' has no meaning in Spanish, Italian, French, and that being forced to added it to classes written using those languages would really suck. type Escribirer interface // !?!?
- TazeTSchnitzel 13y agoThe thing about English use is, well, at least it is consistent. Everything uses American English, so if you need to learn to program, there is only one language to learn. Allowing other languages wouldn't solve much since English would still be present in all the API methods and so on, so I think consistency is better.
- chad_oliver 13y ago"Everything uses American English"? Yeah, no. There's plenty of technical stuff on the web that uses British English.
- josephg 13y agoThere's very little code on the internet that uses British English. I'm Australian, and even when I write software that will only be used by other Australians, I still use American English so I don't have to think about it. Spelling in documentation is much less important.
- oakesm9 13y agoDo you have any examples to share? All the languages I've used have been american english, which is a sensible decision.
- eddieroger 13y ago
- johns 13y agoThis isn't complete until the shorthand box notation is changed from top, right, bottom, left to top, left, bottom, right.
- yen223 13y agoI may be mistaken, but I don't think British clocks run backwards...
- withoutthis 13y agoAutoplay music? Are you kidding me?
- gerjomarty 13y agoNo, one is having a jape with you.
- withoutthis 13y agoDoes transparency: 0.1; -> opacity: 0.9; Because it should.
- muan 13y agoIf any Rubists want to play with it, I wrote a gem for it: https://github.com/muan/spiffing https://github.com/muan/spiffing :)
- cstigler 13y agoEw autoplay music. What is this, Geocities?
- Hytosys 13y agoAutoplay music had me cracking up. How can you people actually criticize it of all things for what is so clearly a joke?
- michaelmartin 13y agoLove it, reminds me of "If PHP Were British" ( http://www.addedbytes.com/blog/if-php-were-british/ http://www.addedbytes.com/blog/if-php-were-british/ ) Wouldn't mind a few more substitutions in the language, but it seems like most of the work went into making a really nice landing page. Great job there! (Autoplay music forgivable on a joke at least)
- FuzzyDunlop 13y agoIt should change all the vendor prefixes too: border-radius-for-all border-radius-for-Webkit border-radius-for-Opera border-radius-for-Firefox And maybe @summons instead of @import.
- ezequiel-garzon 13y agoIt's amusing, although I'm lost with their proposal of "transparency" over "opacity", since they are opposites and, as far as I know, used on both sides of the Atlantic. Also obtaining the transparency would require applying the transformation x -> 1-x to the opacity. I feel I'm missing something with this example.
- MattBearman 13y agoAs a Brit I concur with you good sir. We use both words (transparency and opacity) this side of the Atlantic. And as you say, "transparency: 0.2;" would equal "opacity: 0.8;"
- SagelyGuru 13y agoThis is not something that ought to require substitution. It is not beyond the realms of technical possibility to make the parsers accept both "color" and "colour" as correct. Similarly for other common substitution pairs.
- emddudley 13y agoTURN OFF THE MUSIC DAMNIT
- robertskmiles 13y agoAs an Englishman I must say that it really does bother me when people attempt to write or talk in the manner they imagine an English gentleman might. It always feels quite stilted, particularly in the not-quite-correct usage of unnecessarily antiquated vocabulary.
- pbhjpbhj 13y agoSome English gentlemen speak with what is quite stilted and not-quite-correct usage of unnecessarily antiquated vocabulary though ... Oh well, toodle-pip.
- afandian 13y agoAs a Briton I find these kinds of things as offensive as I suppose Americans must find international stereotypes of their country, people and education.
- niix 13y agoMusic starts playing automatically, quickly closed window.