Grilled Cheese

ExploreLog inSign up
Terms of UsePrivacy PolicyCommunity StandardsHelpGet the app

Grilled Cheese is a product of Village Compute

Version devBuilt at: 2026-10-13 06:05:14 EDT

Explore

PostsPeople
LatestRanked
Load more
@lionel-peramo.comSep 24, 2026, 8:56 PM

You probably know the classic :target selector.
Have you heard of scroll-target-group?
It is a new CSS property.
It creates a native scroll-spy effect without JavaScript.
Here is how it works.

#CSS #WebDev #Frontend

1/4

@inautilo.bsky.socialSep 24, 2026, 7:10 PM

#Development #Approaches
Fluid typography · What to know before picking an approach ilo.im/16ga60 by Donnie D’Amato

_____
#Fonts #Typography #Zoom #Viewport #Accessibility #FluidDesign #WebDesign #WebDev #Frontend #CSS

@news.karthihegde.devSep 24, 2026, 6:45 PM

Show HN: Make cursed fonts like Times New Bastard
Discussion | hackernews | Author: MitPitt

#Frontend

@glitchreplay.bsky.socialSep 24, 2026, 5:02 PM

What is the most 'works on my machine' bug you've ever encountered that only decided to appear once the code hit a production CDN or a specific mobile browser?

#glitchreplay #errortracking #sessionreplay #bugmonitoring #webdev #frontend

@migrantx.bsky.socialSep 24, 2026, 3:45 PM

Speedtab now provides Clockworx for notes. You can pick X Timezones from a total of 418 and track the whole world.
My 24″ can only show ~175 at once due to a lack of space, but the 175 run in Sync like MIDI. But pretty chaotic, so the screenshot has 114 scannables.

#WebDev #Frontend #Javascript #JS

Photo, no description
@alvaromartincrespo.bsky.socialSep 24, 2026, 2:11 PM

¡Gracias! Me alegra que notes el ritmo. Hoy estoy afinando la animación del menú de mi juego indie con CSS Grid y keyframes. ¿Algún tip para suavizar transiciones? #frontend

@shevabam.bsky.socialSep 24, 2026, 2:02 PM

A relire : CanIUse en ligne de commande

https://blog.shevarezo.fr/post/2015/08/13/caniuse-ligne-commande-css

#css #frontend #html

@inautilo.bsky.socialSep 24, 2026, 9:21 AM

#Business #Findings
Google AI ranking factors · The expert guide to getting cited by Google AI ilo.im/16g80w by Cyrus Shepard

_____
#Google #SEO #AiSearch #Citations #Brands #Marketing #Websites #Development #WebDev #Frontend

@umbracymru.bsky.socialSep 24, 2026, 8:00 AM

Next Wednesday, join us at Spindogs in Cardiff to hear Joe Glombek share which Umbraco coding practices belong in the past, and Jordan Crouch explore how to make a CMS more front-end aware!

Sign up for free below!

#Meetup #usergroup #Umbraco #dotnet #webdev #frontend #CMS #Cardiff

Promotional graphic for an UmbraCymru meetup. The event takes place on Wednesday 30th September 2026, 18:00–20:00, at Spindogs, Hannah Street, Cardiff. Titled “September Talks & Networking”, it features two talks: “Ghosts of Umbraco Past: Coding Practices to Lay to Rest in 2027” by Joe Glombek, Senior .NET Developer at Bump and Umbraco MVP; and “Making a CMS front-end aware” by Jordan Crouch, Frontend Developer at Spindogs. The graphic includes photos of previous meetups, the UmbraCymru branding, and notes that entry, food and drinks are free.
@inautilo.bsky.socialSep 24, 2026, 5:35 AM

#Development #Releases
New in Chrome DevTools · Agent controls, modernized device presets, and more ilo.im/16gfer by Matthias Rohmer

_____
#Chrome #DevTools #AI #MCP #Devices #Network #Accessibility #WebPerf #WebDev #Frontend

@bilalmlkdev.bsky.socialSep 24, 2026, 5:06 AM

Useful websites for Frontend Devs

→ developer.mozilla.org
→ css-tricks.com
→ caniuse.com
→ web.dev
→ codepen.io
→ www.frontendmentor.io
→ javascript.info

Save this for later

#Frontend #WebDev #CSS #JavaScript

Photo, no description
@gigsniper.bsky.socialSep 24, 2026, 3:01 AM

🎯 Frontend Engineer
🏢 Bjak

Get matched to remote gigs the minute they post: gigsniper.net

#RemoteJobs #Hiring #RemoteWork #Frontend #Design

@hitmarker.netSep 23, 2026, 11:15 PM

⚡️ NEW: Build the platforms behind some of the world's biggest esports events. ESL FACEIT is hiring.

💼 Software Engineer - Frontend
🏢 ESL FACEIT Group
🌍 Europe
📄 Full Time
🎚️ Intermediate
#Frontend, #WebDev, #Esports

Apply here 👇
hitmarker.net/jobs/esl-so...

@inautilo.bsky.socialSep 23, 2026, 10:11 PM

#Development #Introductions
One SVG, nine posters · Can we already style linked SVGs with CSS? ilo.im/16gf1u by Vadim Makeev

_____
#SVG #CSS #LinkedParameters #Specification #ProgressiveEnhancement #Browsers #WebDev #Frontend

@andymaleh.bsky.socialSep 23, 2026, 7:24 PM

AI can generate Glimmer DSL for Web Frontend features with much simpler and more reliable code than React's as attested by my own experience with this. Glimmer avoids over-engineering with a much more elegant design.

#glimmer #dsl #web #rails #railsworld #ai #dhh #frontend #development #software

@mariusdevz.bsky.socialSep 23, 2026, 6:07 PM

Built a Todo List with vanilla JavaScript. ✅⚡

Practiced DOM manipulation, events, array methods, state management, and localStorage.

Another project completed. 🧠🔥

#JavaScript #Frontend #WebDevelopment

@s0-and-s0.bsky.socialSep 23, 2026, 5:07 PM

Here be another CSS/HTML (ab)use example of `::before`/`::after` pseudo-elements

I need an expert in the ways of accessibility to confirm; currently I believe using `ul`/`li` elements _may_ provide screen readers sufficient semantic hints to not require `area-` labels

#css #frontend #html

```html <!-- CSS/HTML comma separated list example Author: S0AndS0.eth License: This is your problem now ;-) --> <style> .list__comma-separated__oxford { list-style: none; display: flex; padding: 0; margin: 0; & > li { &:not(:last-child)::after { padding-inline-end: 0.5ch; content: ', '; } &:last-child::before { content: 'and '; } } } </style> <ul class="list__comma-separated__oxford"> <li>First</li> <li>Second</li> <li>Third</li> <li>Forth</li> <li>Fifth</li> </ul> ```
@inautilo.bsky.socialSep 23, 2026, 4:17 PM

#Development #Techniques
Stop buttons triggering accidental zooms · One line of CSS fixes double tap zoom issues on mobile ilo.im/16geo5 by Andy Bell

_____
#Gestures #Zoom #Buttons #Accessibility #Mobile #Browser #WebDev #Frontend #HTML #CSS

@docaridr.bsky.socialSep 23, 2026, 2:14 PM

CSS qui ne s’affiche pas comme prévu ?

3 outils pour déboguer :

1️⃣DevTools pour inspecter et modifier ;

2️⃣Validateur W3C pour détecter les erreurs ;

3️⃣Émulateur pour tester le responsive.

➡️ Valider → ajuster → tester.

#CSS #FrontEnd #ResponsiveDesign

DevTools : Inspecter, modifier, comprendre. Débogage CSS et visualisation du Box Model sur écran d'ordinateur.Validateur W3C : Détecter les erreurs. Analyse et correction d'erreurs de syntaxe CSS.Émulateur : Tester le responsive. Démonstration de la même page sur smartphone, tablette et desktop.
@inautilo.bsky.socialSep 23, 2026, 9:16 AM

#Design #Approaches
Design tokens need more than semantics · Understand the structure, and the tokens follow ilo.im/16g9id by Nate Baldwin

_____
#Structures #Semantics #DesignSystems #DesignTokens #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend