<?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>design-fluide</title>
	<atom:link href="http://www.design-fluide.com/feed/?cat=-6" rel="self" type="application/rss+xml" />
	<link>https://www.design-fluide.com</link>
	<description></description>
	<lastBuildDate>Wed, 13 May 2020 07:14:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>How to break long words in an HTML (or CSS) table</title>
		<link>https://www.design-fluide.com/09-12-2018/how-to-break-long-words-in-an-html-or-css-table/</link>
		<comments>https://www.design-fluide.com/09-12-2018/how-to-break-long-words-in-an-html-or-css-table/#comments</comments>
		<pubDate>Sun, 09 Dec 2018 09:31:47 +0000</pubDate>
		<dc:creator>BeliG</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Responsive]]></category>

		<guid isPermaLink="false">https://www.design-fluide.com/?p=2914</guid>
		<description><![CDATA[Review of solutions to make words breaking within an HTML or CSS table cell if text is too long to fit in one line. Working on modern browsers and IE8+.]]></description>
		<wfw:commentRss>https://www.design-fluide.com/09-12-2018/how-to-break-long-words-in-an-html-or-css-table/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to build a &#171;&#160;One-page layout&#160;&#187;</title>
		<link>https://www.design-fluide.com/05-08-2018/how-to-build-a-one-page-layout/</link>
		<comments>https://www.design-fluide.com/05-08-2018/how-to-build-a-one-page-layout/#comments</comments>
		<pubDate>Sun, 05 Aug 2018 08:07:35 +0000</pubDate>
		<dc:creator>BeliG</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Responsive]]></category>

		<guid isPermaLink="false">https://www.design-fluide.com/?p=2662</guid>
		<description><![CDATA[Simple way to build a single-page layout using Flexbox and vh unit: pages 100% height, centered content, responsive, single-column variation. Solutions working on modern browsers and IE10+.

]]></description>
		<wfw:commentRss>https://www.design-fluide.com/05-08-2018/how-to-build-a-one-page-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Centrer horizontalement avec Flexbox</title>
		<link>https://www.design-fluide.com/02-08-2018/centrer-horizontalement-flexbox/</link>
		<comments>https://www.design-fluide.com/02-08-2018/centrer-horizontalement-flexbox/#comments</comments>
		<pubDate>Thu, 02 Aug 2018 07:51:06 +0000</pubDate>
		<dc:creator>BeliG</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Responsive]]></category>

		<guid isPermaLink="false">https://www.design-fluide.com/?p=2529</guid>
		<description><![CDATA[Le centrage horizontal avec Flexbox : texte, bloc, image et liste d'éléments. Les solutions proposées dans cet article fonctionnent sur tous les navigateurs modernes et sur IE11.]]></description>
		<wfw:commentRss>https://www.design-fluide.com/02-08-2018/centrer-horizontalement-flexbox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Centrer verticalement avec Flexbox</title>
		<link>https://www.design-fluide.com/24-07-2018/centrer-verticalement-flexbox/</link>
		<comments>https://www.design-fluide.com/24-07-2018/centrer-verticalement-flexbox/#comments</comments>
		<pubDate>Tue, 24 Jul 2018 14:12:05 +0000</pubDate>
		<dc:creator>BeliG</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Responsive]]></category>

		<guid isPermaLink="false">http://www.design-fluide.com/?p=2194</guid>
		<description><![CDATA[État des lieux complet du centrage vertical avec Flexbox : texte, bloc, image ou liste d'éléments. Les techniques proposées ici fonctionnent en hauteur fixe ou fluide et sous IE10/11.]]></description>
		<wfw:commentRss>https://www.design-fluide.com/24-07-2018/centrer-verticalement-flexbox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fixer son footer en bas de page grâce à Flexbox</title>
		<link>https://www.design-fluide.com/01-09-2016/fixer-son-footer-en-bas-de-page-grace-a-flexbox/</link>
		<comments>https://www.design-fluide.com/01-09-2016/fixer-son-footer-en-bas-de-page-grace-a-flexbox/#comments</comments>
		<pubDate>Thu, 01 Sep 2016 14:09:25 +0000</pubDate>
		<dc:creator>BeliG</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Responsive]]></category>

		<guid isPermaLink="false">http://www.design-fluide.com/?p=2019</guid>
		<description><![CDATA[Technique du sticky footer via CSS Flexbox permettant de positionner le footer tout en bas du site, peu importe le contenu de la page. Fonctionne avec IE10+.]]></description>
		<wfw:commentRss>https://www.design-fluide.com/01-09-2016/fixer-son-footer-en-bas-de-page-grace-a-flexbox/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Comment initialiser (ou détruire) un slider en fonction d&#8217;un breakpoint ?</title>
		<link>https://www.design-fluide.com/27-08-2016/initialiser-detruire-slider-resize/</link>
		<comments>https://www.design-fluide.com/27-08-2016/initialiser-detruire-slider-resize/#comments</comments>
		<pubDate>Sat, 27 Aug 2016 17:42:40 +0000</pubDate>
		<dc:creator>BeliG</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Responsive]]></category>

		<guid isPermaLink="false">http://www.design-fluide.com/?p=1855</guid>
		<description><![CDATA[Solution permettant de déclencher l'initialisation ou la destruction d'un slider en fonction d'un breakpoint. Exemple avec le Owl Carousel, mais fonctionne avec la plupart des plugins.]]></description>
		<wfw:commentRss>https://www.design-fluide.com/27-08-2016/initialiser-detruire-slider-resize/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Du JS spécifique aux devices grâce aux breakpoints CSS</title>
		<link>https://www.design-fluide.com/23-08-2016/du-js-specifique-aux-devices-grace-aux-breakpoints-css/</link>
		<comments>https://www.design-fluide.com/23-08-2016/du-js-specifique-aux-devices-grace-aux-breakpoints-css/#comments</comments>
		<pubDate>Tue, 23 Aug 2016 12:00:00 +0000</pubDate>
		<dc:creator>BeliG</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Responsive]]></category>

		<guid isPermaLink="false">http://www.design-fluide.com/?p=1281</guid>
		<description><![CDATA[Une technique simple à implémenter et évolutive qui permet de cibler en javascript les breakpoints d'un site responsive. Le but étant d'appliquer aux devices du code JS spécifique.]]></description>
		<wfw:commentRss>https://www.design-fluide.com/23-08-2016/du-js-specifique-aux-devices-grace-aux-breakpoints-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Un menu accordéon (« Accordion effect ») en jQuery</title>
		<link>https://www.design-fluide.com/21-08-2016/un-menu-accordeon-accordion-effect-en-jquery/</link>
		<comments>https://www.design-fluide.com/21-08-2016/un-menu-accordeon-accordion-effect-en-jquery/#comments</comments>
		<pubDate>Sun, 21 Aug 2016 07:52:41 +0000</pubDate>
		<dc:creator>BeliG</dc:creator>
				<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.design-fluide.com/?p=1416</guid>
		<description><![CDATA[Un plugin jQuery simple et efficace pour réaliser des navigations en accordéon : ouvertures multiples, fermeture automatique, section ouverte au chargement de la page, ...]]></description>
		<wfw:commentRss>https://www.design-fluide.com/21-08-2016/un-menu-accordeon-accordion-effect-en-jquery/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>How to get text-overflow ellipsis working on a table cell</title>
		<link>https://www.design-fluide.com/24-01-2016/how-to-get-text-overflow-ellipsis-working-on-a-table-cell/</link>
		<comments>https://www.design-fluide.com/24-01-2016/how-to-get-text-overflow-ellipsis-working-on-a-table-cell/#comments</comments>
		<pubDate>Sun, 24 Jan 2016 14:45:43 +0000</pubDate>
		<dc:creator>BeliG</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.design-fluide.com/?p=1600</guid>
		<description><![CDATA[A solution to make a table cell taking all remaining space, and add a CSS ellipisis if content is too long to fit in one line. Works on both HTML and CSS tables.]]></description>
		<wfw:commentRss>https://www.design-fluide.com/24-01-2016/how-to-get-text-overflow-ellipsis-working-on-a-table-cell/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Un fix jQuery pour utiliser placeholder sur IE8/IE9</title>
		<link>https://www.design-fluide.com/20-12-2013/un-fix-jquery-pour-utiliser-placeholder-sur-tous-les-navigateurs/</link>
		<comments>https://www.design-fluide.com/20-12-2013/un-fix-jquery-pour-utiliser-placeholder-sur-tous-les-navigateurs/#comments</comments>
		<pubDate>Fri, 20 Dec 2013 13:45:20 +0000</pubDate>
		<dc:creator>BeliG</dc:creator>
				<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.design-fluide.com/?p=1190</guid>
		<description><![CDATA[État des lieux du support de l'attribut HTML5 placeholder et solutions compatibles cross-browser. Également dans cet article des pistes pour styler placeholder avec CSS.]]></description>
		<wfw:commentRss>https://www.design-fluide.com/20-12-2013/un-fix-jquery-pour-utiliser-placeholder-sur-tous-les-navigateurs/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
