lepoulsdumonde.com is one of the many independent Mastodon servers you can use to participate in the fediverse.
Small french Mastodon instance for friends, family and useful bots

Administered by:

Server stats:

52
active users

#css

19 posts18 participants4 posts today
Negative12DollarBill<p>Hi, <a href="https://techhub.social/tags/Today" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Today</span></a> I decided to try to <a href="https://techhub.social/tags/getfedihired" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>getfedihired</span></a> — I've got many years of experience with web development, programming and production (<a href="https://techhub.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a>, <a href="https://techhub.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a>, <a href="https://techhub.social/tags/Javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Javascript</span></a>), I can make myself useful in anything on the open-source side of back end, i.e. the <a href="https://techhub.social/tags/Perl" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Perl</span></a>, <a href="https://techhub.social/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Python</span></a>, <a href="https://techhub.social/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PHP</span></a>, <a href="https://techhub.social/tags/MySQL" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MySQL</span></a>, <a href="https://techhub.social/tags/Linux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Linux</span></a> kind of area.</p><p>I live in <a href="https://techhub.social/tags/Sydney" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Sydney</span></a> Australia and would be happy to work in-office, remote or hybrid.</p><p>Let me know of any opportunities, or pass this on to anyone else who might know of something? Thanks.</p>
Jobs for Developers<p>Formant is hiring Frontend Engineer</p><p>🔧 <a href="https://mastodon.world/tags/rust" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rust</span></a> <a href="https://mastodon.world/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typescript</span></a> <a href="https://mastodon.world/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react</span></a> <a href="https://mastodon.world/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a><br>🌎 Remote<br>⏰ Full-time<br>🏢 Formant</p><p>Job details <a href="https://jobsfordevelopers.com/jobs/frontend-engineer-at-formant-io-nov-14-2022-38503d?utm_source=mastodon.world&amp;utm_medium=social&amp;utm_campaign=posting" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">jobsfordevelopers.com/jobs/fro</span><span class="invisible">ntend-engineer-at-formant-io-nov-14-2022-38503d?utm_source=mastodon.world&amp;utm_medium=social&amp;utm_campaign=posting</span></a><br><a href="https://mastodon.world/tags/jobalert" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jobalert</span></a> <a href="https://mastodon.world/tags/jobsearch" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jobsearch</span></a> <a href="https://mastodon.world/tags/hiring" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hiring</span></a></p>
Adam Argyle :chrome:<p>CSS, rad folks, virtual attendance?</p><p>Smashing Meets <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a>:<br><span class="h-card" translate="no"><a href="https://mastodon.social/@smashingmag" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>smashingmag</span></a></span> </p><p>⤷ <a href="https://nerdy.dev/smashing-meets-css-2025" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nerdy.dev/smashing-meets-css-2</span><span class="invisible">025</span></a></p>
Jobs for Developers<p>3Pillar Global is hiring Senior Software Engineer - React</p><p>🔧 <a href="https://mastodon.world/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.world/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typescript</span></a> <a href="https://mastodon.world/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react</span></a> <a href="https://mastodon.world/tags/serverless" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>serverless</span></a> <a href="https://mastodon.world/tags/aws" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aws</span></a> <a href="https://mastodon.world/tags/cicd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cicd</span></a> <a href="https://mastodon.world/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.world/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mastodon.world/tags/seniorengineer" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>seniorengineer</span></a><br>🌎 Romania<br>⏰ Full-time<br>🏢 3Pillar Global</p><p>Job details <a href="https://jobsfordevelopers.com/jobs/senior-software-engineer-react-at-3-pillarglobal-com-mar-4-2025-25bdd4?utm_source=mastodon.world&amp;utm_medium=social&amp;utm_campaign=posting" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">jobsfordevelopers.com/jobs/sen</span><span class="invisible">ior-software-engineer-react-at-3-pillarglobal-com-mar-4-2025-25bdd4?utm_source=mastodon.world&amp;utm_medium=social&amp;utm_campaign=posting</span></a><br><a href="https://mastodon.world/tags/jobalert" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jobalert</span></a> <a href="https://mastodon.world/tags/jobsearch" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jobsearch</span></a> <a href="https://mastodon.world/tags/hiring" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hiring</span></a></p>
Adam Argyle :chrome:<p>amazing what a few lines of <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> can do</p><p><a href="https://codepen.io/argyleink/pen/LEYOgxy" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/argyleink/pen/LEYOg</span><span class="invisible">xy</span></a></p>
𝙹𝚘𝚑𝚊𝚗<p><a href="https://cr8r.gg/tags/%D0%92%D0%B5%D0%B1%D0%94%D0%B8%D0%B7%D0%B8%D0%B3%D0%BD" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ВебДизигн</span></a> <a href="https://cr8r.gg/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://cr8r.gg/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> </p><p><a href="https://cr8r.gg/tags/%D0%92%D0%BE%D0%BF%D1%80%D0%BE%D1%81" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Вопрос</span></a>: а почему <code>hyphens: auto;</code> не используется всеми, всгда и повсеместно? 🤔</p>
Random Geek<p>There's a special place in H E double hockey sticks for folks who set their site's base font size to 16px.</p><p>I'm sure it's fine on small displays, and I dunno it's probably adjusted for in HiDPI displays.</p><p>But me in between @ 5120 x 1440 and preferences adjusted for steadily aging vision such that default font size is 20pt, or about 26px?</p><p>My eyes hurt. </p><p>Just don't set base font size, or set it to 1rem if you <em>must</em> have a value.</p><p><a href="https://hackers.town/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://hackers.town/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a></p>
sb arms & legs<p>My thinking behind <a href="https://metroholografix.ca/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> is to try to be close to classless as possible - meaning all styling is applied to root elements. Semantics then dictate layout.</p><p>Classes are then used very sparingly for specific cases, like indicating the currently displayed page on the main menu. </p><p>I started writing <a href="https://metroholografix.ca/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> in 1996 - it has come a long way, and it is pretty awesome.</p>
Ana Tudor 🐯<p>Because someone just hearted a 5 year old <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>codepen</span></a></span> demo <a href="https://codepen.io/thebabydino/pen/GRooBJm?editors=0100" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/GRo</span><span class="invisible">oBJm?editors=0100</span></a> I made using a <a href="https://mastodon.social/tags/Sass" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Sass</span></a> function + looping to generate a <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> 🌈: we don't need *any* Sass for this anymore! 🎉</p><p>We can now do it with</p><p>background: <br> linear-gradient(in hsl longer hue 90deg, <br> hsl(0, 95%, 65%) 0 0)</p><p><a href="https://mastodon.social/tags/SCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SCSS</span></a> <a href="https://mastodon.social/tags/loop" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>loop</span></a> <a href="https://mastodon.social/tags/looping" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>looping</span></a> <a href="https://mastodon.social/tags/newCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>newCSS</span></a> <a href="https://mastodon.social/tags/rainbow" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rainbow</span></a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssGradient</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/hueInterpolation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hueInterpolation</span></a></p>
Adam Argyle :chrome:<p><a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> sibling-index() and sibling-count() <br>available Chrome Canary with experiments enabled!</p><p>`transition-delay: calc(sibling-index() * .1s);`</p><p>or</p><p>```css<br>--hue: calc(sibling-index() * 50);<br>color: oklch(70% 70% var(--hue));<br>```</p><p>more info and a Codepen to fork<br>⤷ <a href="https://nerdy.dev/sibling-index" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">nerdy.dev/sibling-index</span><span class="invisible"></span></a></p>
alexandra<p>this is it, folks! we are in the final week before submissions are due for GOOD INTERNET, a new print periodical magazine about all the things that make the <a href="https://tilde.zone/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> fun: things like the <a href="https://tilde.zone/tags/smallweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>smallweb</span></a>, the fediverse, the <a href="https://tilde.zone/tags/indieweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indieweb</span></a>, and efforts to actively fight <a href="https://tilde.zone/tags/enshittification" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>enshittification</span></a>. submissions are open until MARCH 15.</p><p>check the submission guidelines or sign up for email alerts to be notified when we publish in may!</p><p><a href="https://goodinternetmagazine.com" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">goodinternetmagazine.com</span><span class="invisible"></span></a></p><p>if this is your first time hearing about this, you still have enough time to come up with and write an article or complete a digital <a href="https://tilde.zone/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a> piece, if you're passionate about the <a href="https://tilde.zone/tags/internet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>internet</span></a> and want to write about it! :) bloggers, it's your time to shine!~ </p><p>i can't wait to show y'all the incredible stories that have been submitted from all over the 'net, and some of the coolest art i've seen about the web!</p><p>thank you to everyone who's been so supportive of this project already. this is why this side of the internet is amazing. ❤️ please boost, if you can; i want to make sure i did everything i could to include as many diverse voices as i can.</p><p>thank you! 🤟 </p><p>original post: <a href="https://tilde.zone/@xandra/113913277766098384" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tilde.zone/@xandra/11391327776</span><span class="invisible">6098384</span></a></p><p><a href="https://tilde.zone/tags/writing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>writing</span></a> <a href="https://tilde.zone/tags/blogging" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blogging</span></a> <a href="https://tilde.zone/tags/personalweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>personalweb</span></a> <a href="https://tilde.zone/tags/personalwebsites" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>personalwebsites</span></a> <a href="https://tilde.zone/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://tilde.zone/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://tilde.zone/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://tilde.zone/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a> <a href="https://tilde.zone/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://tilde.zone/tags/magazine" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>magazine</span></a> <a href="https://tilde.zone/tags/publishing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>publishing</span></a> <a href="https://tilde.zone/tags/codingisart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codingisart</span></a> <a href="https://tilde.zone/tags/indie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indie</span></a> <a href="https://tilde.zone/tags/writers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>writers</span></a> <a href="https://tilde.zone/tags/fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fediverse</span></a> <a href="https://tilde.zone/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://tilde.zone/tags/digitalart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>digitalart</span></a> <a href="https://tilde.zone/tags/artist" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>artist</span></a></p>
Christian Alder<p>TIL about CSS image-rendering: pixelated;</p><p>Allowing pixel art to scale up to any size and not look bad.</p><p>On / Off comparison for increasing scale 32px, 64px, 128px, and 256px.</p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
Mia (web luddite)<p>Since 2009, I've been contributing to open web tools &amp; standards,&nbsp;with a focus on CSS and related platform features at the W3C. But that work takes resources, making it hard for independent contributors like us <span class="h-card" translate="no"><a href="https://front-end.social/@OddBird" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>OddBird</span></a></span> to stay involved.</p><p>We need support. If you appreciate what we're doing, you (or your company) can sponsor our work directly:</p><p><a href="https://opencollective.com/oddbird-open-source" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">opencollective.com/oddbird-ope</span><span class="invisible">n-source</span></a></p><p>Let's keep building an open web for everyone.</p><p><a href="https://front-end.social/tags/w3c" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>w3c</span></a> <a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a></p>
Ana Tudor 🐯<p><a href="https://mastodon.social/tags/tinyCSStip" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tinyCSStip</span></a><br>Do you still use `position: absolute` to stack elements, for example when coding paralax effects?</p><p>It's 2023! While there are still legitimate use cases for absolute positioning, CSS grid is the better solution in most cases. Way more compact &amp; easier to understand.👇</p><p><a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a></p>
Juliette Robert<p><a href="https://boitam.eu/tags/introduction" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>introduction</span></a> <a href="https://boitam.eu/tags/introductionfr" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>introductionfr</span></a> <br>Bon je reviens ici un peu. Je suis <a href="https://boitam.eu/tags/photographe" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>photographe</span></a> et <a href="https://boitam.eu/tags/journaliste" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>journaliste</span></a>, basée en <a href="https://boitam.eu/tags/Su%C3%A8de" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Suède</span></a>.<br>Je bosse avec mes chouchous de @Youpress@twitter.com On fait du news et des reportages sur les droits des femmes, des lgbt, des minorités. <br>Sinon, je m'amuse avec du <a href="https://boitam.eu/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> et des jeux vidéos vieux ou indés que j'ai jamais le temps de finir.</p>