Scania Super Luxury Intercity Coach

Available Sessions for this Seminar:

March 09, 2015 09h00 à 16h45 EST

Available Sessions for this Seminar:

December 11, 2014 09h00 à 16h30 EST

Hayden Library - QC16.L647 S433 2018

Devereux, Eoin, author

De Veaux, Richard D., author

RSS readers for linux allow users to view information contained in rss feeds in a specific location in an intuitive way.

RSS Readers for Linux

Online Resource

With the uncertainty around imports from Europe and other western markets, this is the best time for Indian brands like Scarlet Splendour, Klove and Jaipur Rugs to woo local clients

At some point, while working on the MontageJS framework, the question came up what CSS naming convention we should start using. After a long discussion we settled on using the BEM methodology, but changed the syntax a bit. To keep this post short, I won’t go into detail why using BEM is a good idea, but rather explain why we chose a different syntax. Here some examples:

.digit-Progress          /* org-Component */
.digit-Progress-bar      /* org-Component-childElement */
.digit-Progress--small   /* org-Component--variation */

Note: The org- (digit-) prefix is used as a name-space so it wouldn’t conflict with other packages/libraries/frameworks.

Now let’s take a look at the reasons for choosing such a syntax.

Hyphens (-)

The main reason why we’re using a hyphen (-) instead of underscores (_), has to do with the fact that their behavior is different when double-clicking to select text. Try for yourself:

component__element /* underscores */
component-element  /* hyphen */

See how when you’re using underscores it selects the part before and after, in this case the whole component__element. But with hyphens it let’s you select only the part you double-clicked. component OR element. This let’s you quickly edit only the parts you want:

camelCase

Now, what if the component or child element consists of multiple words? We could use underscores like component_name-element_name. It would still be double-clickable, but readability suffers since it’s harder to see what belongs together. Better to use camelCase which groups each part visually: componentName-elementName.

MainComponent

OK, I think we’re getting closer. As a last rule, for the “main” component we use PascalCase. The reason for it is to add emphasis and make it easier to distinguish the main component from a child element. Also when using a namespace, the component moves to the second position, which makes it even more important to have it stick out: org-Component-childElement

–variation

We kept the more commonly used double hyphens (–) for variations. digit-Progress--small. It makes sense, because it pulls the variation (–small) visually more apart and makes it look like it’s something “different” than the default component.

So that’s about it. For more details about this naming convention, take a look at the SUIT framework, which also started to use the same syntax and documented it really well.

In the end, whatever Shade of BEM you choose to cook with probably depends on your personal taste, but thinking about a great UX by improving usability and readability won’t hurt either.

Rotch Library - N6888.B745 A4 2018

Rotch Library - NB553.V37 A4 2018

Online Resource

Bowles, Cennydd, author

Harman, Graham, 1968-

Auxier, Randall E., 1961-

Online Resource

Online Resource

Devereaux, Edwin, 1932- author

A close friend of mine, Dennis, is one of the editors and contributors to Headache Comix, an underground magazine for comics, so far only available in print. He asked me to do a website for Headache Comix , and I said yes – why not? Visit headachecomix.com to see the result. Headache Comix had quite […]

The Norton 360 suite includes device protection from viruses and internet security, access to secure virtual private network (VPN), cloud storage for backup, password manager and parental controls

Caux, Patrick

Narendra Modi failed to say how millions of employees — mainly rural migrants — were to get by

Ready Player One author, Ernest Cline, discusses his book, video games, 80s pop culture and a DeLorean giveaway.

WIRED reviews the Moogerfooger MF-1080 Cluster Flux

Consider it electronic Lego. littleBits consists of tiny modules that snap together to form circuits, creating simple devices and teaching basic electronics.

The Bentley Bentayga sets a new standard of opulence for millionaires and billionaires who demand gobs of power, acres of leather, and the ability to tower over plebeians while fording rivers or scaling dunes.

Behind the scenes of Reuben Wu's 'Lux Noctis' photographs made with the Phase One camera and Fiilix's new drone-mounted AL250 LED light.

Faraday Future revealed its luxury electric limousine at CES. The company plans to sell it for as much as a Bentley, but it has more than a few hurdles to overcome to make the transition from stunning concept to real-life road car.

Why whirl a cheap plastic fidget spinner when you could twist with a premium toy made of tough titanium or milled from aerospace grade aluminum?

"The Spy Who Dumped Me" stars Mila Kunis and Justin Theroux answer the internet's most searched questions about themselves. Can Mila Kunis speak Russian? Does Justin Theroux write? Is Mila Kunis a gamer?

Han, Fuxiang, author

Han, Fuxiang, author

Champoux, Joseph E. (Joseph Edward)

Klibansky, Raymond, 1905- author

Hayden Library - PQ2603.O533 A6 2016

Online Resource

Online Resource

Hayden Library - PQ3949.C493 D213 2016

Hayden Library - PQ2665.R67 Z4613 2017

Hayden Library - PQ2625.I2 A2 2017

Hayden Library - GV1469.34.S52 B65 2017

Browsery PQ2625.I2 A2 2018