Jerome Debray's tools

Jerome Debray's tools

Published July 7, 2015 in Development, Web - Last update on July 8, 2015.

One tool I use a long time ago is CSS mutli-column generator by Jerome Debray. This tools helps me to make a correct CSS for create <li> in sereral columns. Simple example:

  • Column 1 - Row 1
  • Column 1 - Row 2
  • Column 2 - Row 1
  • Column 2 - Row 2

CSS used:

-moz-column-count:2;
-webkit-column-count:2;
-o-column-count:2;
column-count:2;
-moz-column-gap:20px;
-webkit-column-gap:20px;
-o-column-gap:20px;
column-gap:20px;
-webkit-column-rule-width:1px;
-webkit-column-rule-color:#cbcefb;
-webkit-column-rule-style:dotted;
-moz-column-rule-width:1px;
-moz-column-rule-color:#cbcefb;
-moz-column-rule-style:dotted;
-o-column-rule-width:1px;
-o-column-rule-color:#cbcefb;
-o-column-rule-style:dotted;
column-rule-width:1px;
column-rule-color:#cbcefb;
column-rule-style:dotted;

Jerome's website has many other online tools, that help webdevs like me. Rendez-vous at www.debray-jerome.fr/outils.html (sorry for non-French speaker).

Comments

No comments yet.

Post your comment

Comment as . Log out.