Sur la porte des WC, des panneaux qui font mauvais genre Selon la blogueuse canadienne Marissa, la façon dont sont séparés femmes et hommes aux toilettes trahit notre perception des sexes. Exemple de panneau homme/femme à l’entrée de toilettes (DR) Rien de plus banal que les sigles indiquant où se trouvent les toilettes pour hommes et celles pour les femmes : on tombe dessus presque à chaque fois qu’on se rend dans un lieu public. Pour beaucoup de gens, la séparation hommes/femmes et les dessins utilisés pour les distinguer semblent anodins et nécessaires. Les transsexuels savent que ce n’est pas le cas, et qu’il peut y avoir des débats compliqués pour savoir qui a le droit l’un ou l’autre côté des toilettes [le problème s’est posé par exemple au parlement italien pour la députée transsexuelle Vladimir Luxuria, ndlr]. Quand on se penche sur le sujet, on découvre que la séparation des toilettes publiques est en fait l’une des façons les plus courantes de renforcer la dualité homme/femme. L’humain, c’est le mâle, la femme n’est qu’une variante
Inversion of Control Containers and the Dependency Injection pattern In the Java community there's been a rush of lightweight containers that help to assemble components from different projects into a cohesive application. Underlying these containers is a common pattern to how they perform the wiring, a concept they refer under the very generic name of "Inversion of Control". In this article I dig into how this pattern works, under the more specific name of "Dependency Injection", and contrast it with the Service Locator alternative. The choice between them is less important than the principle of separating configuration from use. One of the entertaining things about the enterprise Java world is the huge amount of activity in building alternatives to the mainstream J2EE technologies, much of it happening in open source. Underlying these containers are a number of interesting design principles, things that go beyond both these specific containers and indeed the Java platform. Components and Services A Naive Example class MovieLister... Inversion of Control
Lorem Ipsum - All the facts - Lipsum generator JSPatterns.com Introduction to hCard, Part two: Styling hCards - Opera Developer Community Introduction In the first part of this tutorial, I showed you the basics of the hCard microformat — what it is, how you implement on in HTML, and what tools are available to extract tem form web pages. Now that we know how to create hCards, let’s go through a couple of examples that demonstrate how we might style hCards with CSS to make them fit into the visual design of a web page. Download the full code for the examples in this article. Our first example — styling an existing hCard For our first example, let’s work on the contact card created in the first part of the article, making it a bit more visually appealing with some CSS. <div class="vcard"><div class="fn">Tripper, Jack</div><div class="n">Jack Tripper</div><div class="org">Jack’s Bistro</div><div class="adr"><div class="street-address">834 Ocean Vista Ave. The default rendering of the contact information is shown in Figure 1. This contact card is, at best functional, but uninspiring. Check out the first example running live.
3 ways to define a JavaScript class / Stoyan's phpied.com Introduction JavaScript is a very flexible object-oriented language when it comes to syntax. In this article you can find three ways of defining and instantiating an object. Even if you have already picked your favorite way of doing it, it helps to know some alternatives in order to read other people's code. It's important to note that there are no classes in JavaScript. Functions can be used to somewhat simulate classes, but in general JavaScript is a class-less language. 1. This is probably one of the most common ways. function Apple (type) { this.type = type; this.color = "red"; this.getInfo = getAppleInfo; } function getAppleInfo() { return this.color + ' ' + this.type + ' apple'; } To instantiate an object using the Apple constructor function, set some properties and call methods you can do the following: var apple = new Apple('macintosh'); apple.color = "reddish"; alert(apple.getInfo()); 1.1. 1.2. Again, you can use the new objects exactly the same way as in 1. and 1.1. 2. 3. Summary
How to size text using ems Text for the screen is sized with CSS in terms of pixels, ems or keywords. As most of us know, sizing with pixels is easy: get your selector and give it a font-size – no more thought required. Sizing with keywords is more complicated and requires a few workarounds, but you’re in luck as the techniques are well documented. Why ems? If the world were an ideal place, we’d all use pixels. Keyword-based text sizing will allow all browsers to resize text so this is a possibility, but I don’t find it gives me the precision that pixels would give me. Get on with it OK let’s dive into ems. This takes 16px down to 10px, which apart from being less huge is a nice round number. So this would give us a document where text in the navigation and side bar is displayed at 10px, the main content is 12px and the footer is 9px. A similar job needs to be done on forms and tables to force form controls and table cells to inherit the correct size (mainly to cater for IE/Win): 16 x 0.625 = 10 And so it goes on.
Inversion of Control Containers and the Dependency Injection pattern In the Java community there's been a rush of lightweight containers that help to assemble components from different projects into a cohesive application. Underlying these containers is a common pattern to how they perform the wiring, a concept they refer under the very generic name of "Inversion of Control". In this article I dig into how this pattern works, under the more specific name of "Dependency Injection", and contrast it with the Service Locator alternative. The choice between them is less important than the principle of separating configuration from use. One of the entertaining things about the enterprise Java world is the huge amount of activity in building alternatives to the mainstream J2EE technologies, much of it happening in open source. Underlying these containers are a number of interesting design principles, things that go beyond both these specific containers and indeed the Java platform. Components and Services A Naive Example class MovieLister... Inversion of Control
Handy Tips for Creating a Print CSS Stylesheet Print stylesheets often come as a secondary thought on many websites, after all, who prints a webpage anyway?! Despite their slightly infrequent use, a print stylesheet can really help polish the printed document for when it is used. It doesn’t take too long to create, so let’s take a look at some handy tips that you can put into practice on your own site. For this example, we’ll be going through the process of building the print stylesheet for Line25. Being a design blog there’s plenty of articles that users might want to print to refer to; for instance a user might want to print a tutorial to save switching applications; print an article for a meeting; or simply rest their eyeballs from the computer screen and read in bed. Adding some Fancy Styling With a bunch of objects removed the print styling is taking shape, and has dramatically reduced the number of pages in use, which all helps save the world. Display Link Destinations Split Comments Onto a Separate Page The Final Stylesheet
7 Key Principles That Make A Web Design Look Good « Noupe Oct 15 2009 By Juul Coolen Everyone and their grandfather (and dog) seems to have a website these days. “Fortunately” for us designers, not everyone seems to understand what makes or breaks a Web design. So what makes something pretty? These elements are the 7 key principles that make a Web design look good: Balance,Grid,Color,Graphics,Typography,White space,Connection. 1. Balance is all about ensuring that your design does not tip to one side or the other. Example Look at the dog in the header graphic of Khoi Vinh’s Subtraction website below. This is what we call asymmetrical balance, and this is what balance is about. Here below is another example of symmetrical balance, this one by The First Twenty. You will find that every design you think looks good has a well-constructed balance underlying it. 2. The concept of grids is closely related to that of balance. The grid lends itself particularly well to minimalist designs. 5 Thirty One by Derek Punsalan shows why: 3. 4. 5. Font Stacks 6. 7.
Writing an Interface Style Guide Take a look at any CSS-based website design gallery, and you’ll see it’s obvious that beautiful interfaces are being designed and developed in amazing quantities. I frequently look to these sites for inspiration and, beyond a nice design and beautiful code, there’s usually something common about these sites: they’re new. Unfortunately, it’s also common that beautiful interfaces don’t stay beautiful. An interface’s design disintegration can be frustrating to deal with, especially for the designer and developer of that interface; it can be particularly frustrating for the designer and developer who can no longer access the site to fix the issues. If you have ever designed a beautiful interface only to find it ugly five months later because gaudy graphics, unpleasant colors, and distasteful fonts appeared over time, then you understand how maddening design disintegration can be. Design and brand standards#section1 Interface design standards enable brand stewardship. Typography#section3