Thierry Roncier

Création de sites web | Développeur | Graphiste Webdesigner | Communication | Freelance #rennes | #WordPress | #JS | #Nuxt | #VueJS | #uxdesign | #SEO

[Stéphane Moussie @stephmouss]

Ça c’est du responsive.

[Thierry Roncier @ThierryRoncier]

@BastiUi Je suis nostalgique de celui des années 90 en mode étiquette à coller

[Thierry Roncier @ThierryRoncier]

@BastiUi Chez moi ça bouge bien mais c’est vraiment inutile. Beaucoup de mal avec cet maj 26.
Des waous qui ne servent à rien et qui mettent à mal la lisibilité

[Thierry Roncier @ThierryRoncier]

@BastiUi On a perdu le pacman !

[jhey ʕ•ᴥ•ʔ @jh3yy]

<table> highlighting with CSS :has() 💡

td:has(~ td:hover), /* previous sibling cells */
table:has(td:nth-of-type(3):hover) /* column cells */
tr:not(:first-of-type):has(~ tr:hover)
td:nth-of-type(3) {
background: var(--highlighted);
}

[jhey ʕ•ᴥ•ʔ @jh3yy]

One of Apple's tricks is to swap images on scroll 📜

You could do it with CSS scroll animation. Translate a track of images with steps ease! ⭐️

.track {
animation: play steps(63);
animation-timeline: --head;
}
@​keyframes play { to { translate: 0 -6300%; }}

Watch this 👇

[Melvyn • Builder @melvynx]

CSS à sortie 5 nouveautés de fou furieux qui vont remplacer Framer Motion et Popper.js 👇

[Eric Lagadec✨🌍 @EricLagadec]

Sommes nous seuls dans l'Univers? Vous vous êtes sans doute déjà posé la question. Et bien nous, astrophysiciens, aussi. L'absence de rencontres avec des ETs est un paradoxe: le paradoxe de fermi. Thread👇
© @ESO

[Agence LunaWeb @agencelunaweb]

Un poste en CDD de 6 à 9 mois en tant que chef·fes de projet web au sein de l’équipage LunaWeb est à pourvoir !

Pour en savoir plus et rejoindre l’Agence, ça se passe ici : https://t.co/QNmImbHMTC

[jhey ʕ•ᴥ•ʔ @jh3yy]

Scrolling parallax cards with CSS scroll animation 📜

article {
scale: 0.8;
animation: scale;
animation-timeline: view(inline);
animation-range: cover 40% cover 60%;
}
@​keyframes scale { 50% { scale: 1; }}

[Thierry Roncier @ThierryRoncier]

Non l’Homme ne descend pas du singe, article très intéressant sur l’évolution :
https://t.co/NuISdatqaF

[jhey ʕ•ᴥ•ʔ @jh3yy]

DOM magnifier with CSS &amp;&amp; SVG 🔍

.magnifier {
position: fixed;
left: 0;
top: 0;
translate: var(--x) var(--y);
backdrop-filter: url(#​magnifier);
}

Could use it in a [popover] 🤙

[Cam Kemshal-Bell @CamKemDev]

PHP 8.4 is going to be wild...

Property hooks &amp; instantiation without encapsulation.

After 26 years of Classes, finally dropping parentheses required on new keyword when calling a property or method directly....

Also DOMDocument getting HTML5 support!

https://t.co/wBolnsBVOd

[jhey ʕ•ᴥ•ʔ @jh3yy]

Scroll masking with CSS scroll animation as a progressive enhancement ⭐️

.scroller {
animation: mask-up;
animation-timeline: scroll(self);
animation-range: 0 1rem;
mask-composite: exclude;
}
@​keyframes mask-up {
to { mask-size: 100% 120px, 100% 100%; }
}

[Melvyn • Builder @melvynx]

En 2 ans le web à totalement changer.

Les techs d'hier ont totalement été remplacés par des nouveaux outils.

Voici les énormes trends de 2024 👇

[Thierry Roncier @ThierryRoncier]

@Korben Pas moyen de se laver les mains après !

[Agence LunaWeb @agencelunaweb]

Des chef·fes de projet web qui souhaitent rejoindre un équipage rennais, engagé pour l’UX, l’accessibilité ou encore l’éco-conception par ici ?

Nous avons peut-être une offre pour vous : https://t.co/E8YctBe8J7

[Agence LunaWeb @agencelunaweb]

Si tu es un·e passionné·e du web, expérimenté·e en gestion de projet #UX, il se peut que nous ayons une mission pour toi.

La mission en question : celle de chef·fe de projet web.

Plus de détails sur l’offre : https://t.co/E8YctBe8J7

[Thierry Roncier @ThierryRoncier]

Merci @agencelunaweb pour son partage de voeux : https://t.co/oHOVhvucLU
Je vous souhaite également une très belle année 2024.

[Thierry Roncier @ThierryRoncier]

#figma Bien joué @BastiUi ^^

[Basti Ui ✌️ @BastiUi]

J'ai créé un jeu pour me venger d'Elon Musk !
La contrainte ?
Le coder avec @figma...

⤷ 🔴 Dispo sur ma chaîne YouTube