Goodbye Microservices: From 100s of problem children to 1 superstar
▻https://segment.com/blog/goodbye-microservices
« When deciding between microservices or a monolith, there are different factors to consider with each. In some parts of our infrastructure, microservices work well but our server-side destinations were a perfect example of how this popular trend can actually hurt productivity and performance. It turns out, the solution for us was a monolith. »
Musings on HTTP/2 and Bundling
▻https://css-tricks.com/musings-on-http2-and-bundling
“If you move your HTTP/1-optimized site to an HTTP/2 host and change nothing in your client-side architecture, it’s not going to be a big deal.”
How long will you wait for a shopping website to load?
▻http://www.bbc.com/news/business-37100091
“Australian retail websites have seen average load times increase from 5.4 seconds in 2015 to 8.2 seconds in 2016, says the tech firm - a debilitating time-lag for impatient shoppers.”
Introducing Astrum, a lightweight pattern library for any web project
▻https://medium.com/no-divide/introducing-astrum-19d89584eb30
#clevermarks_tool_style_guide
Hong Kong has probably lost #HSBC’s headquarters for good—and Beijing is to blame - Quartz
▻http://qz.com/616791/hong-kong-has-probably-lost-hsbcs-headquarters-for-good-and-beijing-is-to-blame
HSBC just wrapped up its latest review of where the bank should be located, and despite the fact that some analysts estimated moving to Hong Kong could save the bank $14 billion, and Asia contributes most of the bank’s profits, HSBC will stay in Lon… Tags: #banque HSBC #HongKong #Londres #clevermarks
It’s here: #Quartz’s first news app for #iPhone - Quartz
▻http://qz.com/613700/its-here-quartzs-first-news-app-for-iphone
The app, exclusive to iPhone, is a whole new way to experience Quartz. We put aside existing notions about news apps and imagined what our journalism would be if it lived natively on your iPhone. It wouldn’t be a facsimile of our website. It would b… Tags: iPhone #application Quartz #UX #design #clevermarks
La technique des « Fab Four » pour créer des e‑mails responsive sans media queries – L’intégration d’e-mails
▻http://emails.hteumeuleu.fr/2016/02/fab-four-emails-responsive-sans-media-queries
"Je pense avoir trouvé une nouvelle façon de créer des e‑mails responsive, sans media queries. La solution implique la fonction CSS calc(), et les trois propriétés width, min-width ou max-width. Ou comme je me plais à les appeler une fois toutes réu… Tags : #email #RWD #clevermarks
Mais du coup, la question : finalement ça peut s’utiliser dans un site normal aussi cette technique : ça fait un peu comme une Element Query, mais qui n’aurait qu’un seul breakpoint possible, non ? Du coup pour les cas où ça suffit d’avoir juste deux versions (petit/grand écran), alors on peut utiliser cette technique à la place de certaines media queries ! (Et c’est possiblement mieux puisque ça utilise la taille de l’élément parent, pas du périphérique complet : element query quoi.)
@fil ça se base sur la priorité des valeurs entre width, min-width et max-width. Suivant lequel est le plus grand ou plus petit, ce n’est pas le même qui va être réellement appliqué. Ça calcule une valeur de width qui est volontairement énorme mais soit positive (genre 38400) soit négative (-9600), du coup ce n’est jamais width qui est appliqué mais forcément soit min-width, soit max-width.
Mais sinon tu peux juste te contenter de l’appliquer, ça marche ! :D
Ça te permet de créer deux versions de taille (seulement deux, contrairement aux media queries où tu peux définir autant de variantes que tu veux) pour des blocs, mais suivant la taille du parent, et non pas suivant la taille du périphérique complet ! Donc c’est beaucoup plus précis (et ça marche en email du coup).
Sinon les « element queries » sont une des propositions d’amélioration de CSS en pourparlers par le groupe de travail Responsive :
▻http://ricg.io
Why do Chinese websites look so busy ? | Econsultancy
▻https://econsultancy.com/blog/67466-why-do-chinese-websites-look-so-busy
Anyone who has worked with a Chinese company or had to run a campaign in China knows that their #design sense is different. Tags: #site #Web #Chine #UX design #clevermarks
#Burberry Aligns Runway and Retail Calendar in Game-Changing Shift | News & Analysis | BoF
▻http://www.businessoffashion.com/articles/news-analysis/burberry-aligns-runway-and-retail-calendar-in-game-changing-shift
Burberry’s new strategy addresses a long-standing problem with the traditional #fashion calendar, a legacy of a pre-Internet era in which fashion shows were conceived as closed industry events for press and wholesale buyers to preview collections mon… Tags: #mode Burberry #stratégie #collection défilé #vente #calendrier #clevermarks fashion
» The Power of Responsive #design Sprints Cloud Four Blog
▻http://blog.cloudfour.com/the-power-of-responsive-design-sprints
We’ve found that #agile design is ideally suited for designing responsive patterns. It allows us to focus on small pieces of a design and iterate on them quickly. Tags: design #RWD agile #clevermarks
Making A Service Worker : A Case Study – Smashing Magazine
▻https://www.smashingmagazine.com/2016/02/making-a-service-worker
There are cookbooks and blog posts, code snippets and tools. But I find that when I want to learn a new web concept thoroughly, rolling up my proverbial sleeves, diving in and building something from scratch is often ideal. Tags: #ServiceWorker #offline #webperf #clevermarks
Everything you ever wanted to know about unfurling but were afraid to ask /or/ How to make your… — #Slack Platform Blog — Medium
▻https://medium.com/slack-developer-blog/everything-you-ever-wanted-to-know-about-unfurling-but-were-afraid-to-ask-or
Those handy little previews you see when you paste a link into a Slack message are what we refer to as unfurling internally at Slack (and also in Slack’s API documentation). While it may sound like a made up bit of tech jargon, it’s an actual word t… Tags: Slack #preview #opengraph #TwitterCards #meta #clevermarks
#CloudFlare’s Impact On The HTTP/2 “Universe”
▻https://blog.cloudflare.com/cloudflares-impact-on-the-http-2-universe
The great news: the HTTP/2 traffic ratio has indeed more than doubled on www.cloudflare.com since we rolled out HTTP/2. Tags: #HTTP2 CloudFlare #clevermarks
» Case Study : Our #SVG Icon Process Cloud Four Blog
▻http://blog.cloudfour.com/our-svg-icon-process
SVG’s versatility empowers us to craft the most appropriate solution for our audience and use-case. So as much as I’d like to, I can’t say exactly how you should implement SVG icons in your next project. There’s no substitution for research and tryi… Tags: #processus #picto #grunt #gulp SVG #clevermarks
En lien avec, puisque ce sont les mêmes :
►http://seenthis.net/messages/433569
Mais je persiste : je ne trouve pas ça bien d’avoir à insérer des images (SVG ou pas peu importe) de décoration, dans le HTML. Pour moi c’est typiquement un truc uniquement propre au thème graphique du moment, et qui doit pouvoir être changé juste en changeant les choix graphiques, sans toucher aux templates.
@rastapopoulos si tu les gères à l’extérieur et que c’est juste ton processus de packaging/déploiement qui les met dans le HTML, ça ne te suffit pas ? ;-)
oui ça c’est encore autre chose… avec un post-processeur ?
Du coup qu’appelles-tu les gérer à l’extérieur ? Dans ton HTML tu as par exemple des classes CSS classiques, par exemple class="bouton precedent", et ensuite comme tu dis que sur cet élément tu veux le décorer avec un pictogramme SVG ?
Oui, par exemple, et du coup une tâche (npm, Grunt, Gulp, whatever) prend le HTML, injecte le sprite SVG au début, puis des <use> aux bons endroits.
Oui, je comprends bien le principe du post-processing, ya pas de problèmes… mais ma question c’était plus, comme tu gères concrètement le fait de dire que tu veux tel pictogramme de décoration devant le texte de tel bouton ayant telle classe ? Où et comment tu décris ça ? C’est un peu une réinvention du CSS quoi ?… :D
Ah mais on ne s’est pas compris, comme eux je dis que "because our icons represent or reinforce content, they should exist in markup", donc ce n’est pas (complètement) de la décoration, donc pas du ressort de CSS.
Si tu regardes le source de ►http://play.esviji.com tu verras au tout début du <body> un sprite SVG qui contient des boutons que j’utilise après dans l’interface. Pour l’instant le sprite est en dur dans le HTML initial, mais j’ai prévu de l’externaliser dans les sources, pour qu’il ne soit inclus qu’à la « compilation ».
Ah oui mais moi je dis clairement l’inverse, que « une flèche vers la gauche », c’est une décoration pour un bouton « précédent ».
Une loupe c’est une décoration pour un bouton « rechercher ».
Etc etc. Donc ce n’est pas du tout du contenu (pour moi).
(Et une icône toute seule sans aucun label, c’est quasiment à coup sûr très mal.)
Après si le post-proc sert « juste » à dire qu’on transforme le span class « icone loupe » en lui assignant un SVG de loupe, évidemment là le truc est déjà dans les balises. Bon au moins ça permet de changer l’icône si le thème graphique change, sans toucher aux balises.
Mais pour moi c’est le fait même de dire d’aller chercher une icône de « flèche vers la droite » qui ne fait pas partie du contenu (et qui peut très bien changer).
Je comprends ta réticence de puriste, on pourrait continuer sans fin… ;-)
Une icône toute seule sans aucun label, c’est parfois nécessaire, et avec le SVG inline, ça peut être complètement accessible.
Hihi oui je sais. :D
Pour l’accessibilité, oui et non : pour moi l’accessibilité ce n’est pas QUE une histoire de lecteur d’écran (et là oui on peut lui faire lire un label, etc). Même si t’as des yeux, une icône toute seule, il y a un grand nombre de cas où le sens n’est potentiellement pas immédiat à beaucoup trop de monde, car il n’y a pas de standard. Ça fait trop d’apprentissage, trop lent, et donc ce n’est bon ni pour les gens qui ont un handicap de compréhension (il y a des handicaps cognitifs), ni pour l’optimisation des « conversions » dans un contexte marketing.
Les tests A/B sur hamburger seul VS mot « menu » le montrent assez bien. Et « Try Icon Labels instead of opening for interpretation. »
▻http://goodui.org/index.html#47
Je connais bien le problème du hamburger comme seule représentation du menu, effectivement. Nous sommes d’accord que c’est de l’accessibilité au sens cognitif, mais donc plus largement de l’UX pour tout le monde.
Mais imagine mettre des labels sur tous les boutons d’un WYSIWYG par exemple… :-p
Domain Name System Explained
▻https://webhostinggeeks.com/guides/dns
Have you ever wondered how the #Internet really works? Many people think about what goes on behind the screen when doing something as basic as surfing through Google. In fact, the Internet heavily relies on the #DNS, a database of network names and IP… Tags: DNS #réseau Internet #explication #clevermarks
Github for Writers - Made By Loren
▻http://www.madebyloren.com/github-for-writers
I’m building #Penflip, a collaborative writing platform. It’s similar to GitHub, but designed for writing instead of coding. Tags: #Markdown #livre #collaboratif Penflip #clevermarks
Bah déjà dans un premier temps, ya le bug que là ça ne repère pas le même URL avec ou sans « www » (et aussi entre HTTP et HTTPS), et que donc pendant que tu ajoutes ton seen, tu ne vois pas que ça existe déjà (quand c’est vraiment vraiment le même URL, Seenthis te le montre, trop discrètement à mon goût, mais ça te le montre).
Après, quand j’ai un truc en tête (par exemple ici « Penflip »), assez souvent je cherche avant pour savoir si on en a déjà parlé avec la recherche libre, même quand je n’ai pas souvenir de l’avoir vu passé (ce qui arrive souvent quand même) :
▻http://seenthis.net/recherche?recherche=penflip
C’est une étape « un peu » plus compliquée, que d’analyser ce qu’on est en train de taper, et d’arriver à afficher, au-delà de juste la comparaison d’URL, ce qui semble être sur le même sujet (mais je sais que ça se fait, ça existe, c’est juste plus compliqué…).
@rastapopoulos mes seens viennent en fait tous (ou presque) de mes bookmarks Pinboard, donc cette étape n’est pas jouable pour moi
Je vois plutôt de l’aide à la détection :
Sur les doublons, faire un bot qui met en commentaire « on en parle ici aussi url-seenthis » sur les urls redondantes
Peut être afficher les derniers seen (ou du jour) avec les même mots clefs qq part pour facilement voir si l’actu a déjà été traitée même avec une url différente ?
#PhoneGap Day US 2016 Resources : Devgirl’s Weblog
▻http://devgirl.org/2016/02/01/phonegap-day-us-2016-resources
A variety of workshops from members of the PhoneGap team, the community and sponsors. Lots of material covered. Tags: PhoneGap #formation #tutoriel #exemple #mobile #clevermarks
#ServiceWorker Cookbook
▻https://serviceworke.rs/index.html
The Service Worker Cookbook is a collection of working, practical examples of using service workers in modern web apps. Tags: ServiceWorker #tutoriel #offline #webperf #exemple #clevermarks
Better By #proxy at Velocity NY 2015 // Speaker Deck
▻https://speakerdeck.com/tkadlec/better-by-proxy-at-velocity-ny-2015
Proxy browsers get a bad rep. “They’re antiques.” “They behave in weird ways.” “They’re crappy browsers.” But a deeper understanding of what they accomplish, and what they do behind the scenes, reveals that they’re actually quite ingenious. And far … Tags: proxy #navigateur #webperf #clevermarks
The fight for a third-best smartphone OS has been lost. By everyone. | Ars Technica
▻http://arstechnica.com/gadgets/2016/02/the-fight-for-a-third-best-smartphone-os-has-been-lost-by-everyone
With #Windows #mobile fading, there’s essentially no hope that any third-party operating system will ever gain the critical mass of users it would need to compete with #iOS or #Android. The writing is on the wall for #Blackberry 10. The Fire Phone was a … Tags: iOS Android mobile marché #FirefoxOS Blackberry Windows #clevermarks
Romain Pouclet
▻http://romain-pouclet.com/shipping-rewatch-1-0
playing with #Fastlane for this website using boarding, as well as “gym”, “snapshot”, “match” and “deliver” to ship screenshots, metadata and binary to iTunesConnect. I would recommend [these] tools in a heartbeat to anyone who is serious about mobil… Tags: Fastlane #iOS #build #clevermarks #mobile #dev
The High Price of Free · An A List Apart Article
▻http://alistapart.com/article/the-high-price-of-free
The ability to give time, energy and professional skills free of charge is a privilege. It is a privilege that not everyone has to begin with, but that we can also lose as our responsibilities increase or as we start to lose the youthful ability to … Tags: #temps #gratuit #opensource communauté #vie #clevermarks #âge
#feature Toggles
▻http://martinfowler.com/articles/feature-toggles.html
Feature toggles are a powerful technique, allowing teams to modify system behavior without changing code. They fall into various usage categories, and it’s important to take that categorization into account when implementing and managing toggles. To… Tags: feature #toggle #clevermarks #activation fonctionnalité
Pourquoi Next INpact arrête la publicité classique et passe au #HTTPS pour tous
▻http://m.nextinpact.com/news/97835-pourquoi-next-inpact-arrete-publicite-classique-et-passe-au-http
alors que toute une partie du marché pense que l’avenir de la publicité est dans la vidéo (même dans du contenu texte), dans le mélange des genres entre le contenu et le sponsoring des marques, et que le display est mort, nous misons sur le contraire Tags : #clevermarks #tracking HTTPS #presse publicité #financement
While ’open’ #Guardian faces financial meltdown, paywalled Times is breaking even | Press Gazette
▻http://www.pressgazette.co.uk/content/why-financial-meltdown-guardian-could-signal-victory-19th-century-pa
"In 2014, then Guardian editor Alan Rusbridger described The Times #paywall as a “19th century business model”, saying The Guardian’s “open” online system was “light years” better. But he said it was still difficult to say which system worked better … Tags: #presse Guardian #modèle #revenu paywall #clevermarks
