정찬명 (@naradesign) header
정찬명 (@naradesign) profile picture

정찬명

@naradesign

Web UI Dev. / dece24&gmail,com

 Korea
naradesign.github.io/
Joined October 2008
  • Tweets6.1K
  • Following76
  • Followers2.3K
736Media
Photo by 정찬명 (@naradesign)Photo by 정찬명 (@naradesign)Photo by 정찬명 (@naradesign)Photo by 정찬명 (@naradesign)Photo by 정찬명 (@naradesign)Photo by 정찬명 (@naradesign)Photo by 정찬명 (@naradesign)Photo by 정찬명 (@naradesign)Photo by 정찬명 (@naradesign)Photo by 정찬명 (@naradesign)
CSS, 2024년에 드디어 "세로 중앙 정렬"이 추가됨 news.hada.io/topic?id=16586 - CSS는 마침내 `align-content`를 디폴트 레이아웃에 추가하여 **단 한 줄의 CSS 속성**으로 수직 정렬이 가능해짐 - 지원 버전 Chrome 123, Firefox 125, Safari: 17.4 - 현재는 기본 레이아웃(flo...
CSS, 2024년에 드디어 "세로 중앙 정렬"이 추가됨 | GeekNews

CSS, 2024년에 드디어 "세로 중앙 정렬"이 추가됨 | GeekNews

CSS는 마침내 align-content를 디폴트 레이아웃에 추가하여 단 한 줄의 CSS 속성으로 수직 정렬이 가능해짐 지원 버전 Chrome 123, Firefox 125, Safari: 17.4 현재는 기본 레이아웃(flow)에서 align-content가 동작하지 않으므로 fle…

news.hada.io
194
81
137
25,914
정찬명 retweeted
Bramus (@bramus) profile picture
Bramus@bramus7 Dec 2022
The State of CSS 2022 … the results are in! 2022.stateofcss.com/en-US/
State of CSS 2022

State of CSS 2022

2022.stateofcss.com
2
40
2
101
새로운 KIA 로고는 가독성이 중요한 이유를 상기시켜 줍니다. "Google에서 "KN car"를 검색하는 횟수가 기하급수적으로 증가했습니다. 한 달에 약 30,000명이 새 로고를 "KIA" 대신 "KN"으로 잘못 읽습니다.
Ian Paget | Logo Geek (@logogeek) profile pictureIan Paget | Logo Geek@logogeek29 Nov 2022
The new KIA logo is a nice reminder why legibility matters - “Google searches for “KN car” have risen exponentially as approximately 30,000 people a month are misreading the new logo as “KN” instead of “KIA”.
Image from Ian Paget | Logo Geek (@logogeek)
628
73
125
3일차 - 웹 접근성을 강조하는 교육프로그램, 그리고 다양한 리소스들에 감동받았다. 지난 10년간 내가 속한 어디에서도 회사가 먼저 이걸 강조한 적은 한번도 없었는데, 지금에서야 경험하게 되었다. 3일차 임팩트가 크다.
2
1
8
정찬명 retweeted
Kim Taegon (@taggon) profile picture
Kim Taegon@taggon14 Oct 2022
순수 CSS로 줄 수에 맞춰서 텍스트를 줄이고 말줄임표를 표시한 뒤 그 뒤에 링크 버튼을 두는 방법...에 관한 글을 작성했습니다. 간단히 말해, 아래 스크린샷처럼 텍스트 줄이고 버튼 추가하겠다는 뜻입니다. 🙂 taegon.kim/archives/10549

CSS 말줄임표 뒤에 컨텐츠 두기 | 코드쓰는사람

스포일러 - CSS Shape를 사용합니다

taegon.kim
2
32
1
55
망중립성 논쟁 역사는 오래되었는데, 망중립성이 해체되었을땐 늘 수직계열화된 서비스가 혜택을 받게 됩니다. 예를들어 SKT를 쓰고 계시다면~ - 애플뮤직 - 추가요금을 통신사에 내야 열림 - 멜론 - 그냥 열림 - 넷플릭스 - 추가요금을 통신사에 내야 열림 - 웨이브 - 그냥 열림
1
1,200
6
330
정찬명 retweeted
CharSyam (@charsyam) profile picture
CharSyam@charsyam17 Aug 2022
별로 도움은 안되는... 자료 하나 공유합니다. 참고로 첫 페이지 메모가 훨씬 도움이 됩니다. docs.google.com/presentation…
개발 실력이 눈에 보이는 이력서 작성법

개발 실력이 눈에 보이는 이력서 작성법

개발 실력이 눈에 보이는 이력서 작성법 강대명([email protected])

docs.google.com
2
414
11
702
정찬명 retweeted
gegoxx (@gegoxx) profile picture
gegoxx@gegoxx16 Aug 2022
영국 정부 웹페이지에서 jQuery를 걷어내는 작업. 이런 걸 블로그로 남겨야 하는 것이다. insidegovuk.blog.gov.uk/2022…

The impact of removing jQuery on our web performance

In this blog post, we explain the technical details of removing the jQuery library from GOV.UK’s public facing applications and the performance impact it had for our users.

insidegovuk.blog.gov.uk
1
112
4
162
무한히 스크롤하는 웹사이트가 사용자 경험에 얼마나 나쁜지에 대해 이야기 바닥글의 슬픔 - 애니메이션 웃긴다 ㅋㅋ
Steve Gardner (@steeevg) profile pictureSteve Gardner@steeevg1 Aug 2022
We all talk about how infinitely scrolling websites are often bad for user experience... but we never talk about how it makes the footer feel. So I made this @CodePen to help shine a light on the footer's never-ending sorrow. 😢 codepen.io/ste-vg/full/PoQgv…
152
5
98
섹션을 추가하는 hn태그 대신 hgroup과 p로 서브해딩을 추가할 수 있게 되었다. tpgi.com/subheadings-subtitl…
11
1
11
모바일에서는 입력 유형에 따라서 가상 키보드가 어떻게 나오는지 미리보기할 수 있는 사이트 better-mobile-inputs.netlify…
1
28
1
34
“(번역) :where() :is() :has()? 당신의 삶을 더 쉽게 만들어 줄 새로운 CSS 선택자” by Jung Han link.medium.com/jUqzKQMn4qb
Image from 황규연 / Kyooyeon Hwang (@yeoni)
17
36
CSS책 출판제의를 받고 작성했던 원고들 공유... (지금은 부러졌어요) 우연히 검색하다 찾은 글인데 이정도 작성했으면 조금 아쉬울법하다. 아직 읽어보지 않았지만 내용은 둘째치고 velog.io/@teo/CSS%EC%B1%85-%…
63
2
131
정찬명 retweeted
안형우 (@mytory) profile picture
안형우@mytory24 Mar 2022
video 태그는 기본적으로 레이지 로딩을 할 수 있는 속성을 지원하네요. preload="none" 입니다. web.dev/lazy-loading-video/
4
8
Those HTML Attributes You Never Use — Smashing Magazine 나 HTML 진짜 모르네… smashingmagazine.com/2022/03…
1
12
2
19
사실 별 내용은 없다. MDN을 참고로 해서 모던 브라우저에서 쓸만한 HTML,CSS,Javascript 스펙들을 정리 quickest-paprika-ddf.notion.…
IE11 지원 종료와 함께 준비해야할 사항 | Notion

IE11 지원 종료와 함께 준비해야할 사항 | Notion

Internet Explorer 11과 관련하여 두가지 소식이 있었습니다.

quickest-paprika-ddf.notion.site
1
28
1
68
CSS in 2022 | WIT블로그 wit.nts-corp.com/2022/02/24/…
5
13
오픈넷, 폰트 저작권 남용 공익소송에서 최종 승소 opennet.or.kr/20550 앞으로 폰트 프로그램의 사용허락계약 과정에서 사용조건이 분명히 제시되지 않은 경우 저작권법 위반은 물론 사용허락계약 위반을 이유로 한 손해배상책임을 물을 수 없다는 의미있는 선례가 될 것 #저작권합의금장사
180
6
80
오픈넷, 폰트 저작권 남용 공익소송에서 최종 승소 opennet.or.kr/20550
4
6
정찬명 retweeted
Hyun-woo Park (@lqez) profile picture
Hyun-woo Park@lqez7 Dec 2021
『 CTO는 어떻게 뽑을까 』 lqez.dev/blog/how-to-hire-ct… 주변에서 CTO 찾는 분들과 했던 얘기를 정리해보았습니다.
3
68
3
142
Load more