PLINKFEED
검색구독
ALLAI-MLBACKENDFRONTENDDEVOPSSECURITYMOBILEDATABASECLOUDOTHER

© 2026 PLINKFEED — AI가 선별한 IT 기술 뉴스

구독소개개인정보처리방침이용약관

#css

AI가 선별한 아티클

6·frontend·튜토리얼·CSS-Tricks·2026. 08. 12.

Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong

aria-hidden 문제의 올바른 해결 방법을 제시하는 글입니다.

The article provides correct solutions for the aria-hidden warning issue.

#aria-hidden#accessibility#html#css#web
요약 보기원문 →
7·frontend·사례연구·당근마켓 Tech·2026. 08. 12.

웹뷰 다음의 레일을 깔다: 당근이 Lynx를 선택한 이유

당근마켓이 Lynx 프레임워크 도입을 통한 웹뷰 문제 해결 과정을 다룬 글입니다.

This article discusses why Danggeun Market chose Lynx to solve webview performance issues.

#lynx#primjs#react#css#frontend#mobile
요약 보기원문 →
5·frontend·기타·CSS-Tricks·2026. 08. 10.

Animating CSS border-image

CSS border-image의 애니메이션 기법 소개

Introduction to animating CSS border-image.

#css
요약 보기원문 →
6·frontend·사례연구·Dev.to·2026. 08. 10.·▲ 24💬 2

I Built a ₹15 Landing Page About Mumbai's Soul Food

HTML과 CSS로 뭄바이의 소울푸드에 대한 랜딩 페이지를 제작한 과정을 다룹니다.

Shares the process of creating a landing page about Mumbai's soul food using HTML and CSS.

#html#css#frontend#landing page#devto
요약 보기원문 →
8·security·기타·The Hacker News·2026. 08. 08.

New CSS Attacks Can Break Webmail Defenses to Steal Passwords and Tokens

새로운 CSS 공격이 웹메일 방어를 뚫고 비밀번호와 토큰을 탈취할 수 있다.

New CSS attacks can bypass webmail defenses to steal passwords and tokens.

#css#webmail#outlook#gmail#yahoo#fastmail#protonmail#tokens
요약 보기원문 →
6·frontend·기타·CSS-Tricks·2026. 08. 07.

Using and Styling the Dialog Element

<dialog> 요소 사용 및 스타일링에 대한 심도 있는 설명.

In-depth explanation on using and styling the <dialog> element.

#dialog#css#html
요약 보기원문 →
5·frontend·분석·CSS-Tricks·2026. 08. 06.

2026 State of CSS, Devs Surveys

2026 State of CSS 설문조사 결과에 대한 간단한 요약입니다.

A brief summary of the 2026 State of CSS survey results.

#css#survey
요약 보기원문 →
5·frontend·기타·Dev.to·2026. 08. 06.·▲ 26💬 4

This is a submission for [Frontend Challenge - Comfort Food Edition, Perfect Landing] 😊

Gnoke Books는 인쇄된 잡지처럼 작동하는 프론트엔드 프로젝트입니다.

Gnoke Books is a frontend project that operates like a printed magazine.

#html#css#javascript#react
요약 보기원문 →
7·frontend·기타·Naver D2·2026. 08. 05.

FE News 26년 8월 소식을 전해드립니다.

2026년 8월의 주요 프론트엔드 기술 소식을 전합니다.

Major frontend tech updates for August 2026.

#css#vite#react#http#postgresql
요약 보기원문 →
7·frontend·튜토리얼·Dev.to·2026. 08. 04.·▲ 20

Your browser renders everything, even what you can't see — `content-visibility: auto` fixes that

브라우저의 content-visibility 속성으로 렌더링 성능을 개선할 수 있다.

The browser's content-visibility property can improve rendering performance.

#css#content-visibility#rendering#performance#web
요약 보기원문 →
6·frontend·기타·CSS-Tricks·2026. 08. 03.

Gap Decorations Are Now Available, Here’s What’s New

CSS gap 데코레이션이 Chrome과 Edge에서 지원됩니다.

CSS gap decorations are now supported in Chrome and Edge.

#css#chrome#edge
요약 보기원문 →
6·frontend·기타·CSS-Tricks·2026. 07. 31.

What’s !important #16: sibling-index() Animations, Use Cases for the infinity Keyword, Container Stuck Queries, and More

CSS의 sibling-index() 함수, infinity 키워드 및 기타 내용에 대한 탐구.

Exploration of CSS's sibling-index() function, infinity keyword uses, and more.

#css#infinity#animation#sibling-index#queries
요약 보기원문 →
5·frontend·기타·Hacker News·2026. 07. 30.·▲ 138💬 42

CodePen 2.0

CodePen 2.0에 대한 소개 및 업데이트입니다.

Introduction and updates on CodePen 2.0.

#codepen#web development#css#html#javascript
요약 보기원문 →
5·frontend·기타·Dev.to·2026. 07. 29.·▲ 31💬 7

Join our latest Frontend Challenge: Comfort Food Edition 🍲

프론트엔드 챌린지에 참여하고 맛있는 요리를 만들어 보세요!

Join our Frontend Challenge featuring comfort food themes!

#frontend#challenge#css#javascript#html
요약 보기원문 →
6·other·기타·Hacker News·2026. 07. 25.·▲ 137💬 45

Show HN: Brolly, a plain-text weather forecast site

Brolly는 단순한 텍스트 날씨 예보 사이트입니다.

Brolly is a minimalist plain text weather forecasting site.

#javascript#css#html#weather#visualization
요약 보기원문 →
6·frontend·기타·GeekNews·2026. 07. 24.

98.css - Windows 98 UI를 재현하는 CSS 라이브러리

98.css는 Windows 98 UI를 재현하는 접근성 기반 CSS 라이브러리입니다.

98.css is a CSS library that re-creates the Windows 98 UI with semantic HTML and accessibility.

#css#react#html#frontend
요약 보기원문 →
5·frontend·기타·GeekNews·2026. 07. 24.

Justif - 웹을 위한 Knuth-Plass 양쪽 정렬과 마이크로타이포그래피

Justif는 웹 텍스트 양쪽 정렬을 비교하는 데모입니다.

Justif is a web demo comparing browser's text justification with publication-level typesetting.

#justif#typography#web#text-justification#css
요약 보기원문 →
5·frontend·기타·Hacker News·2026. 07. 23.·▲ 276💬 58

98.css

98.css는 레트로 스타일의 CSS 프레임워크입니다.

98.css is a retro-style CSS framework.

#css#ui#frontend#web
요약 보기원문 →
5·frontend·튜토리얼·CSS-Tricks·2026. 07. 21.

writing-mode

CSS writing-mode 속성을 사용하여 텍스트 방향 설정하기.

Set text direction with the CSS writing-mode property.

#css
요약 보기원문 →
6·frontend·릴리즈·GeekNews·2026. 07. 21.

Jelly UI - 네이티브 HTML 폼 컨트롤에 소프트 바디 물리 효과 적용

Jelly UI는 HTML 폼 컨트롤에 물리 효과를 추가하는 웹 컴포넌트 라이브러리입니다.

Jelly UI is a web component library adding physics effects to native HTML form controls.

#jelly ui#html#css#web components#dark mode
요약 보기원문 →
6·frontend·기타·Hacker News·2026. 07. 20.·▲ 364💬 139

Jelly UI: Soft-body physics for native HTML form controls

Jelly UI는 HTML 폼 컨트롤을 위한 소프트 바디 물리 엔진이다.

Jelly UI is a soft-body physics engine for native HTML form controls.

#html#css#javascript#front-end#ui
요약 보기원문 →
5·frontend·분석·GeekNews·2026. 07. 19.

당신이 안 보는 사이 프론트엔드에 무슨 일이 있었나

프론트엔드의 20년 변화를 설명하는 글.

An article explaining 20 years of changes in frontend development.

#html#button#frontend#css#javascript
요약 보기원문 →
6·frontend·기타·Hacker News·2026. 07. 16.·▲ 197💬 93

If you want to create a button from scratch, you must first create the universe

모든 버튼은 우주를 만들고 시작해야 한다는 흥미로운 관점을 제시하는 글입니다.

The article presents an interesting perspective on creating buttons by starting from the universe.

#accessibility#design#user experience#html#css
요약 보기원문 →
5·frontend·기타·CSS-Tricks·2026. 07. 15.

pointer-events

pointer-events 속성을 활용해 요소의 포인터 이벤트를 제어하는 방법을 설명합니다.

The pointer-events property controls whether an element can be the target of pointer events.

#css#pointer-events
요약 보기원문 →
5·frontend·기타·CSS-Tricks·2026. 07. 15.

What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More

CSS 디자인의 최신 기법과 개선 사항을 살펴보는 글입니다.

This article explores the latest techniques and improvements in CSS design.

#css#grid#web design#custom selects#web platform
요약 보기원문 →
5·frontend·사례연구·Dev.to·2026. 07. 13.·▲ 45💬 13

I Finally Built the Dev Opportunity Radar Website ❤️

Dev Opportunity Radar 웹사이트를 구축한 경험을 공유하는 글입니다.

The article shares the experience of building the Dev Opportunity Radar website.

#html#css#javascript#web#development
요약 보기원문 →
5·frontend·기타·GeekNews·2026. 07. 13.

The Proportional Web — 비례폭 타이포그래피를 위한 웹 스타일시트

비례폭 타이포그래피를 위한 웹 스타일시트인 The Proportional Web 소개.

Introduction of The Proportional Web, a stylesheet for proportional typography.

#typography#css#alegreya#courier prime
요약 보기원문 →
6·cloud·릴리즈·GeekNews·2026. 07. 09.

Cloudflare Drop

Cloudflare Drop은 정적 사이트 파일을 업로드하여 실행할 수 있는 서비스입니다.

Cloudflare Drop allows you to upload static site files for immediate execution on Cloudflare's network.

#cloudflare#html#css#js#static
요약 보기원문 →
6·frontend·기타·CSS-Tricks·2026. 07. 07.

Get Ready For the Powerful CSS border-shape Property!

CSS의 새로운 border-shape 속성을 소개합니다.

Introducing the new border-shape property in CSS.

#css#border-shape#shape#corner-shape
요약 보기원문 →
6·frontend·튜토리얼·Dev.to·2026. 07. 05.

Site Builder: from one Markdown file to a deployed site in three commands

Dinghy를 사용하여 간단한 명령으로 Docusaurus 사이트를 시작하는 방법을 설명합니다.

Dinghy simplifies Docusaurus site setup, allowing startup with a single command.

#docusaurus#docker#mdx#css#hot reload
요약 보기원문 →