디자인도 하고요, 이것도 해요

지난 몇달간 시간을 놓친적이 많아 이번엔3시반부터 알람맞춰 놓고 딱 맞춰 들어갔더니고가 체험단이 뜨지 않았음...왜 매번 이런식인가ㅎㅎㅎ리뷰도 신경 안쓰니까 바로 티가 나버리는구만글은 길게 썼지만 넘 귀찮아 제품 사진은 안찍어서사진없이 글만 길게 올렸는데역시나 저가 상품 떠버리네고가체험단 꿀팁은 역시 사진과 글까지 빼곡하게 채우는게 중요한듯이번엔 댕냥이 용품들이 가득하다요즘 식욕 터지는 라떼를 위해 고양이 간식 선택참치와 닭가슴살이 가장 안전빵라떼 입맛에 맞는 간식을 고르는 노하우가 생긴듯 하다ㅋㅋ(집사 삼년이면 간식 고르는 노하우가 생긴다)유니참긴노스푼 고양이 엘지유니참 헤어볼 스푼 간식 10g x 10p 세트, 1세트, 혼합맛(참치/닭가슴살)17,670원아참.. 최근에 알리에서 주문했던고양이 자동 급..

쿠팡체험단 2025. 3. 11. 16:43

아니 쿠팡 체험단은 왜 4시만 되면 기억이 안나는건지 나참...ㅜㅜ지난번과 똑같이 오늘도 4시에 잊어버린 쿠팡 체험단 시간뒤늦게 들어가봤지만 고를만한 제품이 없었다...2주 후에는 절대 잊어버리지 않기로 다짐 해본다어느날 부터 고가라인이 나오기 시작하더니고가와 저가제품이 격주로 나오다가 이젠 거의 고가상품 위주로 나오는데요즘에도 종종 2주간 리뷰를 대충 쓰거나 잘 안쓰면저가 제품이 나오는기도 한다나름 신경을 쓰니 고가제품이 잘 나옴하지만 나오면 뭐하나 매번 시간을 잊어버리는걸ㅠㅠ그래서 오늘 받은 상품은카멜 고중량 싱글 모니터암 CA1097,860원사실 모니터암은 집에 이미 너무 많은 상황...이미 2개가 있고 예전에도 한번 받은적 있어서 지인에게 선물로 준적이 있는데쿠팡 체험단에 너무 늦게 들어간지라정말..

쿠팡체험단 2025. 2. 25. 17:22

ROJECO 반려동물용 자동 개 급식기, 스마트 푸드 키블 디펜서, 자동 식품 보관 용기, 단추 버전 개 급식 그릇  친구는 강아지를 키우는데 요즘 너무 편하게 사용중이라는 자동급식기가 있다고 해서 따라서 주문했는데, 같은 상품이지만 친구는 만원대에 구입했지만 내가 구입할때는 2만원 후반대. 아쉽지만 그것도 아주 저렴하다고 생각되서 주문하기로 결정!우리집은 고양이를 키우는데 나름의 기준은 있지만 매번 눈대중으로 사료를 주다보니까 살찐 것 같다는 의견이 많아서...ㅜㅜ 5.5kg 세미뚱냥이가 된 고양이 라떼를 위한 자동급식기를 갖고싶었다. 밥을 하루에 2~3번 정도 나눠주는데 저녁시간쯤 밥그릇이 비어있으면... 왠지 밤새 라떼가 배고플 것 같은 느낌이 들어 찔끔찔끔 계속 밥을 주는 나를 발견ㅎㅎ주문일: 2..

해외직구/알리익스프레스 상품 소개 2025. 2. 21. 15:00

피그마를 매일 사용하지는 않아서 그런지 자주 잊어버리는 관계로 블로그에 작성하기로함피그마에서 아주 유용하게 쓸만한 플러그인 html.to.design지난번 이미 있는 기존의 사이트를 앞으로의 유지보수를 쉽게 하기 위해 디자인 가이드를 만드는 작업이 있었는데 고객사에 디자인 원본 파일이 없던 터라 이미 있는 사이트를 전부다 다시 만들어야 했다 사이트가 Bootsrap 기반으로 되어있는 걸로 봐서 이전 사이트를 만든 업체에서 메인 정도만 시안으로 잡고 나머지는 페이지는 Bootsrap으로 디자인 시안없이 바로 만든걸로 보인다사이트 전체 페이지를 피그마로 옮기기 + 디자인 가이드 + 컴포넌트 이렇게 작업그때 이 기능을 몰라 그 많은 페이지를 피그마로 하나하나 정성스레 다 만들어야 했는데 미리 알았더라면 정말 ..

Figma 2024. 12. 6. 13:57

CSS에서 정말 유용한 calc() 함수에 대해 이야기해볼게요. 레이아웃을 디자인할 때 고정된 단위만으로는 유연한 디자인을 구현하기 어려운 경우가 많잖아요? 이럴 때 calc() 함수가 큰 도움이 된답니다. 이 함수는 CSS에서 수치 계산을 가능하게 해주고, 다양한 단위를 혼합해서 사용할 수 있어요.calc() 함수의 기본 문법property: calc(expression);여기서 expression은 수학적 표현식으로, 덧셈(+), 뺄셈(-), 곱셈(*), 나눗셈(/)을 사용할 수 있어요. 단, 곱셈과 나눗셈은 calc() 함수 내에서 사용할 수 없고, 단위가 서로 다를 경우에는 사용할 수 없으니 주의해 주세요!예제 1: 너비와 여백을 조합한 레이아웃먼저, calc() 함수를 사용해서 요소의 너비를 설..

HTML&CSS 2024. 9. 23. 12:51

칭찬받는 추석 선물세트 추천 Best 10가지 입니다. 1. 건강식품 세트건강에 관심 많은 분들이 많죠 건강식품 세트는 좋은 선물이 될 수 있습니다. 홍삼, 녹용, 종합비타민 등 몸에 좋은 재료로 많은 제품들이 많은데 가족이나 친구들이 건강하게 보내는데 도움이 될 수 있어요 2. 와인 세트와인은 명절 분위기를 내는데 딱이죠. 프리미엄 와인 세트는 품격있는 선물이 될 수 있습니다 고급스러운 와인과 와인잔 세트까지 구성되어 있는 선물이라면 받는 분들이 좋아할 거에요. 가족이나 친구들과 함께 와인을 즐기며 즐거운 시간을 보낼 수 있을거예요 3. 화장품 세트여성들이 가장 좋아하는 선물중 하나는 역시 화장품 세트일거에요. 화장품 세트 선물을 드린다면 정말 센스 있는 선물이 될 수 있습니다. 스킨케어 제품부터 메이..

카테고리 없음 2024. 8. 23. 16:10

CSS 파일의 크기를 줄이고 로딩 시간을 최적화하는 방법 웹사이트의 로딩 속도는 사용자 경험에 중요한 요소입니다. 느린 로딩 속도는 사용자의 이탈을 유발하며, 이는 사이트의 SEO에도 부정적인 영향을 미칩니다. CSS는 웹사이트의 디자인을 결정하는 핵심 요소로, 효과적인 CSS 최적화는 웹사이트의 로딩 속도를 크게 향상시킬 수 있습니다. 이 포스트에서는 CSS 최적화 방법에 대해 알아봅니다. 1. 불필요한 CSS 제거 웹페이지에 사용되지 않는 CSS는 불필요한 로딩 시간을 유발합니다. 따라서 사용되지 않는 CSS를 찾아 제거하는 것이 중요합니다. 사용되지 않는 CSS를 찾는 방법 중 하나는 Chrome 개발자 도구의 Coverage 탭을 이용하는 것입니다. Hello World! 위 예시에서 .unuse..

HTML&CSS 2024. 1. 10. 18:05

ul li 가로 메뉴 만들기 - 뉴 기본 구조 설정 과 를 활용하여 메뉴 구조를 잡습니다. 기본적인 스타일링과 마우스 이벤트에 대한 초기 설정을 합니다. - 서브메뉴 디자인과 애니메이션 추가 서브메뉴를 감싸는 요소를 추가하여 위치와 스타일을 지정합니다. CSS의 opacity와 visibility 속성을 활용하여 서브메뉴를 부드럽게 나타내고 사라지게 합니다. 마우스 오버 시 fadeIn 애니메이션을, 사라질 때 fadeOut 애니메이션을 적용합니다. - 메뉴 아이템 선택 및 효과 추가 JavaScript를 사용하여 메뉴 아이템을 클릭할 때 선택된 상태를 관리합니다. 선택된 메뉴 아이템 및 서브메뉴에 색상 및 텍스트 효과를 추가합니다. Website Title Home Services Web Design ..

HTML&CSS 2024. 1. 8. 16:32