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-17 14:54:11 EDT

PhotosVideosAllPeople
LatestRanked
@armenvardanyan.devOct 16, 2026, 11:46 AM

Have you ever used TitleStrategy? It can be very handy when you want some custom logic always included with your browser tab titles.

Here is an example of how you can include inbox unread counts in the page title:

#Angular #WebDev #TypeScript #Frontend

@Injectable() export class AppTitleStrategy extends TitleStrategy { private title = inject(Title); private unread = inject(Inbox).unreadCount; private page = signal<string | undefined>(undefined); private sync = effect(() => this.title.setTitle( (this.unread() ? `(${this.unread()}) ` : '') + (this.page() ?? 'Acme CRM'))); override updateTitle(snapshot: RouterStateSnapshot) { this.page.set(this.buildTitle(snapshot)); } }
@mspk-97.bsky.socialOct 16, 2026, 11:35 AM

NgRX Store v22 sharpens selector memoization & typings, plus updates effects and providers. Upgrade right: audit reducers for immutability and leverage new APIs. Stay reactive, avoid bugs. #Angular #NgRX #StateManagement #TypeScript #Frontend #WebDev https://blog.mspk.me/posts/what-s-new-and-differe

@armenvardanyan.devOct 16, 2026, 11:04 AM

`withComponentInputBinding()` in Angular now allows dropping query parameters from the data the component can read via input.

I struggle to see when this can be useful, has anyone tried it yet?

#Angular #WebDev #TypeScript #Frontend

// app.config.ts provideRouter(routes, withComponentInputBinding({ queryParams: false })); // order-list.ts route: orders/:id URL: /orders/7?page=2 export class OrderList { id = input<string>(); // '7' page = input<string>(); // undefined: query params no longer bind }
@jmshinhwa.bsky.socialOct 16, 2026, 10:31 AM

看護師 職務経歴書 書き方、在籍年数をそのまま臨床経験と書いていませんか。在籍10年7か月でも、育児休業12か月を除けば臨床経験は9年7か月。病棟から訪問看護へ移る見本文入りで、自分の病院の年月を入れると両方の通算が出ます。

#HuggingFace #WebDev #Frontend

https://getreadystack.com/ja/tools/kangoshi-shokumu-keirekisho-kakikata?ref=bs_jmshinhwa

@armenvardanyan.devOct 16, 2026, 10:04 AM

Anyone developing Salesforce apps? Would you consider using Angular there?

#Angular #Salesforce #WebDev #Frontend

@inautilo.bsky.socialOct 16, 2026, 9:58 AM

#Development #Techniques
Web accessibility smoke testing · Six quick browser checks before submitting a pull request ilo.im/16h1e3 by Rachele DiTullio

_____
#Scaling #Text #Content #Keyboard #Focus #Accessibility #TechDebt #Browsers #WebDev #Frontend

@lionel-peramo.comOct 16, 2026, 8:00 AM

Have you ever tried to smoothly fade an element in and out only for display none to ruin the transition? Normally the element vanishes instantly. We used to rely on JavaScript workarounds to fix this. Now we can do this with pure CSS. #CSS #WebDev #Frontend 1/6

@vicky-grok.bsky.socialOct 16, 2026, 4:30 AM

You can visually design an effect, export the code, and keep refining it with your coding agent.

Less time fighting shaders.

More time building interfaces that actually stand out.

🔗 github.com/shader-effe...

#WebDev #AI #Frontend #OpenSource

@inautilo.bsky.socialOct 16, 2026, 4:09 AM

#Development #Previews
Modernizing the Visual Studio Code UI · Where coding and agents finally feel alike ilo.im/16h1hx by Lee Murray

_____
#Microsoft #VsCode #CodeEditor #AI #AiAgents #DevOps #WebDev #Frontend #Backend

@michabbb.bsky.socialOct 16, 2026, 1:48 AM

🌐 viteplus.dev/

#webdev #frontend #devtools

@inautilo.bsky.socialOct 15, 2026, 9:25 PM

#Development #Explainers
Why WebMCP matters · “WebMCP is web performance for AI agents on the web.” ilo.im/16gzxf by Yoav Weiss

_____
#AI #AiAgents #SemanticHTML #WebMCP #Websites #Shopify #WebPerf #WebDev #Frontend #HTML

@lionel-peramo.comOct 15, 2026, 8:00 PM

Gradient text is a visually appealing styling choice. It can transform your words and headlines. Here is how to create this effect with pure CSS. #CSS #WebDev #Frontend 1/5

Example of CSS for gradient text. The CSS code shows the use of -webkit-background-clip and background-image properties to apply a linear gradient on text in HTML. The gradient colors range from light blue (#CCF) to blue (#ADB) and turquoise (#7F7), with a 45-degree angle. The color property is set to transparent and the font-weight to bold to highlight the gradient.
@yellowduck.beOct 15, 2026, 5:05 PM

Revamp your RSS experience! Discover how new.bitecode.dev enhances subscriptions with custom filters using Django.

#django #frontend #reading-list

@armenvardanyan.devOct 15, 2026, 4:23 PM

Since Angular 22, we can use arrow functions inside templates, which I feel should actually be a very welcome change.

Are you already using it?

#Angular #WebDev #TypeScript #Frontend

<!-- a terrible way of using it --> @for (todo of todos().filter(t => !t.done); track todo.id) { <app-todo [todo]="todo" /> } <!-- an actually good way of using it --> <button (click)="todos.update(list => list.map(t => ({ ...t, done: true })))"> Mark all done </button>
@inautilo.bsky.socialOct 15, 2026, 3:07 PM

#Development #Comparisons
JPEG XL vs. AVIF for web use cases · Where each modern image format actually wins ilo.im/16h105 by Jake Archibald

_____
#Images #ImageFormats #JpegXL #AVIF #WebP #Websites #Design #WebDesign #WebPerf #WebDev #Frontend

@inautilo.bsky.socialOct 15, 2026, 12:47 PM

#Design #Outlooks
A different future for accessibility · Why the W3C is rebuilding its successful WCAG standard ilo.im/16h0w8 by Léonie Watson

_____
#Accessibility #Conformance #WCAG #WCAG2 #WCAG3 #W3C #WebDesign #Development #WebDev #Frontend

@news.karthihegde.devOct 15, 2026, 12:06 PM

How I Designed a Roommate Matching Tool on a 20KB Budget
tech_blogs_atomic_object | Author: Molly O'Riordon

#Frontend

@jay52-tx.bsky.socialOct 15, 2026, 12:00 PM

#CSS Does Your Tooltip Positioning Now — Matt takes a look at CSS Anchor Positioning, namely anchor-name and position-anchor || #Frontend #CodeNewbie #WebDev bit.ly/4jUT3jh

@jmshinhwa.bsky.socialOct 15, 2026, 10:31 AM

アルバイト 職務経歴書、掛け持ちの期間を足し算していませんか。居酒屋6年7か月＋コンビニ1年6か月＝8年1か月ではなく、重なった12か月を1回だけ数えて通算7年1か月。入社時の源泉徴収票の退職年月日と食い違う前に、自分の年月で無料で確かめられます。

#HuggingFace #WebDev #Frontend

https://getreadystack.com/ja/tools/arubaito-shokumu-keirekisho?ref=bs_jmshinhwa

@inautilo.bsky.socialOct 15, 2026, 9:19 AM

#Development #Announcements
Experimental soft navigation metrics · CrUX now has experimental SPA UX data ilo.im/16gz6k by Annie Sullivan

_____
#Metrics #WebVitals #SoftNavigations #SPAs #Chrome #CrUX #WebPerf #WebDev #Frontend #JavaScript

Load more