본문 바로가기
728x90
반응형

분류 전체보기166

[GIFs] 갤럭시 Z플립4 커버 배경화면 움짤 모음 겨울 1탄 (해리포터, 나홀로 집에 등) 갤럭시 Z플립4 커버화면용 움짤 모음 겨울❄️ 갤럭시 플립 커버 움짤 배경화면, 나홀로집에, 해리포터, 겨울, 감성 원본 이미지에서 크롭만 하였고, 각 이미지 설명에 출처를 표기했으며, 설명이 없는 이미지들의 출처는 전부 pinterest입니다 2022. 11. 28.
[HTML/CSS] float:left 속성 없이 각 요소를 양측 끝에 정렬하기 - flex display:flex 속성을 이용하면 요소에 복잡하게 float:left, float:right을 각각 적용 후 부모 태그에 clear:both를 적용하는 등 수고를 하지않아도 된다. 특정 태그 내에 좌측, 우측으로 요소를 배치할 경우 float 대신 display:flex; justify-content:space-between;을 이용하면 간편하다. 주의할 점: justify-content:space-between;는 태그 내의 자식요소들을 양쪽 끝을 기준으로 동일한 여백으로 정렬하기때문에 아래 코드펜 예시처럼 한쪽에 여러 요소가 들어가는 경우에는 하나의 요소로 감싸야한다. 감싸지않는 경우에는 각 태그가 개별적으로 정렬됨 HTML 삽입 미리보기할 수 없는 소스 display:flex 속성을 사용해도 .. 2022. 11. 28.
스타벅스 크리스마스 시즌 한정 음료 제주 금귤 민트티 후기 크리스마스 시즌 음료가 나왔길래 그 중에 제주 금귤 민트티를 사먹어봤다 (그란데사이즈 기준 6600원) 영양 정보를 보니 당이 엄청나길래 퍼스널옵션에서 클래식시럽을 3번에서 2번으로 줄였는데 그래도 달다 너무 달다! 당연함 아무래도 당류가 저 정도면.. 내 실수다 🫠 맛은 진짜 그냥 귤맛 나는데 살짝 민트향을 끼얹은 유자차였음 그란데 사이즈로 샀는데 마실수록 혈당량이 높아지는 기분에 죄책감이 들어 반은 버렸다 😂 아니 맛은 있는데 다음에 마시게 된다면 클래식 시럽을 다 빼고 마셔야될듯 무난하게 맛있으나 한번 마셔봤기에 다시 마실 것 같지는 않다. 2022. 11. 26.
블로그 스킨 변경 티스토리 기본 스킨에서 사이드바 부분을 좁히고 본문 영역을 넓혔다. 프로필도 바꿔봤다. 내비게이션을 펼쳤을때 화면 구성도 조금 바꾸었다. 스크롤바 디자인 바꾸고 닫기 버튼이랑 검색창 위치도 옮겼다. 새로운 스킨으로 새로운 마음으로 포스팅을 더 자주 해봐야겠다🤫 2022. 11. 25.
[HTML/CSS] 웹접근성 인증 홈페이지 퍼블리싱 하기 공공기관이나 규모가 큰 사이트는 웹접근성 인증을 받는 경우가 많다. 이번에 처음으로 웹접근성 심사가 필요한 프로젝트(PC 웹)를 하였는데 웹접근성 받는 것이 생각보다 많이 까다롭더라. 다음에 또 웹접근성 인증이 필요한 프로젝트를 진행할 경우 같은 혼란을 반복하지 않기 위해 기록용으로 자료를 남겨두려한다. 웹접근성이란? 웹접근성 인증 홈페이지 참고 웹접근성 심사 항목 웹접근성 작업 Tip 👀 정보통신접근성(웹접근성) 인증이란? 장애인, 고령자 등 정보접근약자가 웹 사이트 이용에 불편이 없도록 「지능정보화기본법」 제47조 및 동법 시행규칙 제5조에 의거 ‘국가표준 한국형 웹 콘텐츠 접근성 지침 2.1’을 준수한 웹사이트에 대해 정보통신접근성(웹접근성) 수준을 인정하고 이를 상징하는 정보통신접근성(웹접근성) .. 2022. 11. 25.
[jQuery] 디데이 표시하기 (날짜 카운트다운) - The Final Countdown 예제 전에 포스팅한 적이 있는 오픈소스 글https://selinak.tistory.com/3의 9번 소스이다. 얼마전 디데이를 노출하는 홈페이지 퍼블리싱 작업을 하면서 이 소스를 유용하게 써서 아카이빙을 해보려한다. 🎅🎄 2022년 크리스마스까지 며칠이 남았을까요? HTML 삽입 미리보기할 수 없는 소스 위의 소스는 디데이인 크리스마스까지 남은 날짜와 시간을 표시하다가, 디데이가 지나면 Merry Christmas! 문구를 노출합니다. 원래는 로컬 jquery.countdown.min.js를 활용하지만, 나는 편의상 라이브러리에서 가져왔다. 위의 예제가 어렵다면 The Final Countdown에서 제공하는 기본예제를 살펴보자! HTML 삽입 미리보기할 수 없는 소스 2023년 1월 1일까지 남은 시간은?.. 2022. 11. 3.
[Javascript] 전체화면 켜는 버튼 만들기 How to - fullscreen 출처 https://www.w3schools.com/howto/howto_js_fullscreen.asp HTML 삽입 미리보기할 수 없는 소스 전체화면을 켜기/끄기 버튼 코드이다. :fullscreen {}을 통해 전체화면일때 적용되는 css를 작성할 수도 있음. Fullscreen with JavaScript 전체화면 켜기 전체화면 끄기 Note: Internet Explorer 10 and earlier versions do not support the msRequestFullscreen() method. Note에 적힌대로 IE10 이전버전에서는 해당 기능을 지원하지않는다. 2022. 11. 3.
[jQuery] 가로 스크롤 탭 메뉴 만들기 See the Pen Untitled by nah (@wimmwell) on CodePen. 모바일에서 가로 스크롤을 할 수 있다. 2022. 9. 27.
직장인 손목터널증후군 조심! 버티컬 마우스 사용 후기 - 아이리버 버티컬 마우스 사무직에게 거북목과 손목터널증후군은 숙명인 것인가. 최근 몇달간 일할 때 손목이 아팠고 요즘엔 집에서 아무것도 안하고있어도 시큰거렸다. 주변 직장인 친구들에게 물었더니 버티컬 마우스를 추천해줬다. 전에 버티컬 마우스 쓰는 동료를 보고 신기하다 저렇게 생긴걸 어떻게 쓰지? 저게 손목에 정말 편한가 의구심이 들었지만 아무튼 손목이 아프니 사보기로한다. 내가 산 제품은 아이리버 인체공학 블루투스 겸용 무소음 무선 버티컬 마우스 EQwear-EV3 블랙 이라고 함 버티컬 마우스 1도 모르는데 네이버 검색해서 랭킹순으로 적당한 가격대에서 골랐다. 3만원쯤 했다. 그리고 아무래도 버티컬마우스는 손 크기에 맞는게 중요해서 잘 살펴봐야한다. 전에 한번 동료 버티컬 마우스 손대봤는데 어려워서 제대로 쓰질못했던 기억때문에.. 2022. 8. 1.
728x90
반응형

티스토리툴바