Quelques bonnes lectures pour la fin de semaine
Today’s newspaper — no longer tomorrow’s fish wrap
http://www.inma.org/blogs/value-content/post.cfm/today-s-newspaper-no-longer-tomorrow-s-fish-wrap#ixzz2CnE77EfT
It is time to stop defining and measuring media by outdated media monikers; we need to understand consumer behaviour and how content is used. Our audiences have moved on, they come to content because it engages them; they no longer care how it is delivered or what it is called.
Un plan numérique pour le Québec | Nous sommes les étonnés
http://plannumeriquequebec.org/
(Michelle Blanc)
« Je suis étonnée que le tourisme ait un ministère, des fonctionnaires et un budget alors qu’il rapporte $10 milliards de revenus pour le Québec comparativement aux TI qui elles en rapportent $25 milliards dont 30% sont exportés aux É-U, sans aucune planification. Quel est notre plan pour empocher une portion du $4,2 billions de croissances économiques du numérique dans les pays du G20 qui est prévu d’ici 2016? »
Google+ a la cote chez les spécialistes du référencement – blogues | LesAffaires.com
http://www.lesaffaires.com/blogues/julien-brault/google-a-la-cote-chez-les-specialistes-du-referencement/551606
Lorsqu’un article est identifié à un auteur via son profil sur Google+, par exemple, il suffirait de quelques minutes pour qu’il soit référencé par Google. Bernard Prince, spécialiste du référencement chez Pour les PME, a donné l’exemple d’une nouvelle page référencée à peine 4 minutes après sa création. L’autre avantage d’attribuer des articles à un auteur, en utilisant les balises appropriées, est l’apparition de la photo de ce dernier dans les résultats de recherche.
What Steve Jobs’ Yacht Tells Us About His Design Process
http://www.cultofmac.com/201936/what-steve-jobs-yacht-tells-us-about-his-design-process/
Steve approached designing the yacht the same way he approached designing Apple products – stripping an object down to its essential elements. If you don’t need an optical drive, throw it out. If you don’t need extra pillows on your yacht, throw them overboard.
However, switching from an old-style, yet efficient layout based on a sidebar and tabs to a full-screen vertical panel UI poses a series of challenges that Evernote hasn’t solved in this first release. In terms of performance, panels are slow: bringing a different view in the foreground takes more animation time than tapping on a section in a sidebar, and the animations often lag and “freeze” on the iPad. I have triggered Notification Center several times when trying to swipe away a panel to switch sections. Most of all, I’m not exactly sure what’s the reason behind the panel approach. It looks good, but is it useful? It’s slow performance-wise, and it’s not better in terms of information density either: because panels are stacked, only a portion of the notes area is visible (unless a section is selected) so you’ll only see 2-4 notes in All Notes both with List and Cards view. On the iPad, Cards view is the only possible view, although it seems like the Evernote team is already considering alternatives.
How to Create Retina Graphics for your Web Designs
http://line25.com/tutorials/how-to-create-retina-graphics-for-your-web-designs
Once you’ve created and exported copies of all your standard images at double the size, you can begin adding them to your website using various methods. A quick note about file naming, the standard is to save your retina images directly into your usual images folder with the same filename, but with the addition of @2x on the end. So snarf.jpg would become snarf@2x.jpg.
The easy Javascript way
<script src="js/retina.js"></script>
The absolute easiest way to put your collection of retina images to use is to link up the retina.js script. Retina.js checks for@2x images in your images directory and automatically swaps them out for you.
The manual CSS way
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { header h1 a { background-image: url(images/blogspoon-logo@2x.png); background-size: 164px 148px; } }
Alternatively, you could add your retina graphics manually to keep all your page styling within your CSS files. A media query containing min-device-pixel-ratio: 2 will target devices with 2x pixel density. Following this you replace each element’s background image with your @2x variant, but don’t forget to scale it back to the original image size using the background-sizeproperty.
The HTML way for inline images
<img src="images/snarf@2x.jpg" width="300px" height="150px" />
The CSS method is great for background images, but for inline images in your HTML you’ll have to modify the ![image]()
tag. Simply add the @2x image to the source attribute, then use width and height to scale it to the original dimensions.