본문 바로가기

POST LIST491

[CSS] ":nth-child()"로 몇 번부터 몇 번까지 선택하기 위 그림처럼 기획에서 평소에 잘 보지 못한 디자인을 요청해옴~ 해당 요소에 평범하게 클래스를 주고 스타일을 입히는 것이 일반적인 방법이었으나, nth-child로 몇 번부터 몇 번까지 선택하는 방법을 사용함. 해당 기획은 테이블이 아닌 클릭하는 요소라 위 마크업처럼 안에 버튼들로 100개를 채워줌~ ... ... ... . . . ... 디자인은 41번부터 45번까지 컬러를 입혀야 하기 때문에, :nth-child()로 간단하게 해주면 끝~~~ .button-list :nth-child(n+41):nth-child(-n+45){ background: #79d6df; } 알아두면 좋은 선택 예시 /* n번 단일 선택 */ .selector:nth-child(n){ background: pink; } /* .. 2023. 8. 21.
[Design] 153로지틱스 (#animation #반응형) 휠 스크롤 시 텍스트나 circle 라인 애니, 모션 등 괜찮은 애니메이션이 많이 지루하지 않고 재밌게 구성되어 있는 사이트라 생각됨. 153로지스틱스 상품을 담아 가치를 빚다. 153로지스틱스 홈페이지 입니다. www.153logistics.com 2023. 8. 11.
크롬에서 조직에서 관리 없애는 방법 ① 크롬 주소창에 Chrome://policy 입력 ② InsecurePrivateNetworkRequestsAllowed 등 값이 들어가 있는 경우 레지스트리 편집 필요 ③ 윈도우키+R 실행 후 regedit 입력 후 확인 ④ 아래 경로로 들어가서 InsecurePrivateNetworkRequestsAllowed 값이 있는 경우 삭제 (값이 없으면 패스) 컴퓨터\HKEY_CURRENT_USER\SOFTWARE \Policies\Google\Chrome 컴퓨터\HKEY_LOCAL_MACHINE\SOFTWARE \Policies\ Google\Chrome 컴퓨터\HKEY_LOCAL_MACHINE\SOFTWARE \Google\ Chrome 컴퓨터\HKEY_LOCAL_MACHINE\SOFTWARE \WOW.. 2023. 8. 10.
한여름, 아이들과 레고랜드 당일치기 한여름 아이들 동반 시 레고랜드 꿀팁 7가지 ① 주차는 주차요원이 핑크색으로 유도해 줌 ② 주차장에서 레고랜드 입구까지 꽤 멀고 시위로 험하다. 셔틀버스 타자! ③ 생각보다 사람들이 많아서 인기 많은 워터 메이즈는 조금 서둘러야 함 ④ 아이들이 물이나 음료를 많이 먹게 됨, 조금 더 많이 챙기자. ⑤ 너무 더울 땐 화장실로... 가장 시원함 ⑥ 인형 상품들이 엄청 커서 나중에 짐이 될 수 있음 (질질질...) ⑦ 부모들이 힘쓰는 어트랙션은 과감히 피하자;; LEGOLAND® Korea Resort LEGOLAND® Korea Resort 에서 가족과 함께 LEGO® 테마로 만들어진 다양한 놀이기구, 모델, 건축물들을 즐겨보세요. www.legoland.kr 1. 준비 8월 3일, 바쁜 일들을 뒤로 하고 .. 2023. 8. 10.
타입스크립트 핸드북, 윈터루드님의 소개 - 한 입 크기로 잘라먹는 타입스크립트 한 입 크기로 잘라먹는 타입스크립트 ts.winterlood.com 🌱 Section 1. 타입스크립트 개론 기술을 잘 이해하려면 그것이 어떤 배경에서 탄생했는지 알 필요가 있습니다. 1섹션 에서는 타입스크립트의 탄생 배경을 살펴보며 타입스크립트가 해결하고자 했던 문제가 무엇이고 타입스크립트가 어떤 특징을 가지고 있는지 자세히 살펴봅니다. 🌱 Section 2 ~ 3. 타입스크립트 기초 다지기 가장 기본적인 타입스크립트의 문법을 살펴봅니다. 동시에 타입스크립트가 말하는 타입이란 정확히 무엇인지 그리고 타입들이 서로 어떤 관계를 맺고 어떻게 상호작용하는지 살펴봅니다. 🌱 Section 4 ~ 6. 다양한 타입스크립트 문법 살펴보기 함수 타입 정의, 함수 오버로딩.. 2023. 7. 10.
아세트아미노펜 대체 해열제 (시럽/현탁제) 아이가 열이 나고 있는데 이부프로펜 계열은 열이 안 잡히고, 아세트아미노펜 계열이 잘 들음. 그런데 집에 보관하던 아세트 계열 상비약이 다 떨어져가서 종로5가로 가서 약을 구하려고 보니 그동안 잘 먹이던 챔프와 콜대원의 회수 명령으로 시럽약은 구하기가 쉽지 않음. 아무튼 아래 대체 의약품들은 있는지 오늘 다시 가볼 예정... ▲파인큐아세트펜시럽(다나젠) ▲콜대원키즈펜시럽(대원제약) ▲신비아시럽(맥널티제약) ▲세토펜현탁액(삼아제약) ▲세토펜건조시럽(삼아제약) ▲파세몰시럽(신일제약) ▲나스펜시럽(조아제약) ▲어린이타이레놀현탁액(한국존슨앤드존슨판매) [데일리팜] 잇따르는 어린이 시럽제 이슈에 약국 대체품 찾기 혈안 [데일리팜=강혜경 기자] 챔프시럽에 이어 콜대원키즈펜시럽과 파인큐아세트펜시럽까지 잠정 제조·판매.. 2023. 7. 4.
포토샵 손바닥툴 stuck버그 바쁜 일정 속에 포토샵에서 핸드툴 버그가 발생함... ㅠㅠ 핸드툴은 보통 선택툴에서 스페이스바를 눌러서 화면 이동해서 작업을 하는데, 업데이트 후 스페이스바를 손을 떼도 계속 스페이스바를 누른 것처럼 동작함. 핸드툴을 꾹 눌러서 선택해도 동일한 증상임. 현재 윈도우 10에서 발생하고 있는 듯. Preferences > Tools > Enable Flick Panning, Animated Zoom 위 경로로 들어가서 두 옵션도 꺼보았으나 효과없음 ㅠㅠ 24.5 Hand tool became unusable In 24.5 the hand tool often remains stuck. Holding the spacebar or simply activating the tool, when the mouse but.. 2023. 7. 3.
[일러스트] 아트보드를 오브젝트 사이즈에 딱 맞추는 방법 어도브 일러스트에서 작업한 것을 SVG 코드로 변환할 때가 종종 생기는데, 아트보드를 오브젝트 크기에 딱 맞추는 간단한 방법이 있으니 그것은 바로 Fit to Artwork Bounds Object메뉴에 Artboards메뉴로 가면 바로 찾을 수 있씀~~ ㅎㅎ 끝 ~ 😏 2023. 6. 20.
[벤치] 네이버 활용백서 네이버의 PC화면 개편과 함께 어떻게 바꼈는지에 대한 웹 페이지도 따로 제작해놓음. 그 중에서 애니메이션 효과가 괜찮아서 나중에 참고해볼만한 것을 남겨봄~ 비디오로 제작된 메인 비주얼은 이번 PC화면 개편의 컨셉인 모바일 UI를 PC로 가져왔다는 점을 잘 나타내줌. 스크롤이 움직일 때 화면은 고정되고, 안에 아이템들만 움직이는 패럴럭스는 언제봐도 재밌는 요소인 듯~ 카드가 겹치는 듯한 UI 아이디어는 나중에 개인적으로 활용해볼만 함. 네이버 PC 메인 이렇게 새로워집니다! campaign.naver.com 2023. 6. 15.
728x90
반응형

티스토리툴바