<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>UI Archives | Clever Cloud</title>
	<atom:link href="https://www.clever.cloud/blog/tag/ui/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.clever.cloud/blog/tag/ui/</link>
	<description>From Code to Product</description>
	<lastBuildDate>Fri, 06 Dec 2024 10:09:25 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://cdn.clever-cloud.com/uploads/2023/03/cropped-cropped-favicon-32x32.png</url>
	<title>UI Archives | Clever Cloud</title>
	<link>https://www.clever.cloud/blog/tag/ui/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>#71 &#8211; Le jaune sombre des bases de données froides</title>
		<link>https://www.clever.cloud/podcast/71-le-jaune-sombre-des-bases-de-donnees-froides/</link>
		
		<dc:creator><![CDATA[Hubert Sablonnière]]></dc:creator>
		<pubDate>Fri, 17 Jun 2022 09:21:02 +0000</pubDate>
				<category><![CDATA[databases]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[UI]]></category>
		<guid isPermaLink="false">https://www.clever-cloud.com/?post_type=podcast&#038;p=6871</guid>

					<description><![CDATA[<p><img width="1920" height="1080" src="https://cdn.clever-cloud.com/uploads/2022/06/71-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="71 1" decoding="async" fetchpriority="high" srcset="https://cdn.clever-cloud.com/uploads/2022/06/71-1.jpg 1920w, https://cdn.clever-cloud.com/uploads/2022/06/71-1-300x169.jpg 300w, https://cdn.clever-cloud.com/uploads/2022/06/71-1-1024x576.jpg 1024w, https://cdn.clever-cloud.com/uploads/2022/06/71-1-768x432.jpg 768w, https://cdn.clever-cloud.com/uploads/2022/06/71-1-1536x864.jpg 1536w, https://cdn.clever-cloud.com/uploads/2022/06/71-1-1368x770.jpg 1368w" sizes="(max-width: 1920px) 100vw, 1920px" /></p><!-- wp:gallery {"columns":4,"linkTo":"none"} -->
<figure class="wp-block-gallery has-nested-images columns-4 is-cropped"><!-- wp:image {"id":712,"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->
<figure class="wp-block-image size-large is-style-default"><img src="https://cdn.clever-cloud.com/uploads/2021/03/hubert-sablonniere-447x447.jpg" alt="hubert_sablonnière" class="wp-image-712"/><figcaption class="wp-element-caption">Hubert Sablonnière</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"id":6875,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://cdn.clever-cloud.com/uploads/2022/06/yannickguern-447x447.jpg" alt="une photo de Yannick Guern" class="wp-image-6875"/><figcaption class="wp-element-caption">Yannick Guern</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"id":3045,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/08/30kgNpLQ_400x400.jpg" alt="pierre_zemb" class="wp-image-3045"/><figcaption class="wp-element-caption">Pierre Zemb</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"id":6920,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2022/06/francoisteychene-1.jpg" alt="Francois Teychene" class="wp-image-6920"/><figcaption class="wp-element-caption">François Teychené</figcaption></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery -->

<!-- wp:paragraph -->
<p>Dans cet épisode nous parlons de Matomo, une alternative à Google Analytics sur Clever Cloud et de notre nouveau Ticket Center. Il sera également question de Franglais, de NixOS, de la version 0.22 de Vector, de couleurs, de CSS, de prédiction, de Quickwit 0.3 et d'éditeur de tableau dans IntelliJ... Et nous finirons en musique (enfin on espère !) avec la recommandation de notre invité.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://youtu.be/0Nh7SX6_aP8">Regarder sur Youtube</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>👋  Venez discuter avec nous sur <a href="https://twitter.com/clever_cloudFR" target="_blank" rel="noreferrer noopener">@clever_cloudFR</a> pour nous dire ce que vous avez pensé de ce nouvel épisode.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>➡️  Pour découvrir ou réécouter d’anciens épisodes&nbsp;<a href="https://www.clever.cloud/fr/podcast/">c’est par ici</a>&nbsp;!</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Timecode &amp; Liens</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>00:00:00 Introduction</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:05:23 Comment et pourquoi installer Matomo pour remplacer Google Analytics<br><a href="https://www.clever.cloud/fr/blog/fonctionnalites/2022/05/16/comment-installer-matomo/" target="_blank" rel="noreferrer noopener">https://www.clever.cloud/fr/blog/fonctionnalites/2022/05/16/comment-installer-matomo/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:06:23 Découvrez notre nouveau Ticket Center !<br><a href="https://www.clever.cloud/blog/fonctionnalites/2022/05/19/announcing-our-new-ticket-center/" target="_blank" rel="noreferrer noopener">https://www.clever.cloud/blog/fonctionnalites/2022/05/19/announcing-our-new-ticket-center/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:07:00 France bans English gaming tech jargon<br><a href="https://www.theguardian.com/world/2022/may/31/france-bans-english-gaming-tech-jargon-in-push-to-preserve-language-purity" target="_blank" rel="noreferrer noopener">https://www.theguardian.com/world/2022/may/31/france-bans-english-gaming-tech-jargon-in-push-to-preserve-language-purity</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:09:22 NixOS possède un installateur graphique<br><a href="https://9to5linux.com/nixos-22-05-is-out-with-gnome-42-1-calamares-graphical-installer-and-linux-5-15-lts" target="_blank" rel="noreferrer noopener">https://9to5linux.com/nixos-22-05-is-out-with-gnome-42-1-calamares-graphical-installer-and-linux-5-15-lts<br></a><a href="https://dhall-lang.org/" target="_blank" rel="noreferrer noopener">https://dhall-lang.org/<br></a><a href="https://calamares.io/about/" target="_blank" rel="noreferrer noopener">https://calamares.io/about/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:15:30 Vector v0.22.0 release<br><a href="https://vector.dev/releases/0.22.0/" target="_blank" rel="noreferrer noopener">https://vector.dev/releases/0.22.0/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:19:45 Dragonfly, A modern, scalable in-memory datastore<br><a href="https://dragonflydb.io/" target="_blank" rel="noreferrer noopener">https://dragonflydb.io/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:28:10 The “dark yellow problem” in design system color palettes<br><a href="https://uxdesign.cc/the-dark-yellow-problem-in-design-system-color-palettes-a0db1eedc99d" target="_blank" rel="noreferrer noopener">https://uxdesign.cc/the-dark-yellow-problem-in-design-system-color-palettes-a0db1eedc99d<br></a><a href="https://planetcalc.com/7779/" target="_blank" rel="noreferrer noopener">https://planetcalc.com/7779/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:34:50 Une explication claire de comment marche les différents systèmes d’unité de mesure en CSS<br><a href="https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/" target="_blank" rel="noreferrer noopener">https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:43:10 Evaluating Range Predicates<br><a href="https://richardstartin.github.io/posts/range-predicates" target="_blank" rel="noreferrer noopener">https://richardstartin.github.io/posts/range-predicates<br></a><a href="https://richardstartin.github.io/posts/range-bitmap-index" target="_blank" rel="noreferrer noopener">https://richardstartin.github.io/posts/range-bitmap-index</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:48:35 Quickwit 0.3: schemaless indexing, aggregations and more!<br><a href="https://quickwit.io/blog/quickwit-0.3/" target="_blank" rel="noreferrer noopener">https://quickwit.io/blog/quickwit-0.3/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:58:10 Éditeur de tableau dans IntelliJ<br><a href="https://www.jetbrains.com/help/rider/Markdown.html#table" target="_blank" rel="noreferrer noopener">https://www.jetbrains.com/help/rider/Markdown.html#table</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>01:01:45 Musiques de fin<br>Polyphia | Yas feat. Mario Camarena and Erick Hansel (Official Music Video)<br><a href="https://www.youtube.com/watch?v=2hln1TOQUZ0" target="_blank" rel="noreferrer noopener">https://www.youtube.com/watch?v=2hln1TOQUZ0</a></p>
<!-- /wp:paragraph -->]]></description>
										<content:encoded><![CDATA[<p><img width="1920" height="1080" src="https://cdn.clever-cloud.com/uploads/2022/06/71-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="71 1" decoding="async" srcset="https://cdn.clever-cloud.com/uploads/2022/06/71-1.jpg 1920w, https://cdn.clever-cloud.com/uploads/2022/06/71-1-300x169.jpg 300w, https://cdn.clever-cloud.com/uploads/2022/06/71-1-1024x576.jpg 1024w, https://cdn.clever-cloud.com/uploads/2022/06/71-1-768x432.jpg 768w, https://cdn.clever-cloud.com/uploads/2022/06/71-1-1536x864.jpg 1536w, https://cdn.clever-cloud.com/uploads/2022/06/71-1-1368x770.jpg 1368w" sizes="(max-width: 1920px) 100vw, 1920px" /></p><!-- wp:gallery {"columns":4,"linkTo":"none"} -->
<figure class="wp-block-gallery has-nested-images columns-4 is-cropped"><!-- wp:image {"id":712,"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->
<figure class="wp-block-image size-large is-style-default"><img src="https://cdn.clever-cloud.com/uploads/2021/03/hubert-sablonniere-447x447.jpg" alt="hubert_sablonnière" class="wp-image-712"/><figcaption class="wp-element-caption">Hubert Sablonnière</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"id":6875,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://cdn.clever-cloud.com/uploads/2022/06/yannickguern-447x447.jpg" alt="une photo de Yannick Guern" class="wp-image-6875"/><figcaption class="wp-element-caption">Yannick Guern</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"id":3045,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/08/30kgNpLQ_400x400.jpg" alt="pierre_zemb" class="wp-image-3045"/><figcaption class="wp-element-caption">Pierre Zemb</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"id":6920,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2022/06/francoisteychene-1.jpg" alt="Francois Teychene" class="wp-image-6920"/><figcaption class="wp-element-caption">François Teychené</figcaption></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery -->

<!-- wp:paragraph -->
<p>Dans cet épisode nous parlons de Matomo, une alternative à Google Analytics sur Clever Cloud et de notre nouveau Ticket Center. Il sera également question de Franglais, de NixOS, de la version 0.22 de Vector, de couleurs, de CSS, de prédiction, de Quickwit 0.3 et d'éditeur de tableau dans IntelliJ... Et nous finirons en musique (enfin on espère !) avec la recommandation de notre invité.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://youtu.be/0Nh7SX6_aP8">Regarder sur Youtube</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>👋  Venez discuter avec nous sur <a href="https://twitter.com/clever_cloudFR" target="_blank" rel="noreferrer noopener">@clever_cloudFR</a> pour nous dire ce que vous avez pensé de ce nouvel épisode.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>➡️  Pour découvrir ou réécouter d’anciens épisodes&nbsp;<a href="https://www.clever.cloud/fr/podcast/">c’est par ici</a>&nbsp;!</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Timecode &amp; Liens</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>00:00:00 Introduction</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:05:23 Comment et pourquoi installer Matomo pour remplacer Google Analytics<br><a href="https://www.clever.cloud/fr/blog/fonctionnalites/2022/05/16/comment-installer-matomo/" target="_blank" rel="noreferrer noopener">https://www.clever.cloud/fr/blog/fonctionnalites/2022/05/16/comment-installer-matomo/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:06:23 Découvrez notre nouveau Ticket Center !<br><a href="https://www.clever.cloud/blog/fonctionnalites/2022/05/19/announcing-our-new-ticket-center/" target="_blank" rel="noreferrer noopener">https://www.clever.cloud/blog/fonctionnalites/2022/05/19/announcing-our-new-ticket-center/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:07:00 France bans English gaming tech jargon<br><a href="https://www.theguardian.com/world/2022/may/31/france-bans-english-gaming-tech-jargon-in-push-to-preserve-language-purity" target="_blank" rel="noreferrer noopener">https://www.theguardian.com/world/2022/may/31/france-bans-english-gaming-tech-jargon-in-push-to-preserve-language-purity</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:09:22 NixOS possède un installateur graphique<br><a href="https://9to5linux.com/nixos-22-05-is-out-with-gnome-42-1-calamares-graphical-installer-and-linux-5-15-lts" target="_blank" rel="noreferrer noopener">https://9to5linux.com/nixos-22-05-is-out-with-gnome-42-1-calamares-graphical-installer-and-linux-5-15-lts<br></a><a href="https://dhall-lang.org/" target="_blank" rel="noreferrer noopener">https://dhall-lang.org/<br></a><a href="https://calamares.io/about/" target="_blank" rel="noreferrer noopener">https://calamares.io/about/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:15:30 Vector v0.22.0 release<br><a href="https://vector.dev/releases/0.22.0/" target="_blank" rel="noreferrer noopener">https://vector.dev/releases/0.22.0/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:19:45 Dragonfly, A modern, scalable in-memory datastore<br><a href="https://dragonflydb.io/" target="_blank" rel="noreferrer noopener">https://dragonflydb.io/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:28:10 The “dark yellow problem” in design system color palettes<br><a href="https://uxdesign.cc/the-dark-yellow-problem-in-design-system-color-palettes-a0db1eedc99d" target="_blank" rel="noreferrer noopener">https://uxdesign.cc/the-dark-yellow-problem-in-design-system-color-palettes-a0db1eedc99d<br></a><a href="https://planetcalc.com/7779/" target="_blank" rel="noreferrer noopener">https://planetcalc.com/7779/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:34:50 Une explication claire de comment marche les différents systèmes d’unité de mesure en CSS<br><a href="https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/" target="_blank" rel="noreferrer noopener">https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:43:10 Evaluating Range Predicates<br><a href="https://richardstartin.github.io/posts/range-predicates" target="_blank" rel="noreferrer noopener">https://richardstartin.github.io/posts/range-predicates<br></a><a href="https://richardstartin.github.io/posts/range-bitmap-index" target="_blank" rel="noreferrer noopener">https://richardstartin.github.io/posts/range-bitmap-index</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:48:35 Quickwit 0.3: schemaless indexing, aggregations and more!<br><a href="https://quickwit.io/blog/quickwit-0.3/" target="_blank" rel="noreferrer noopener">https://quickwit.io/blog/quickwit-0.3/</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>00:58:10 Éditeur de tableau dans IntelliJ<br><a href="https://www.jetbrains.com/help/rider/Markdown.html#table" target="_blank" rel="noreferrer noopener">https://www.jetbrains.com/help/rider/Markdown.html#table</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>01:01:45 Musiques de fin<br>Polyphia | Yas feat. Mario Camarena and Erick Hansel (Official Music Video)<br><a href="https://www.youtube.com/watch?v=2hln1TOQUZ0" target="_blank" rel="noreferrer noopener">https://www.youtube.com/watch?v=2hln1TOQUZ0</a></p>
<!-- /wp:paragraph -->]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Improved filtering in the console</title>
		<link>https://www.clever.cloud/blog/features/2018/05/07/console-filters/</link>
		
		<dc:creator><![CDATA[Laurent Doguin]]></dc:creator>
		<pubDate>Mon, 07 May 2018 16:25:00 +0000</pubDate>
				<category><![CDATA[Features]]></category>
		<category><![CDATA[console]]></category>
		<category><![CDATA[feature]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[Update]]></category>
		<guid isPermaLink="false">https://www2.cleverapps.io/wp/blog/technology/2018/05/07/console-filters/</guid>

					<description><![CDATA[<p><img width="1400" height="540" src="https://cdn.clever-cloud.com/uploads/2021/08/console-filters-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="console filters 1" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2021/08/console-filters-1.jpg 1400w, https://cdn.clever-cloud.com/uploads/2021/08/console-filters-1-300x116.jpg 300w, https://cdn.clever-cloud.com/uploads/2021/08/console-filters-1-1024x395.jpg 1024w, https://cdn.clever-cloud.com/uploads/2021/08/console-filters-1-768x296.jpg 768w, https://cdn.clever-cloud.com/uploads/2021/08/console-filters-1-1368x528.jpg 1368w" sizes="auto, (max-width: 1400px) 100vw, 1400px" /></p><p>It&#39;s already been a couple of weeks since we introduced you to our revamped console. And as we wrote at that time, we are not stopping there. We are always working on new stuff to make your life easier.</p>
<span id="more-2933"></span>

<p>Today we introduce you to our new filtering system built with love by Arnaud and Hubert. As you might have seen already we have merged apps and add-ons. So in the same list you end up having apps that uses different runtime and build tools as well as various add-ons. We are now allowing you to filter this list based on these specifics.</p>
<p>If you type <code>is:redis</code> in the filter field you will only see your Redis add-ons. If you type <code>is:node</code> you will only see nodejs applications. It&#39;s that simple. And of course you can  combine these filters or use them with the usual name search:</p>
<ul>
<li><code>is:java is:jar</code></li>
<li><code>is:java is:sbt</code></li>
<li><code>is:java ACME</code></li>
<li><code>is:java prod</code></li>
</ul>
<video width="100%" autoplay loop >
  <source src="//assets.clever-cloud.com/website/blog/consolefilter.mp4" type="video/mp4" />
  <source src="//assets.clever-cloud.com/website/blog/consolefilter.webm" type="video/ogg" />
</video>

<p>Now you might be wondering, how does this work? What can I use as filter? For add-ons we use their slug. Here&#39;s the list:</p>
<pre><code class="language-bash">mysql
postgresql
redis
cellar
fs-bucket
config-provider
mongodb
</code></pre>
<p>For applications it&#39;s more subtle. You can use their type or their variant slug. What is a variant you ask? Well it&#39;s something we use internally to put different sort of automation secret sauce on our VM images. Take for instance the node image type. It has two variants. One is <code>node</code> which is pretty much the default behavior for node.js applications. The other is <code>meteor</code>, used for Meteor.js applications, which installs Meteor and runs specific build and run tasks. If you look at the <code>java</code> type you will see we have a number of variants representing the different ways to deploy JVM code with different build tools.</p>
<pre><code class="language-bash">Type            Variant Name            Variant Slug
--------------------------------------------------------
python          Python                  python
haskell         Haskell                 haskell
php             PHP                     php
php             Static                  static-apache
ruby            Ruby                    ruby
python-gunicorn Python Gunicorn         python-gunicorn
go              Go                      go
java            Java + Play! 1          play1
java            Java or Scala + Play! 2 play2
java            Java or Groovy + Gradle gradle
java            Java + JAR              jar
java            Java + Maven            maven
java            Scala + SBT             sbt
java            Java + WAR              war
node            Meteor.js               meteor
node            Node                    node
docker          Docker                  docker
rust            Rust                    rust
erlang          Elixir                  elixir
</code></pre>
<p>For future releases, we&#39;re also thinking about filters like <code>is:running</code>, <code>is:stopped</code>, <code>sort:status</code>, <code>sort:type</code>. We might also add Tags which are already available in our API. If you would like to filter this list based on other characteristic please let us know in the comments below :)</p>
]]></description>
										<content:encoded><![CDATA[<p><img width="1400" height="540" src="https://cdn.clever-cloud.com/uploads/2021/08/console-filters-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="console filters 1" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2021/08/console-filters-1.jpg 1400w, https://cdn.clever-cloud.com/uploads/2021/08/console-filters-1-300x116.jpg 300w, https://cdn.clever-cloud.com/uploads/2021/08/console-filters-1-1024x395.jpg 1024w, https://cdn.clever-cloud.com/uploads/2021/08/console-filters-1-768x296.jpg 768w, https://cdn.clever-cloud.com/uploads/2021/08/console-filters-1-1368x528.jpg 1368w" sizes="auto, (max-width: 1400px) 100vw, 1400px" /></p><p>It&#39;s already been a couple of weeks since we introduced you to our revamped console. And as we wrote at that time, we are not stopping there. We are always working on new stuff to make your life easier.</p>
<span id="more-2933"></span>

<p>Today we introduce you to our new filtering system built with love by Arnaud and Hubert. As you might have seen already we have merged apps and add-ons. So in the same list you end up having apps that uses different runtime and build tools as well as various add-ons. We are now allowing you to filter this list based on these specifics.</p>
<p>If you type <code>is:redis</code> in the filter field you will only see your Redis add-ons. If you type <code>is:node</code> you will only see nodejs applications. It&#39;s that simple. And of course you can  combine these filters or use them with the usual name search:</p>
<ul>
<li><code>is:java is:jar</code></li>
<li><code>is:java is:sbt</code></li>
<li><code>is:java ACME</code></li>
<li><code>is:java prod</code></li>
</ul>
<video width="100%" autoplay loop >
  <source src="//assets.clever-cloud.com/website/blog/consolefilter.mp4" type="video/mp4" />
  <source src="//assets.clever-cloud.com/website/blog/consolefilter.webm" type="video/ogg" />
</video>

<p>Now you might be wondering, how does this work? What can I use as filter? For add-ons we use their slug. Here&#39;s the list:</p>
<pre><code class="language-bash">mysql
postgresql
redis
cellar
fs-bucket
config-provider
mongodb
</code></pre>
<p>For applications it&#39;s more subtle. You can use their type or their variant slug. What is a variant you ask? Well it&#39;s something we use internally to put different sort of automation secret sauce on our VM images. Take for instance the node image type. It has two variants. One is <code>node</code> which is pretty much the default behavior for node.js applications. The other is <code>meteor</code>, used for Meteor.js applications, which installs Meteor and runs specific build and run tasks. If you look at the <code>java</code> type you will see we have a number of variants representing the different ways to deploy JVM code with different build tools.</p>
<pre><code class="language-bash">Type            Variant Name            Variant Slug
--------------------------------------------------------
python          Python                  python
haskell         Haskell                 haskell
php             PHP                     php
php             Static                  static-apache
ruby            Ruby                    ruby
python-gunicorn Python Gunicorn         python-gunicorn
go              Go                      go
java            Java + Play! 1          play1
java            Java or Scala + Play! 2 play2
java            Java or Groovy + Gradle gradle
java            Java + JAR              jar
java            Java + Maven            maven
java            Scala + SBT             sbt
java            Java + WAR              war
node            Meteor.js               meteor
node            Node                    node
docker          Docker                  docker
rust            Rust                    rust
erlang          Elixir                  elixir
</code></pre>
<p>For future releases, we&#39;re also thinking about filters like <code>is:running</code>, <code>is:stopped</code>, <code>sort:status</code>, <code>sort:type</code>. We might also add Tags which are already available in our API. If you would like to filter this list based on other characteristic please let us know in the comments below :)</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Console Update</title>
		<link>https://www.clever.cloud/blog/features/2018/04/12/new-clever-cloud-console-2018/</link>
		
		<dc:creator><![CDATA[Clément Nivolle]]></dc:creator>
		<pubDate>Thu, 12 Apr 2018 14:00:00 +0000</pubDate>
				<category><![CDATA[Features]]></category>
		<category><![CDATA[console]]></category>
		<category><![CDATA[feature]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[Update]]></category>
		<guid isPermaLink="false">https://www2.cleverapps.io/wp/blog/technology/2018/04/12/console-update-2018/</guid>

					<description><![CDATA[<p><img width="1400" height="540" src="https://cdn.clever-cloud.com/uploads/2021/08/console-update-2018-1.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="console update 2018 1" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2021/08/console-update-2018-1.png 1400w, https://cdn.clever-cloud.com/uploads/2021/08/console-update-2018-1-300x116.png 300w, https://cdn.clever-cloud.com/uploads/2021/08/console-update-2018-1-1024x395.png 1024w, https://cdn.clever-cloud.com/uploads/2021/08/console-update-2018-1-768x296.png 768w, https://cdn.clever-cloud.com/uploads/2021/08/console-update-2018-1-1368x528.png 1368w" sizes="auto, (max-width: 1400px) 100vw, 1400px" /></p>How long has it been since we have released new features on the console? Some of you might say quite a while and they would be right! That's because – besides the usual small changes, tweaks and fixes – we've been working on more visible things as of late which we are proudly introducing to you now!. Behold! The new Clever Cloud console is here.

<span id="more-2932"></span>

So, we decided to make some special resolutions for 2018 that we’ve successfully realized.
The starting point was quite simple: how can we give more insight on the state of the apps? What kind of visual cues could we bring to the list of apps?
<h2 id="first-the-new-status-icons">First, the new status icons</h2>
More than a UX effort, we've made some substancial changes to our API, in order to make the state of the app crystal clear at a glance. To that end, a new set of icons have been designed to summerize the many different states of an app:
<figure><img src="https://cdn.clever-cloud.com/uploads/2021/08/app-sates.png" alt="New apps icons" />
<figcaption>The new status we've introduced. Within the console, a simple mouse hover reveals the status in full text.</figcaption></figure>
So in this new design, in the application list, you'll find a status icon binded to it. Also, if you named your app and its DB/add-ons with similar names, they will be displayed close to each other 🙂
<figure><img src="https://cdn.clever-cloud.com/uploads/2021/08/status-irl.png" alt="New apps icons IRL" />

<figcaption>Before and after. Look at this new Clever Cloud console. ✨</figcaption></figure>
<h2 id="a-new-filter-field">A new filter field</h2>
That is one of my favourites. You already have a search to jump to a specific organization or app/add-on (try it by typing "/" in the console). But now, when you are in an organization, you can <strong>filter</strong> your app and add-ons by name.

This filter is stored locally for each organization. If you named your apps and add-ons the right way, you can keep a filter and only see your dev &amp; prod apps and the linked addons, for example.
<figure><img src="https://cdn.clever-cloud.com/uploads/2021/08/demo-filtering.png" alt="Demonstrating the filter" />

<figcaption>Using the new filter feature with "demo".</figcaption></figure>
<h2 id="then-the-new-app-overview">Then, the new app overview</h2>
That's all for the organization part. Let's speak about the apps now. We have a new refreshed banner at the top of each <em>application's Overview</em>. The first part is about the action you can take on the app lifecyle (stop, restart), and the other blocks are informations about the app. Let's see what we have in detail:
<ul>
 	<li>We are now displaying current status, with some additional details on it (git commit, etc.)</li>
 	<li>The runtime of the app is now clearly displayed with an icon</li>
</ul>
Also:
<ul>
 	<li>The instances list (reusing the new status icon) is visually optimized</li>
 	<li>The scalability settings (read-only) are now shown</li>
 	<li>And we've added info about the two last deployments</li>
</ul>
<figure><img src="https://cdn.clever-cloud.com/uploads/2021/08/app-overview.png" alt="The new app overview" />

<figcaption>The new app overview ✨</figcaption></figure>
<h2 id="oooh-i-log-you-so-🎶">Oooh, I log you so 🎶</h2>
The news gets better: logs have been updated too. The main idea was to give users a better understanding of what's deploying, and what's the state of each instances. The new dropdowns to select instances are now simpler. Also, we've switched from websocket to <a href="https://en.wikipedia.org/wiki/Server-sent_events">SSE</a> for more reliability of connections between your browser and our logs API. That means less reconnections hiccups =)
<h2 id="lets-wrap-up">Let's wrap-up</h2>
<h3 id="what-about-some-moar">What about some moar</h3>
We've not listed here everything, some details that don't need an explaination are missing. Like theses:
<ul>
 	<li>Global create button on top (new apps/addons panel)</li>
 	<li>Variant/runtime icon next to the app (new apps/addons panel)</li>
 	<li>Refreshed icons/shape for app creation</li>
 	<li>Refreshed icons/shape for addon creation</li>
</ul>
<h3 id="a-future-moving-forward">A future moving forward</h3>
The console is still under active development. You might notice tiny changes and updates in the next few days. But the navigation and other parts of the UI are also currently being improved, to meet the standards of quality we want to achieve, so stay tuned =)

Have some thoughts about this new Clever Cloud console?

<a class="bt3-btn bt3-btn-success" href="mailto:feedback@clever-cloud.com?Subject=About%20that%20new%20console">Give us feedback!</a>]]></description>
										<content:encoded><![CDATA[<p><img width="1400" height="540" src="https://cdn.clever-cloud.com/uploads/2021/08/console-update-2018-1.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="console update 2018 1" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2021/08/console-update-2018-1.png 1400w, https://cdn.clever-cloud.com/uploads/2021/08/console-update-2018-1-300x116.png 300w, https://cdn.clever-cloud.com/uploads/2021/08/console-update-2018-1-1024x395.png 1024w, https://cdn.clever-cloud.com/uploads/2021/08/console-update-2018-1-768x296.png 768w, https://cdn.clever-cloud.com/uploads/2021/08/console-update-2018-1-1368x528.png 1368w" sizes="auto, (max-width: 1400px) 100vw, 1400px" /></p>How long has it been since we have released new features on the console? Some of you might say quite a while and they would be right! That's because – besides the usual small changes, tweaks and fixes – we've been working on more visible things as of late which we are proudly introducing to you now!. Behold! The new Clever Cloud console is here.

<span id="more-2932"></span>

So, we decided to make some special resolutions for 2018 that we’ve successfully realized.
The starting point was quite simple: how can we give more insight on the state of the apps? What kind of visual cues could we bring to the list of apps?
<h2 id="first-the-new-status-icons">First, the new status icons</h2>
More than a UX effort, we've made some substancial changes to our API, in order to make the state of the app crystal clear at a glance. To that end, a new set of icons have been designed to summerize the many different states of an app:
<figure><img src="https://cdn.clever-cloud.com/uploads/2021/08/app-sates.png" alt="New apps icons" />
<figcaption>The new status we've introduced. Within the console, a simple mouse hover reveals the status in full text.</figcaption></figure>
So in this new design, in the application list, you'll find a status icon binded to it. Also, if you named your app and its DB/add-ons with similar names, they will be displayed close to each other 🙂
<figure><img src="https://cdn.clever-cloud.com/uploads/2021/08/status-irl.png" alt="New apps icons IRL" />

<figcaption>Before and after. Look at this new Clever Cloud console. ✨</figcaption></figure>
<h2 id="a-new-filter-field">A new filter field</h2>
That is one of my favourites. You already have a search to jump to a specific organization or app/add-on (try it by typing "/" in the console). But now, when you are in an organization, you can <strong>filter</strong> your app and add-ons by name.

This filter is stored locally for each organization. If you named your apps and add-ons the right way, you can keep a filter and only see your dev &amp; prod apps and the linked addons, for example.
<figure><img src="https://cdn.clever-cloud.com/uploads/2021/08/demo-filtering.png" alt="Demonstrating the filter" />

<figcaption>Using the new filter feature with "demo".</figcaption></figure>
<h2 id="then-the-new-app-overview">Then, the new app overview</h2>
That's all for the organization part. Let's speak about the apps now. We have a new refreshed banner at the top of each <em>application's Overview</em>. The first part is about the action you can take on the app lifecyle (stop, restart), and the other blocks are informations about the app. Let's see what we have in detail:
<ul>
 	<li>We are now displaying current status, with some additional details on it (git commit, etc.)</li>
 	<li>The runtime of the app is now clearly displayed with an icon</li>
</ul>
Also:
<ul>
 	<li>The instances list (reusing the new status icon) is visually optimized</li>
 	<li>The scalability settings (read-only) are now shown</li>
 	<li>And we've added info about the two last deployments</li>
</ul>
<figure><img src="https://cdn.clever-cloud.com/uploads/2021/08/app-overview.png" alt="The new app overview" />

<figcaption>The new app overview ✨</figcaption></figure>
<h2 id="oooh-i-log-you-so-🎶">Oooh, I log you so 🎶</h2>
The news gets better: logs have been updated too. The main idea was to give users a better understanding of what's deploying, and what's the state of each instances. The new dropdowns to select instances are now simpler. Also, we've switched from websocket to <a href="https://en.wikipedia.org/wiki/Server-sent_events">SSE</a> for more reliability of connections between your browser and our logs API. That means less reconnections hiccups =)
<h2 id="lets-wrap-up">Let's wrap-up</h2>
<h3 id="what-about-some-moar">What about some moar</h3>
We've not listed here everything, some details that don't need an explaination are missing. Like theses:
<ul>
 	<li>Global create button on top (new apps/addons panel)</li>
 	<li>Variant/runtime icon next to the app (new apps/addons panel)</li>
 	<li>Refreshed icons/shape for app creation</li>
 	<li>Refreshed icons/shape for addon creation</li>
</ul>
<h3 id="a-future-moving-forward">A future moving forward</h3>
The console is still under active development. You might notice tiny changes and updates in the next few days. But the navigation and other parts of the UI are also currently being improved, to meet the standards of quality we want to achieve, so stay tuned =)

Have some thoughts about this new Clever Cloud console?

<a class="bt3-btn bt3-btn-success" href="mailto:feedback@clever-cloud.com?Subject=About%20that%20new%20console">Give us feedback!</a>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Dashboard Update 3.1</title>
		<link>https://www.clever.cloud/blog/features/2014/12/10/dashboard-update-3-1/</link>
		
		<dc:creator><![CDATA[Clément Nivolle]]></dc:creator>
		<pubDate>Wed, 10 Dec 2014 14:17:00 +0000</pubDate>
				<category><![CDATA[Features]]></category>
		<category><![CDATA[console]]></category>
		<category><![CDATA[PaaS]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[Update]]></category>
		<guid isPermaLink="false">https://www2.cleverapps.io/wp/blog/technology/2014/12/10/dashboard-update-3-1/</guid>

					<description><![CDATA[<p><img width="1500" height="578" src="https://cdn.clever-cloud.com/uploads/2021/08/dashboard-update-3-1-1.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="dashboard update 3 1 1" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2021/08/dashboard-update-3-1-1.png 1500w, https://cdn.clever-cloud.com/uploads/2021/08/dashboard-update-3-1-1-300x116.png 300w, https://cdn.clever-cloud.com/uploads/2021/08/dashboard-update-3-1-1-1024x395.png 1024w, https://cdn.clever-cloud.com/uploads/2021/08/dashboard-update-3-1-1-768x296.png 768w, https://cdn.clever-cloud.com/uploads/2021/08/dashboard-update-3-1-1-1368x527.png 1368w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /></p><p>Hello from Team Clever Cloud!</p>
<p>We are quite excited to release a major <a href="https://console.clever-cloud.com">new version of our Dashboard</a>.<br>It includes a lot of bug fixes as well as a few additions. We&#39;ve included automatics payments, a design refresh, an activity feed, a better log management. And a nice GitHub integration too.</p>
<span id="more-2855"></span>

<p>So today we’re launching these new features, and I&#39;d like to detail some of them:</p>
<h2 id="github">GitHub</h2>
<p>As you may have noticed, the GitHub button showed up recently on the Clever Cloud website and our login &amp; signup forms.<br>This feature aims to simplify the login &amp; signup process, but also to bring your GitHub repositories to Clever Cloud.</p>
<h2 id="automatic-payments">Automatic Payments</h2>
<p>We used to base our billing on an account balance. While running, apps consume those credits. Since the begining, our users had to fill it with money manually. Now, a monthly amount can be automatically credited each month.</p>
<p>And to deal with scalable consumption, a threshold can be set up too. How does it work?</p>
<p>The billing threshold is initially set at a certain amount. Each time your account hits its threshold before the 30-day billing cycle has ended, your credit card is debited of the amount you&#39;ve set up. See an example of recurring payment configuration below:</p>
<a class="image-popup-no-margins" href="https://www2.cleverapps.io/app/uploads/2021/08/recurring-payment.png" alt="Recurring payment">
  <img src="https://www2.cleverapps.io/app/uploads/2021/08/recurring-payment.png">
</a>

<h2 id="new-ui">New UI</h2>
<p>We teamed up with our most active users to create a better and clearer UI. We’re bringing to the dashboard simpler components and a more contrasted layout. You can even add an avatar for your profile or organization.</p>
<center>
  <figure>
    <a class="image-popup-no-margins" href="https://www2.cleverapps.io/app/uploads/2021/08/new-ui.png" alt="A sneak peak of the new dashboard home.">
      <img src="https://www2.cleverapps.io/app/uploads/2021/08/new-ui.png">
    </a>
    <figcaption>A sneak peak of the new dashboard home.</figcaption>
  </figure>
</center>

<h2 id="activity-feed">Activity Feed</h2>
<p>The activity feed lets you track your apps&#39; activity. When you open the activity tab, you will see each deploy and un-deploy event, with the following data:</p>
<ul>
<li>the date</li>
<li>the type (deploy, undeploy)</li>
<li>the reason of deploy (scaling, monitoring etc)</li>
<li>and the commit ID</li>
</ul>
<h2 id="better-logs-management">Better Logs Management</h2>
<p>It&#39;s now easier to deal with logs: the start time of each instance is now displayed next to its id. This allows an easier bug tracking on deploy processes. It comes with a nicer and more helpful UI.</p>
<p>If you want to give this a whirl, <a href="https://console.clever-cloud.com">head up to the console</a>!</p>
]]></description>
										<content:encoded><![CDATA[<p><img width="1500" height="578" src="https://cdn.clever-cloud.com/uploads/2021/08/dashboard-update-3-1-1.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="dashboard update 3 1 1" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2021/08/dashboard-update-3-1-1.png 1500w, https://cdn.clever-cloud.com/uploads/2021/08/dashboard-update-3-1-1-300x116.png 300w, https://cdn.clever-cloud.com/uploads/2021/08/dashboard-update-3-1-1-1024x395.png 1024w, https://cdn.clever-cloud.com/uploads/2021/08/dashboard-update-3-1-1-768x296.png 768w, https://cdn.clever-cloud.com/uploads/2021/08/dashboard-update-3-1-1-1368x527.png 1368w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /></p><p>Hello from Team Clever Cloud!</p>
<p>We are quite excited to release a major <a href="https://console.clever-cloud.com">new version of our Dashboard</a>.<br>It includes a lot of bug fixes as well as a few additions. We&#39;ve included automatics payments, a design refresh, an activity feed, a better log management. And a nice GitHub integration too.</p>
<span id="more-2855"></span>

<p>So today we’re launching these new features, and I&#39;d like to detail some of them:</p>
<h2 id="github">GitHub</h2>
<p>As you may have noticed, the GitHub button showed up recently on the Clever Cloud website and our login &amp; signup forms.<br>This feature aims to simplify the login &amp; signup process, but also to bring your GitHub repositories to Clever Cloud.</p>
<h2 id="automatic-payments">Automatic Payments</h2>
<p>We used to base our billing on an account balance. While running, apps consume those credits. Since the begining, our users had to fill it with money manually. Now, a monthly amount can be automatically credited each month.</p>
<p>And to deal with scalable consumption, a threshold can be set up too. How does it work?</p>
<p>The billing threshold is initially set at a certain amount. Each time your account hits its threshold before the 30-day billing cycle has ended, your credit card is debited of the amount you&#39;ve set up. See an example of recurring payment configuration below:</p>
<a class="image-popup-no-margins" href="https://www2.cleverapps.io/app/uploads/2021/08/recurring-payment.png" alt="Recurring payment">
  <img src="https://www2.cleverapps.io/app/uploads/2021/08/recurring-payment.png">
</a>

<h2 id="new-ui">New UI</h2>
<p>We teamed up with our most active users to create a better and clearer UI. We’re bringing to the dashboard simpler components and a more contrasted layout. You can even add an avatar for your profile or organization.</p>
<center>
  <figure>
    <a class="image-popup-no-margins" href="https://www2.cleverapps.io/app/uploads/2021/08/new-ui.png" alt="A sneak peak of the new dashboard home.">
      <img src="https://www2.cleverapps.io/app/uploads/2021/08/new-ui.png">
    </a>
    <figcaption>A sneak peak of the new dashboard home.</figcaption>
  </figure>
</center>

<h2 id="activity-feed">Activity Feed</h2>
<p>The activity feed lets you track your apps&#39; activity. When you open the activity tab, you will see each deploy and un-deploy event, with the following data:</p>
<ul>
<li>the date</li>
<li>the type (deploy, undeploy)</li>
<li>the reason of deploy (scaling, monitoring etc)</li>
<li>and the commit ID</li>
</ul>
<h2 id="better-logs-management">Better Logs Management</h2>
<p>It&#39;s now easier to deal with logs: the start time of each instance is now displayed next to its id. This allows an easier bug tracking on deploy processes. It comes with a nicer and more helpful UI.</p>
<p>If you want to give this a whirl, <a href="https://console.clever-cloud.com">head up to the console</a>!</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
