Elasticsearch Cheat Sheet for developers
All the API endpoints and pro-tips you always forgot about in one place! Built by developers for developers. Hosted on GitHub, contributions welcome.
Elasticsearch  tips  clevermarks 
4 days ago
Web NFC reaches a key milestone | Web NFC Community Group
Today, I’m thrilled to announce the group has reached the point at which it feels the Web NFC specification (explainer) and its Chromium implementation are ready for broader ecosystem feedback. You should see Web NFC pop up in Chrome’s Active Trials in January 2020, and if you just can’t wait, you can try Web NFC already today using Chrome Canary on Android by toggling the “enable-webnfc” flag.
WebNFC  NFC  Web  API  Chrome  standard  clevermarks 
4 weeks ago
The Origin Story of Container Queries
"Container Queries are an often requested feature of the web platform. It has become almost cliché to mention it when talking about problems we’d like the web platform to solve. Container Queries would go a long way toward helping web developers do their jobs better and its omission is a huge limitation when developing component-based code for the web."
ContainerQueries  CSS  RWD  clevermarks 
5 weeks ago
Application mobile vs Site Mobile : quelle(s) différence(s) dans l'expérience utilisateur ? | Le blog de Ferpection
"Par conséquent, dans le cas d’un simple parcours d’achat classique, on peut en déduire que les sites mobiles permettent d’en faire autant que les applications, sans nécessiter d’installation ! Alors, dans ce contexte de réduction de la valeur ajoutée des applications par rapport à l’utilisation d’un navigateur, quelles applications ont encore une place sur nos smartphones ?"
app  mobile  Web  site  PWA  vs  clevermarks 
6 weeks ago
CMS chapter in The Web Almanac
"In this chapter, we seek to scratch the surface area of the vast CMS space, trying to shed a beam of light on our collective understanding of the status quo of CMS ecosystems, and the role they play in shaping users' perception of how content can be consumed and experienced on the web."
CMS  clevermarks 
6 weeks ago
Consistent attribute syntax CommonMark Extension
Eventually, the spec should specify a consistent way to add attributes to at least the following elements: headers, images, code blocks (and maybe even tables, block quotes and inline code and quotes). The most important attributes are certainly id (to enable links to those elements) and class (for styling) which might have shortcuts like #myId and .myClass but other attributes (like width and height for images) are useful as well.
Markdown  attributes  CommonMark  extension  syntax  clevermarks 
6 weeks ago
Transcending CSS Revisited by Andy Clarke
In this groundbreaking book, you’ll discover how to implement highly original designs through visual demonstrations of the creative possibilities using markup and CSS. You’ll learn to use a new design workflow, build prototypes that work well for designers and all team members, use grids effectively, visualize markup, and discover every phase of the transcendent design process, from working with the latest browsers to incorporating CSS3 to collaborating with team members effectively, and much more.
CSS  layout  design  clevermarks 
6 weeks ago
Synchronising Directories with Unison
Unison is free and available as a GUI app for different platforms or as a command line tool
folder  sync  opensource 
6 weeks ago
Google Confirms Android Camera Security Threat: ‘Hundreds Of Millions’ Of Users Affected
“My jaw dropped when I read this report about just how vulnerable the camera app was,” Thornton-Trump says, “it did not sound like a vulnerability, it sounded more like an Advanced Persistent Threat (APT) actor with fully-featured spyware.”
Android  security  camera  clevermarks 
8 weeks ago
Introducing Performance Edge: Making Web Experiments Run Blazingly Fast
One challenge with running a lot of experiments is that it can begin to impact site performance. Because we know how critical performance and experimentation are to helping you improve your customer experience, We’ve been on a mission to make Optimizely run faster on your site. We’ve made a number of improvements and provided more options for maximizing your performance.
webperf  AB_testing  Optimizely  clevermarks  edge  cdn 
8 weeks ago
How to Correctly Setup Your SEO for Different Language and Countries
in order to take advantage of the huge international and multilingual market, you need to make sure you’re using a few best practices.
SEO  i18n  language  country  cctld  tld  site  domain  clevermarks 
9 weeks ago
How Discord achieves native iOS performance with React Native
Although there are real pain points and challenges to using React Native, the overall gains significantly outweigh the costs which motivates us to keep investing in the platform.
clevermarks  ReactNative  iOS  native  performance  Mobile  optimization 
10 weeks ago
Get More from Your Media with New Magento Extension
"Cloudinary, long a popular Magento extension, just released a new version with the following powerful features: A complete digital-asset-management solution (available directly from the Magento UI), More extensive support for video in Magento 2, A richer, more flexible Product Gallery"
Magento  Cloudinary  image  RWD  WebPerf  e-commerce  clevermarks 
12 weeks ago
It’s not wrong that "🤦🏼‍♂️".length == 7
From time to time, someone shows that in JavaScript the .length of a string containing an emoji results in a number greater than 1 (typically 2) and then proceeds to the conclusion that haha JavaScript is so broken—and is rewarded with many likes. In this post, I will try to convince you that ridiculing JavaScript for this is less insightful than it first appears and that Swift’s approach to string length isn’t unambiguously the best one. Python 3’s approach is unambiguously the worst one, though.
emoji  string  length  clevermarks 
october 2019
Don’t normalize ‘Make America Great Again’
Using the MAGA statement only seeks to normalize the Trump presidency. Every single week, Trump does something insane, yet it’s kind of expected. At this point the thing only that would surprise me is if the House of Representatives decides to impeach Trump. Seeing everything Trump all over the place has started to normalize us to his actions, no matter how crazy they are.
MAGA  Trump  slogan 
october 2019
Flutter: the good, the bad and the ugly - The ASOS Tech Blog - Medium
To summarise: there’s lots of potential, it’s very easy to get started and actually create something real, and there are many good principles and ideas. However the community is still small and bits and pieces are missing in terms of cross-platform plugins, or there is not much choice in the best case. Also, you must be OK with the fact that you won’t have a 100 per cent native-looking UI, and that if you want to at least be as close as possible for both iOS and Android, your code and structure will get more complex.
Flutter  mobile  native  clevermarks 
october 2019
Trix: A rich text editor for everyday writing
Compose beautifully formatted text in your web application. Trix is an editor for writing messages, comments, articles, and lists—the simple documents most web apps are made of. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML.
editor  WYSIWYG  JavaScript  rich  clevermarks  opensource 
october 2019
The Importance Of Manual Accessibility Testing
Automated accessibility tests are a great resource to have, but they can’t automatically make your site accessible. Use them as one step of a larger testing process.
accessibility  clevermarks 
october 2019
Why I'm Digging Eleventy
"While there is a huge amount of customization and power behind Eleventy, it is also incredibly easy to get started with. You can take one markdown file, run the CLI, and get an HTML file out. If you aren’t worried about layouts or other features, you can take source files and immediately generate HTML output."
Eleventy  SSG  static  JAMStack  clevermarks 
october 2019
Caret - Markdown Editor for Mac / Windows / Linux
Caret is a Markdown editor for Mac, Windows and Linux.
It stands out with its clean interface, productivity features and obsessive attention to detail.
Markdown  editor  software  macOS  Linux  Windows 
october 2019
The Ultimate Guide to Not F#!@ing Up Push Notifications
"For the sake of ** sick ** growth hacking, we got greedy. Website owners now see push notifications as yet another way to force content down user’s throat, to increase page views and profit, to sell more “Gummistiefeln” shoes in the process (this will be explained later in the article). Don’t get me wrong, there’s nothing wrong with making money. But not at the expense of user’s experience.

Many websites now ask permission for push notifications (and geolocation) directly on page load on first visit. And THAT’S the issue. Those sites are both greedy and lazy. Most users don’t not know about this particular site, the content, the value. Yet those sites want access to their notifications. They want their attention span and the authorisation to distract them, right here, right know. They don’t give users time to understand the value of their content. Of course, users are fed up with that."
push  notification  UX  clevermarks 
october 2019
Change Incorporated | Clearleft case study
"Compared to more traditional approaches, we found that JAMstack offered faster site performance, improved security, more cost-effective hosting, a quicker and more focused developer experience, and more practical scalability."
JAMstack  SSG  GraphQL  headless  CMS  Gatsby  Contenful  clevermarks 
august 2019
Don't ask if a monorepo is good for you – ask if you're good enough for a monorepo
"Monorepo is great if you're really good, but absolutely terrible if you're not that good. Multiple repos, on the other hand, are passable for everyone – they're never great, but they're never truly terrible, either."
monorepo  git  dev  organization  clevermarks 
august 2019
Notre-Dame came far closer to collapsing than people knew. This is how it was saved.
"A baffling alert. A race to the wrong building. Notre-Dame still stands only because firefighters decided to risk everything, a New York Times reconstruction has found."
NotreDame  Paris  fire  longform  press  media 
july 2019
What To Expect When You're Expecting To Drop IE11
"So you've decided to drop support for IE11 and move onto evergreen browsers only (IE11 is only about ~2% globally). That's great! With that in mind, here's a giant list of the features you should use, today (today being mid-2019), safely, without polyfills or feature detection."
IE11  InternetExplorer  support  standard  clevermarks 
july 2019
CSS Custom Properties In The Cascade
"Pushing past the “variable” metaphor, custom properties can provide new ways to balance context and isolation in CSS patterns and components."
CustomProperties  CSS  mixin  cascade  clevermarks 
july 2019
Clever Grid - On-Demand GPU for ML & AI
"Get a 1-core GPU along with 250GB of training data for only 10€ per day. You’ll get a per-minute billing and an easy way to scale up and down."
ArtificialIntelligence  MachineLearning  Cloud  clevermarks 
july 2019
Cypress tips and tricks
"A few tips on getting the most out of E2E testing tool Cypress"
Cypress  test  e2e  tips  clevermarks 
june 2019
The internet is an SEO landfill
"I like to think search ranking algorithms are not as complex and machine-intelligent as they’re made out to be. They just bubble up the most gossiped links. Search Engines need some kind of validation to decide what’s popular. What better validation than gossip."
SEO  clevermarks 
june 2019
Research Shows Publishers Benefit Little From Tracking Ads
"New research, based on publisher data, has found that using this invasive tracking technique brings publishers just 4% more in revenue— or just $.00008 per ad—than ads based on context"
ads  tracking  clevermarks 
june 2019
Patterns for Promoting PWA Installation (mobile)
"Why would you want a user to install your app to their home screen? The same reason you’d want a user to install your app from any app store. Users who install are your most engaged audience. Users who install a PWA have better engagement metrics than typical visitors, including more repeat visits, longer time on site and higher conversion rates, often at parity with native app users on mobile devices.

If your PWA has use cases where it’s helpful for a user to install your app, for example if you have users who use your app more than once a week, you should be promoting the installation of your PWA within the web UI of your app."
PWA  install  pattern  invite  marketing  app  clevermarks 
june 2019
Should Chatbots Replace Forms On Mobile?
"What stinks about this exchange is that the chatbot not only wasted my time with ill-fitting self-help resources, but it wasted my time with unnecessarily long contact form questions."
chat  bot  chatbot  form  marketing  clevermarks 
may 2019
Regular expressions
In JavaScript regular expressions are implemented using objects of a built-in RegExp class and integrated with strings.
JavaScript  regex 
may 2019
Plain Text vs. HTML Emails: Which Is Better?
"data repeatedly shows plain-text email wins, so it's up to us to decide whether or not we want to make the switch. Like with all cases, there may be exceptions. For example, ecommerce companies may have completely different results because users expect only HTML-rich emails with visuals of products. So before you make any final decisions, it's important to test your own emails."
email  marketing  HTML  text  clevermarks 
may 2019
Tesla’s Touchscreen UI: A Case Study of Car-Dashboard User Interface
"While touchscreen dashboards offer more flexibility than real dashboards, they have one big disadvantage: no haptic feedback. In order to reliably touch these buttons, people must look at them. Whereas with a physical button we can learn its location and acquire it without directing much, if any, attention to it (and hence we can play the piano while reading the score or we can touchtype on a real keyboard), locating a soft button requires us to visually confirm its position. When soft buttons are hidden under menus, selecting them involves multiple touchscreen interactions, and thus even more time and attention. And, in a car, time spent with the UI is time spent ignoring the road."
UX  car  security  UI  interface  clevermarks  Tesla 
may 2019
PHP in 2019
"Today I want to look at the bright side: let's focus on the things that have changed and ways to write clean and maintainable PHP code. I want to ask you to set aside any prejudice for just a few minutes."
PHP  clevermarks 
may 2019
The Dark Side of .IO
".io is the TLD for the Chagos Archipelago. 50 years ago, the UK Government deported all Chagossians. They lost all rights to their homeland, now including the valuable .io TLD. To this day, the Chagossians continue their fight for the right to return."
io  tld  domain  clevermarks 
may 2019
A placebo can work even when you know it's a placebo - Harvard Health Blog
"If your doctor told you that she was giving you a placebo and that it would help you, would you believe her? As it turns out, based on new research, maybe you should."
placebo  health 
may 2019
HTML 5.3: Common idioms without dedicated elements
"This specification does not define a specific element for marking up conversations, meeting minutes, chat transcripts, dialogs in screenplays, instant message logs, and other situations where different players take turns in discourse. Instead, authors are encouraged to mark up conversations using p elements and punctuation."
conversation  HTML5  semantic  clevermarks 
april 2019
Accenture sued over website redesign so bad it Hertz: Car hire biz demands $32m+ for 'defective' cyber-revamp
"Among the most mind-boggling allegations in Hertz's filed complaint is that Accenture didn't incorporate a responsive design, in which webpages automatically resize to accommodate the visitor's screen size whether they are using a phone, tablet, desktop, or laptop."
RWD  Accenture  Hertz  design  project  clevermarks 
april 2019
Use Atom's One-Dark syntax theme with Rouge/Pygments
"I really like Atom’s One-Dark syntax theme and I wanted to use it on my Jekyll powered blog, but I haven’t found any working CSS highlighter theme for Jekyll."
Jekyll  theme  syntax  highlighting  code  Atom  CSS 
april 2019
General Data Protection Regulation (GDPR) Compliance Guidelines
"GDPR.eu is a resource for organizations and individuals researching the General Data Protection Regulation. Here you’ll find a library of straightforward and up-to-date information to help organizations
achieve GDPR compliance."
GDPR  clevermarks 
april 2019
Using progressive enhancement
"the only part of a page that you can rely on to work is the HTML. If the HTML fails there’s no web page, so you should consider the rest optional. Using progressive enhancement when you build your service will automatically make your service more accessible."
progressiveEnhancement  accessibility  clevermarks 
april 2019
Why we focus on frontend performance
"Research by Google in 2016 found 53% of users abandoned a mobile site if it took more than 3 seconds to load. For government, GOV.UK is often the only place a user can get information. If the website were to perform badly, we become a single point of failure."
webperf  UK  clevermarks 
april 2019
Why flags do not represent languages
"Flags are unique to a country or nation: but languages are often spoken across national borders. By using a flag for a language, you may confuse or even offend users."
flag  language  UX 
april 2019
Safari 12.1: Payment Request is now the recommended way to pay implement Apple Pay on the web
These changes bring the Payment Request API to parity with the Apple Pay JS payment system, but with all of the benefits of web standards compatibility. Payment Request is now the recommended way to pay implement Apple Pay on the web.
Safari  ecommerce  PaymentRequestAPI  standard  ApplePay  clevermarks  payment 
april 2019
"To enable users to easily navigate to specific content in a web page, we propose adding support for specifying a text snippet in the URL fragment. When navigating to a URL with such a fragment, the browser will find the first instance of the text snippet in the page and bring it into view."
deep  link  href  anchor  text  arbitratry 
april 2019
tinytype | A list of default system fonts on Apple iOS 12 and Android Pie
"A handy list of default, pre-installed system fonts on Apple iOS 12 and Android Pie and Windows Phone (WP) for good measure"
font  default  system  Android  iOS  clevermarks 
april 2019
The intersection of performance and accessibility
"Accessibility is a holistic practice, essential to some but useful to all. It is a practice that touches on many aspects of good web design and development, especially performance. This talk will highlight opportunities and techniques to improve your website or web app’s performance by embracing an accessible, inclusive mindset."
accessibility  webperf  clevermarks 
april 2019
Do Certifications Matter?
"I don't believe in certifications. The certification alphabet is no substitute for a solid portfolio; you should be spending your time building stuff, not studying for multiple choice tests. But that doesn't mean they're worthless, either. I don't think certifications get in the way, as long as you can demonstrate an impressive body of work along with them."
certification  skill 
april 2019
Why Can't Programmers.. Program?
"I assumed anyone applying for a job as a programmer had already crossed this chasm. Apparently this is not a reasonable assumption to make. Apparently, FizzBuzz style screening is required to keep interviewers from wasting their time interviewing programmers who can't program."
programmer  skill  interview  dev  clevermarks 
april 2019
Ruby Sass Has Reached End-Of-Life
"One year has passed since we announced the deprecation of Ruby Sass, and it has now officially reached its end-of-life. We will release one final version of the Ruby Sass gem that will print a warning indicating that it's no longer receiving updates, and then archive the GitHub repository."
Ruby  Sass  clevermarks 
april 2019
Dev perception
"what’s being written about is not a reflection of what’s being widely used. And that’s okay …as long as you know that’s the case. But I worry that theres’s a perception problem."
dev  hype  technology  clevermarks 
april 2019
Symbolset - Turn words into icons using font magic
"Call symbols with common terms. Screen readers and search engines see words. Users see symbols"
font  icon  accessibility  ligature 
april 2019
RSS Is Better Than Twitter
"RSS is very much still here. Better yet, RSS can be a healthy alternative when Twitter is making you feel like shit. In 2019, that’s, like, most of the time."
RSS  Twitter  clevermarks 
april 2019
Client Hints infrastructure
"The goal of Client Hints is to reduce active fingerprinting on the web while enabling scalable and privacy preserving content adaptation between client and server, via a standardized set of content negotiation primitives at the HTTP and user agent levels."
ClientHints  HTTP  webperf  privacy  clevermarks 
march 2019
Accessibility is not a “React Problem”
Building an accessible React app is, at its core, not about React at all. The key is mastering the fundamentals of web accessibility: semantic document structure, appropriate labeling, and managing focus.
accessibility  ReactJS  clevermarks 
march 2019
Quickstart inWebo Helium
"Helium is the Cloud Token developed by inWebo Technologies. Helium has the tremendous advantage of not requiring any installation for your users. It is downloaded along with the pages of your web site that need it – authentication page, new user subscription page – that’s it."
inWebo  inWeboHelium  cloud  token  security  Web  clevermarks 
march 2019
Mobile-based and browser-based authentication
"Browser-based MFA “almost” solves the UX flaw. Not entirely, since there are still situations when we need a mobile phone instead. A service approach solves it: in most cases (99% for myself), users sign in more easily with their browser than they would with their phone, but still can use their phone as a trusted device for the remaining cases, such as signing in to an IPSec VPN client."
MFA  2FA  Web  browser  app  mobile  security  clevermarks 
march 2019
Organisez vos fenêtres en un « snap » sous Windows 10 !
"Snap Assist facilite considérablement le processus qui consiste à placer deux fenêtres côte à côte. Dès que vous avez placé une fenêtre avec une application donnée à gauche ou à droite de l’écran, Snap Assist propose un carrousel de vignettes d’autres applications également ouvertes. Vous pouvez ainsi sélectionner rapidement dans cet aperçu l’application que vous souhaitez afficher dans la fenêtre sur l’autre moitié de l’écran !"
SnapAssist  snap  Windows  Windows10  split  screen  RWD 
march 2019
Les User Agents, c’est le mal
"retenez bien : parser des User Agent, c’est parser une chaîne de caractères, et c’est très mal."
UserAgent  sniffing  parsing  redirect  adaptive  mobile  clevermarks 
march 2019
Headless CMS: REST vs JSON:API vs GraphQL
"Based on this analysis, for Drupal core's needs, we rank JSON:API above GraphQL and GraphQL above REST. As such, I want to change my recommendation for Drupal 8 core. Instead of adding both JSON:API and GraphQL to Drupal 8 core, I believe only JSON:API should be added. That said, Drupal's GraphQL implementation is fantastic, especially when you have the developer capacity to build a bespoke API for your project."
headlessCMS  CMS  GraphQL  JSONAPI  REST  API  Drupal  clevermarks 
march 2019
Making Sense of Chrome Lite Pages
"In the meantime, if you’re completely uncomfortable with the idea altogether, the best thing you can do is optimize the heck out of your site and then use Cache-control: no-transform to opt out of Data Saver and other proxy services."
Chrome  webperf  2G  ChromeLite  proxy  intervention  clevermarks 
march 2019
Migrating production applications from on-premise to the cloud with no downtime
"We are migrating all our on-premise applications to AWS cloud. Most of them are/will be migrated to Kops-managed Kubernetes clusters, and some are/will be migrated as lambdas. To secure this migration, we are using HAProxy in front of both on-prem and on-AWS deployments (first only sending 1% of each application’s requests to AWS, then 5%, then 25% and so on)."
HAProxy  AWS  Cloud  Kubernetes  onPremise  migration  clevermarks 
march 2019
OpenDyslexic, free open-source typeface
OpenDyslexic is a typeface designed against some common symptoms of dyslexia.
dyslexia  font  accessibility 
march 2019
Icon Fonts vs SVGs - Which One Should You Use In 2018?
"more often than not, SVGs are the preferred method. They’re much more scalable, offer a better user experience, and are supported by all major browsers. Even a few of the top web performance experts say that moving away from icon fonts in favor of SVGs is essential in 2018."
icon  font  SVG  clevermarks 
march 2019
Supporting old browsers without hurting everyone
"Run-time libraries have an obvious cost in that they’re plain JS that needs to be sent over to the user so that their browser can do what it doesn’t natively support. Syntax transformations have a cost too, in that they often lead to more verbose code, and they often rely on features (such as generators) that need to be implemented as run-time libraries. […] Syntax transformations can add a non-trivial amount of bytes too, depending on the size of your codebase. And importantly, much of this is often code that needs to run before any other JS, leading to an increased time-to-interactive and an overall worse experience. For old browsers, this is unavoidable; they need to run that code, after all! But for modern browsers, that’s extra cruft that will never be needed. So how can we avoid sending it to those users?"
JavaScript  ES5  ES6  webperf  clevermarks 
march 2019
Object Detection and Augmentation: native vs userland
"The web as a platform for distribution makes so much sense for experiences like these that I think it would be remiss of us not to do it, but the above two groupings of issues leads me to question the long-term need to implement every feature on the web platform natively, when we could implement good solutions in a package that is shipped using the features of the platform today like WebGL, WASM and in the future Web GPU."
JavaScript  ShapeDetectionAPI  API  Camera  WebGL  WASM  QRCode  clevermarks 
march 2019
How TikTok Is Rewriting the World - The New York Times
"Imagine a version of Facebook that was able to fill your feed before you’d friended a single person. That’s TikTok"
socialNetwork  feed  clevermarks  TikTok 
march 2019
Browser Rounding and Fractional Pixels
"how different browsers dealt with width values containing decimal places"
rounding  decimal  px  CSS  clevermarks 
march 2019
« earlier      
2.0 3d accessibility achat ad ajax amazon android animation apache api app apple application architecture astuce audit autres bdd beclever best blog blogmarks bpel browser bug buzz carte choix chrome cinéma classement cleverage clevermarks client cloud cms code communication community comparaison configuration contenu conversion couleur création css de debug del.icio.us design dev doc drupal démo eclipse ecommerce em email ergonomie esb exemple extension facebook film firefox flash folksonomy font form foss framework france free fun galerie gastero_prod geolocation gestion google googlemaps gps graphisme gratuit greasemonkey hd html html5 http icon ie ifttt image info inspiration installation interface internet interopérabilité intégration ios iphone ipod iusethis java javascript jeu jquery librairie linux livre mac mail marketing mashup microsoft mobile mozilla musique mysql navigateur navigation network no_tag online optimisation os outil page paris partage pdf performance photographe photography photoshop php plugin police portail presse processus présentation qualité recherche rest rss rwd rédaction safari sauvegarde script scroll search security seenthis semweb seo service services site sites soa soap social socialnetwork software spip standard standards statistique svg synchronisation tag tags taille test todo todo:formation todo:link todo:look todo=publish tutoriel tv twitter typographie téléchargement upload url usabilité ux veille vidéo vs w3c wcm web webgl webperf wifi wiki windows wishlist workflow xhtml xml yahoo! écran

Copy this bookmark: