Nicolas Hoizey (@nhoizey) - Seenthis

Les bonnes pratiques webperf toujours sous la main

2013-05-20T12:45:46Z

Les bonnes pratiques #webperf toujours sous la main
http://gasteroprod.com/blog/les-bonnes-pratiques-webperf-toujours-sous-la-main

La collection « mémento » de chez Eyrolles vient de s'agrandir, avec l'ajout d'un petit nouveau dédié aux performances web, en termes de vitesse. Incontournable ! Et je ne dis pas ça juste parce que j'ai eu l'honneur d'être invité à participer à sa relecture par ses auteurs Armel Fauveau et Lionel Pointet, c'est vraiment un condensé — très complet et didactique tout de même — des principales bonnes pratiques à respecter pour développer des sites performants, et donc plus agréables pour les visiteurs. (...) (...)

#Blog #livre
http://www.eyrolles.com/Informatique/Collection/4143/memento.php
http://www.eyrolles.com/Informatique/Livre/memento-performances-web-9782212136586
https://twitter.com/fauveauarmel
https://twitter.com/lpointet
http://www.clever-age.com/veille/reactions/pagespeed-et-yslow-ne-sont-pas-des-indices-de-performance.html
http://twitter.com/kjoly

Le ver est dans la pomme

2013-05-20T12:18:12Z

Le ver est dans la pomme
http://gasteroprod.com/blog/le-ver-est-dans-la-pomme

Avec quelques amis — essentiellement utilisateurs de MacBook, iPhone et iPad mais pas fanboys aveuglés tout de même — nous avons constaté une lente mais de plus en plus visible dégradation de la légendaire qualité de finition des logiciels fournis par #Apple. Nous avons lancé un Tumblr pour partager simplement ces constats. Voilà le texte de présentation de ce Tumblr : Difficulté à gérer le succès ? La grosse capitalisation boursière ? La perte de Steve Jobs ? Il y a trop de petits signes négatifs (...) (...)

#Blog #fail #blog
http://leverestdanslapomme.tumblr.com
http://leverestdanslapomme.tumblr.com/submit

Lâchez prise !

2013-05-20T12:15:08Z

Lâchez prise !
http://gasteroprod.com/blog/lachez-prise

Le Firefox de mon MacBook Pro HD est configuré avec une taille de texte par défaut de 18px. Sur mon Mac mini branché à la TV de mon salon, c'est 24px. Si votre site m'impose une taille de texte illisible de 11px ou son design est complètement cassé bien que respectant ma préférence de taille de texte, ne comptez pas sur moi pour y rester… J'ai la chance d'avoir un superbe écran sur mon MacBook Pro, un ancien modèle avec une résolution « HD » de 1680x1050 pixels dans 15 pouces de diagonale. C'est très (...)

#Blog #ergonomie #web
►http://romy.tetue.net/stop-arial-11px
https://twitter.com/tetue
http://www.bookeen.com/fr/cybook-odyssey-2013-edition
https://twitter.com/ElieSl
http://blog.temesis.com/post/2009/09/21/lacher-prise
http://userstyles.org
http://userstyles.org/styles/26756/facebook-st-valentin-by-hornetovore-d

Matraquage publicitaire

2013-05-20T10:37:35Z

Matraquage publicitaire
http://gasteroprod.com/blog/matraquage-publicitaire

Je fais parti des dingues qui n'utilisent pas de solution de blocage de pub type Adblock Plus, notamment parce que parfois une pub peut réellement m'intéresser, mais surtout parce que je veux voir ce que le créateur du site a réellement voulu me montrer. Et parfois j'ai envie de pleurer… Je ne suis pas opposé à la pub, je peux comprendre que certains en vivent, soit. Mais je m'attends à un minimum d'intelligence de la part de ceux qui en mettent sur leur site, surtout dans le respect du contenu, (...)

#Blog #publicité
http://adblockplus.org
http://www.cmswire.com/cms/customer-experience/econsultancy-report-how-to-optimize-for-mobile-customer-experience-020960.p

Faut-il généraliser le HTTPS ?

2013-05-20T10:30:17Z

Faut-il généraliser le HTTPS ?
http://gasteroprod.com/blog/faut-il-generaliser-le-https

J'ai vu ces derniers jours un #Blog passer à TLS par défaut, et je me demandais justement s'il n'était pas possible maintenant de le faire sur tous les sites nécessitant un minimum de confidentialité, notamment la plupart des sites e-commerce. Pourquoi voudrait-on le faire ? Déjà, sur tous les sites permettant de s'authentifier, la procédure devrait être systématiquement sécurisée avec TLS, mais ce n'est malheureusement pas toujours le cas. Quand on parle de saisie de données personnelles, (...)

#sécurité
https://n.survol.fr/n/tls-par-defaut
http://blog.mozilla.org/tanvi/2013/04/10/mixed-content-blocking-enabled-in-firefox-23
https://aws.amazon.com/fr/cloudfront/pricing
https://www.varnish-cache.org/docs/trunk/phk/ssl.html
http://christianheilmann.com/2011/12/06/that-javascript-not-available-case

gartner Magic Quadrant for Business Intelligence and Analytics Platforms 2013

2013-05-20T08:01:51Z

#gartner Magic Quadrant for Business Intelligence and Analytics Platforms 2013
http://www.gartner.com/technology/reprints.do?id=1-1DZLPEH&ct=130207&st=sb

Tags : #BI gartner #todo:formation

Introducing Adobe Blank « Typblography

2013-03-31T09:02:30Z

Introducing Adobe Blank « Typblography
http://blogs.adobe.com/typblography/2013/03/introducing-adobe-blank.html

Earlier this year, the Adobe Type Team was approached by one of our other development teams to produce a special-purpose font with two fascinating—at least to me—characteristics:
All Unicode code points are covered.
All code points are rendered using a non-spacing and non-marking glyph.

#typographie #webfonts #@fontface

Boeing 787s to create half a terabyte of data per flight bigdata internetofthings (Nicolas Hoizey)

2013-04-06T17:00:04Z

Boeing 787s to create half a terabyte of data per flight #bigdata #internetofthings (Nicolas Hoizey)
http://www.computerworlduk.com/news/infrastructure/3433595/boeing-787s-create-half-terabyte-of-data-per-flight-says-virgin-atl

Virgin Atlantic is preparing for a significant increase in data as it embraces the internet of things, with a new fleet of highly connected planes each expected to create over half a terabyte of data per flight.
http://cdn1.computerworlduk.com/cmsdata/news/3433595/Virgin_atlantic_plane_thumb230.jpg
Source: Computerworld UK - Matthew Finnegan

#technology_frontiers #cargo_containers #airline_company #boeing_747 #virgin_atlantic #bulman #boeing_787s #director_david #terabyte #computerworld #planes #economist #internet_connection #boeing #explosion #fleet #insight

Blink : Well, err, that solves the webkit monoculture problem…

2013-05-02T15:32:44Z

#Blink: Well, err, that solves the #webkit monoculture problem…
https://plus.google.com/116237864387312784020/posts/d62jMDKXcLb

In short, DON'T PANIC. It sounds like a huge change, but in terms of day-to-day development, the internet will still be the internet. Tags: webkit Blink #Chrome #Opera #Google #navigateur

PlanMetro • a simple Paris subway map for FirefoxOS

2013-05-02T13:55:50Z

PlanMetro • a simple #Paris subway map for FirefoxOS
http://svay.com/projects/PlanMetro

A simple Paris subway map for FirefoxOS Tags: Paris #métro #plan #Firefox_OS #app #webapp

Je me culture avec l'interwebz : pourquoi James Cameron porte-t-il un t-shirt « Papyrus 4 Ever » sur…

2013-04-30T10:56:14Z

Je me culture avec l'interwebz : pourquoi James Cameron porte-t-il un t-shirt « Papyrus 4 Ever » sur le tournage d'Avatar ?
http://www.fastcodesign.com/1665318/the-8-worst-fonts-in-the-world

http://thecreativesideshow.files.wordpress.com/2010/01/jc_shirt.jpg
Avatar cost more to make than any other film in history but it did its best to recoup whatever it spent on 3-D special effects and computer-generated blue people by using the cheapest and least original font it could find: Papyrus, a font available free on every Mac and PC. They did tweak it a little for the posters, but they used the standard version for credits and the subtitling for the Na'vi conversations. (On the website iheartpapyrus.com you'll see an amusing Photoshop of James Cameron briefing star Sam Worthington in a T-shirt proudly asserting “Papyrus 4 Ever!”)

#typographie #merci_arno

Images responsives via un container SVG

2013-05-02T07:21:48Z

Images #responsives via un container #SVG
http://estelle.github.io/clowncar/singlereques.html

Clown Car Technique (1 http request!)
The following has a data URI.

Si le but de seenthis n'est pas de remplacer Twitter et dominer le monde, n'y aurait-il pas moyen…

2012-10-30T11:25:39Z

Si le but de @seenthis n'est pas de remplacer #Twitter et dominer le monde, n'y aurait-il pas moyen de le faire évoluer vers un mode distribué, permettant à tous ceux qui le souhaitent d'héberger leur propre instance, et donc distribué si possible en #opensource ? Une sorte de #status_net mais qu'on aurait plus envie d'utiliser parce que c'est mieux fonctionnellement… #seenthis_souhait

Première version alpha de SeenDroid : client SeenThis pour Android. Il implémente toutes les…

2011-11-30T20:14:54Z

Première version alpha de #SeenDroid : client #SeenThis pour #Android.

Il implémente toutes les fonctionnalités de la #API_SeenThis qui ont été portées à ma connaissance (je remercie au passage @stephane dont le script seenthis-python m'a beaucoup aidé à comprendre l'API). Pour le reste, le squelette est déjà prêt, et si vous voyez un message "Sorry, this feature is not (yet ?) available. Ask SeenThis to implement it to the API.", pensez à flooder @seenthis de demandes, il sera content ⸮ (non, sérieusement, ne le faites pas, il fait déjà un super boulot)
Je pourrais bien sûr parser le code HTML du site, mais je préfère ne pas en venir à ça. Après tout, rien ne presse.

J'ajoute qu'il n'est pas encore utilisable, notamment à cause de l'absence du "Home feed" (ce qui correspond à la page d'accueil du site classique), et que moi-même je continue d'utiliser le navigateur pour aller sur #SeenThis.

J'ai essayé de l'intégrer au mieux à Android (principalement avec les IntentFilter).
Enfin, comme c'est encore une version alpha, je n'ai pas encore traduit en Français, mais j'utilise exclusivement le cadriciel d'internationalisation d'Android, donc ça ne posera aucun problème pour traduire (seulement un fichier XML à créer).

Essayez-le si vous aimez les applications inutiles, je suis ouvert aux remarques et aux « pull requests ».

Paquet binaire : http://ompldr.org/vYmozYw/SeenDroid-0.1-a1.apk
Dépôt du code source : https://github.com/ProgVal/SeenDroid

jQuery Scroll Path

2012-02-09T16:52:56Z

#jQuery #Scroll Path
http://joelb.me/scrollpath

It's a plugin for defining custom scroll paths.

#animation #dynamique #chemin #rotation

Home ❝This is the home of The Original Brickengraver and BrickPrinter, Tommy Armstrong. I…

2012-02-09T13:46:16Z

Home
http://brickprinter.com/default.aspx

This is the home of The Original Brickengraver and BrickPrinter, Tommy Armstrong. I personalize #LEGO ™ bricks, tiles, panels, and minifig torsos, among other things.
Need a really unique name badge—that is pretty much my specialty. One or 100 or 1000. Great for events, clubs, FLL teams, corporate conventions, you name it!

#impression #brique #promotionnel
http://brickprinter.com/images/wedding%20cake%20topper.jpg
http://brickprinter.com/images/ebay%20figs4.jpg

seenthis j'ai trouvé un seenthis_bug, j'ai pu partager mon propre _seen_ :

2012-02-09T13:17:11Z

@seenthis j'ai trouvé un #seenthis_bug, j'ai pu partager mon propre seen : http://seenthis.net/messages/35918

seenthis plus il y a de contenus sur seenthis et plus il devient nécessaire d'avoir des pages pour…

2011-09-28T07:17:28Z

@seenthis plus il y a de contenus sur #seenthis et plus il devient nécessaire d'avoir des pages pour les tags d'un utilisateur, par exemple http://seenthis.net/people/nhoizey/tags/navigateur ... et le flux RSS/Atom qui va avec. Étape suivante, la page multi tags, par exemple http://seenthis.net/people/nhoizey/tags/navigateur+microsoft #seenthis_souhait

Caching and the Google_AJAX_Libraries — statichtml.com

2012-02-09T13:09:25Z

Caching and the #Google_AJAX_Libraries — statichtml.com
http://statichtml.com/2011/google-ajax-libraries-caching.html

using #Google 's #CDN to load #jQuery isn't likely to benefit the majority of your first-time visitors. You're almost certainly better off bundling jQuery up with the rest of your site's JavaScript and making sure you're serving long-lived #cache controlling headers with it.

#webperf

S'il y a un truc qui pourrait me faire quitter Seenthis pour revenir à Diigo, c'est bien la…

2012-02-08T15:33:27Z

S'il y a un truc qui pourrait me faire quitter Seenthis pour revenir à Diigo, c'est bien la composition de tags :
http://www.diigo.com/user/nhoizey/design%20inspiration

Safari sur iPhone redimensionne automatiquent la taille des polices. C'est dans la logique…

2012-02-08T11:52:03Z

Safari sur iPhone redimensionne automatiquent la taille des polices. C'est dans la logique d'améliorer la lisibilité de pages qui n'ont pas été conçues pour petit écran, mais c'est pénible quand on fabrique une maquette destinée explicitement à ces écrans (notamment : responsive web design). D'autant que les changements de taille peuvent souvent sembler peu cohérents.

Du coup, ça peut se désactiver dans les CSS :

-webkit-text-size-adjust: none;

#web_design #iphone #ios #webkit #css #responsive_web_design

February 08, 2012 - Akamai Acquires Blaze

2012-02-08T14:22:56Z

February 08, 2012 - Akamai Acquires Blaze
http://www.akamai.com/html/about/press/releases/2012/press_020812.html

#Akamai Technologies, Inc. (NASDAQ: AKAM) announced today that it has acquired #Blaze Software Inc., a provider of frontend optimization (#FEO) technology, in a cash transaction. The acquisition is expected to complement Akamai's market-leading site acceleration solutions with technology designed to optimize the #speed at which a web page is rendered, regardless of end user device.

#webperf

mitmproxy - home

2012-02-08T09:40:46Z

mitmproxy - home
http://mitmproxy.org/index.html

mitmproxy is an SSL-capable #man-in-the-middle #HTTP #proxy. It provides a #console interface that allows #traffic flows to be inspected and edited on the fly.
mitmdump is the command-line version of mitmproxy, with the same functionality but without the frills. Think tcpdump for HTTP.
– Intercept and modify HTTP traffic on the fly
– Save HTTP conversations for later replay and analysis
– Replay both HTTP clients and servers
– Make scripted changes to HTTP traffic using Python
– #SSL interception certs generated on the fly

#sécurité

mitmproxy - Setting highscores on Apple's GameCenter

2012-02-08T09:38:46Z

mitmproxy - Setting highscores on Apple's GameCenter
http://mitmproxy.org/doc/tutorials/gamecenter.html

In this #tutorial, I'm going to show you how simple it is to creatively interfere with #Apple #Game_Center traffic using #mitmproxy .

#ssl #proxy #hack #score

Recherche Google : _the answer to life, the universe and everything_

2012-02-05T12:48:01Z

Recherche Google : the answer to life, the universe and everything
http://www.google.com/search?q=the+answer+to+life,+the+universe+and+everything