한 줄로 업그레이드하는 12가지 최신 CSS

오늘 소개해드릴 글은 라인플러스의 손수림님이 번역해주신 글입니다.


여러분은 특정 레이아웃을 위해 CSS 트릭을 사용해 본 적이 있으신가요? 이번 글에서는 CSS 트릭을 대체할 수 있는 모던 CSS 소개 및 기존 CSS를 신규 CSS로 대체하여 보다 간결하고 모던하게 CSS를 안정적으로 업그레이드할 수 있는 방법을 이야기합니다.

개인적으로 새롭게 알게 된 CSS 속성들이 많아 매우 흥미로웠고 재미있었던 글이었습니다. 예시의 html이 첨부가 되지 않아 부득이하게 이미지로 첨부되어 원문에서 함께 동작 확인을 해보시는 것을 권장 드립니다. :)


  • 글 링크: https://velog.io/@surim014/12-modern-css-one-line-upgrades

velog

velog.io

velog

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2024년 2월 13일 오전 2:11

 • 

저장 93조회 5,987

댓글 0

    함께 읽은 게시물

    “To jobs that pay the rent! 집세 내주는 직장을 위해!” 영화 <악마는 프라다를 입는다>에 나온 대사다. 저널리스트를 꿈꾸는 대학 졸업생인 주인공. 하지만 그녀는 당장 생계를 위한 일자리가 급하다.

    ... 더 보기

    구성원의 ‘괴로운 밥벌이’를 ‘행복한 밥벌이’로 바꿔주려면? - HSG 휴먼솔루션그룹

    네이버 블로그 | HSG 휴먼솔루션그룹

    구성원의 ‘괴로운 밥벌이’를 ‘행복한 밥벌이’로 바꿔주려면? - HSG 휴먼솔루션그룹

    AI(LLM) 애플리케이션의 발전 속도가 AI 지능(능력)의 발전 속도를 따라가지 못하고 있는 상태가 되었다. 즉, 이제 AI가 부족한 것이 문제가 아니라, AI의 능력을 100% 활용하지 못하고 있는 것이 문제인 상태가 되었다는 이야기.

    조회 1,310


    Next.js 프로젝트를 AWS EKS에 배포하며 배운 것들

    ... 더 보기

    쿠버네티스를 활용한 클라우드 네이티브 데브옵스 | 존 어런들 - 교보문고

    product.kyobobook.co.kr

    쿠버네티스를 활용한 클라우드 네이티브 데브옵스 | 존 어런들 - 교보문고

     • 

    저장 14 • 조회 1,387


    🌎 해외에서 일하면 뭐가 좋을까요❓

    외국어를 사용해서? 돈을 더 많이 벌어서? 새로운 기회가 많아서? 글로벌 경력을 쌓을 수 있어서?

    ... 더 보기

    iOS 19가 아니라 이제 iOS 26?

    ... 더 보기

    No iOS 19: Apple Going Straight to iOS 26

    MacRumors

    No iOS 19: Apple Going Straight to iOS 26

    《그렇게 해주세요》

    ... 더 보기