일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- as가능
- 마곡9단지 청약 경쟁률
- 슬라이더
- 마곡9단지 노부모부양
- 하버드 인생학 특강
- 마곡9단지 생애최초
- 마곡9단지 다자녀 경쟁률
- 맥북
- 마곡9단지 생애최초 경쟁률
- 로봇청소기 고민
- How Will You Measure Your Life
- One Thing
- 마곡9단지 노부모부양 경쟁률
- 로봇청소기 리뷰
- input range
- 로봇청소기 물걸레
- 다이나킹
- 마곡9단지 일반공급 청약 경쟁률
- 마곡9단지 청약 사이트
- Sketch
- 마곡9단지 신혼부부 경쟁률
- 마곡9단지 특별공급
- 마곡9단지 청약 당첨 결과
- 스케치
- html slider
- 원더스리빙 로봇청소기
- 디알코
- 원씽
- 마곡9단지 청약 결과 발표
- 마곡 9단지 청약 경쟁률
- Today
- Total
목록분류 전체보기 (42)
스이디: 스타트업에서 이거저거 하는 디자이너
정신연령 테스트 라는 사이트가 있었다. 총 문항은 32개였고 복잡한 질문은 없었기에 금방 슉슉슉 클릭클릭 ㅋㅋ 그래서 결과는 내 실제 나이보다 9살 어린 정신연령! ㅋㅋ 뭐 이거라도 젊은게 어디냐 ㅋㅋㅋㅋ 요로코롬 생긴 사이트. http://mentalagetest.kr/ 정신연령 테스트 정신연령 테스트 유의사항 검사 시작 전 실제 나이를 입력해 주세요. 이 테스트는 지능지수와 무관합니다. 본 테스트 문답에 열심히 응해주시길 바랍니다. 접속량 처리 문제 해결되었습니다. 현재 에러 없이 테스트 가능합니다. 다른 테스트를 하시려면 다음을 클릭하세요. 다중지능 검사 EQ 테스트 peterp4rk@gmail.com copyright© 2013 mentalagetest.kr 심심풀이로 그냥 해보시길. 이 내용이 ..
이렇게 생긴 표를 코딩을 해야되는데 사실 테이블로 하면 쉽긴 하다. 근데 2020년에 tr, td 를 여전히 치고 있는 내 모습이 별로라서 div 코딩을 하는데 사실 그마저도 display: inline-block으로 이쁘게 잘 껴 맞추고 있었다. 근데 이 표는 문제가 무엇이냐하면 이 부분이다. 첫번째 셀을 사실 rowspan 을 써버리면 테이블 코딩으로 금방 해결되겠지만.. 난 div 러버이기 때문에 div 로 코딩을 해보기 위해 어쩔 수 없이 flex 를 써보기로.. flex 방식을 처음 써보는건 아니지만 내가 코딩을 자주 하는 사람이 아니니깐 그리고 난 디자인이 주 업무니깐 어쨌든. 저걸 하기 위해 검색을 좀 해봤다. 자, 두괄식으로 정리를 하자면 flex 에 대해 정말 잘 정리해놓은 사이트가 있었..
이사할 때 큰 짐을 버릴려고 하면 보통 동사무소에 신고를 해서 뭐 스티커 같은 걸 붙여서 집 밖에 내놓곤 했는데 이번엔 집에서 쓰던 책상 의자를 더 이상 쓰지 않게 돼서 버리려고 했다. 근데 직장인이 평일에 동사무소 가기가 쉬울리가. 그래서 그냥 담에 버리지 담에 버리지 그러고만 있었는데 그냥 업체에 전화만 해서 입금하면 알아서 가져간다고 하더라!! 고 해서 알아보았다. 나는 양천구에 살고 있으니깐 양천구 폐기물 버리기를 검색해서 보니 이렇게 나름 자세하게 나와 있었다. 일부 가전 같은 경우는 돈을 안 내도 수거해가는 품목들이 있으니 자세한 건 링크를 통해 확인하시고 아마도 지역마다 좀 다를 순 있으니 해당 지역 구 홈페이지에 가서 살펴보시길! https://www.yangcheon.go.kr/site/..
내가 원하는 영역만 캡처하고 클립보드에 담아두기. (파일이 따로 생기진 않음) 윈도우키 + 쉬프트 + S 화면 전체 캡처하고 파일로 저장하기 윈도우키 + Print Screen키 내 pc > 사진 > 스크린샷 폴더에 저장됨 나머지는 아래 링크 참고 https://hse30.tistory.com/63
보통 자주 쓰는 툴들은 새로 전원을 켜도 또 키기 마련이다. 부팅하고 일일이 키기 귀찮을 땐 아주 쉬운 방법으로 이걸 해결할 수 있다. "클릭 한 번으로 쓰던 프로그램 그대로 써보세요~!" 광고 문구가 아니다. 정말 클릭 한 번만 하면 된다 ㅋ 그건 바로 맥을 끄기 전에 나오는 알림창에서 여기서 Reopen windows when logging back in 이라고 써있는 체크 박스에 체크만 해주면 된다!! 한국말로 돼있든 위에 캡쳐처럼 영어든 똑같다. 저기에 체크해주면 두고두고 편하게 쓸 수 있음!
디자인은 이쁘게 잘 해놨는데 코딩해서 브라우저로 확인한 디자인은 몬가 살짝 안맞고 아쉽다면, 특히나 텍스트 수직 위치가 좀 몬가 위가 더 여백이 많고 아래가 좁다면! 그럴땐 height 와 line-height 콤보를 쓰는게 좋다. 수직 위치가 살짝살짝 안맞는 경우가 종종 있었는데 예전엔 padding 으로 조절하고 그러고 그랬었다. 근데 패딩은 폰트가 뭐냐에 따라서, 브라우저가 뭐냐에 따라서 쪼꿈씩 달라지는 미세한 그런게 있기 땜시롱 이거저거 해본 결과 추천하는 것은! 하이트, 라인하이트 콤보다. 예를 들어 얘는 검색창인데 height:44px;line-height:44px; 요렇게 잡았다. 저 회색 검색창 div 자체에 라인이랑 라인하이트를 같은 수치로 입력해두면 회색창 높이가 44픽셀, 그 안에 라..
스케치로 요로코롬 작업하고 리스트 앞에 네모난 불릿 포인트를 넣어보려고 li:before {width: 4px;height: 4px;background: #C1C1C1;margin-left: -20px;} 요로코롬 넣었더니 결과는 이랬다. 아예 안나오네. 왜지. 위 코드에 content:""; 도 추가해봤다. 그랬더니 앞으로 조금 이동. content 가 뭔가 하긴 했네 이것도 display 랑 연관이 있는가 해서 display: inline-block; 도 추가 오오오오 나온다!! :before 나 :after 같은 가상 선택자 이런거에는 content 랑 display 가 같이 가줘야 나오는구나. width, height 는 당연한거고. 위치를 맞춰주려고 조절을 해본다.려다가 absolute 로 맞추..
css position fixed 를 하는데부모 요소에 relative를 줬는데도 부모에 걸리지 않고 화면 전체에 기준이 잡힌다... 왜 그럴까... fixed 는 브라우저 창을 기준으로 계산한다고 한다. ㅋㅋㅋㅋ여태 몰랐네 제대로 되는 거였군.
css로 사각형은 따로 생각할 것도 없이 width, height 값만 입력하면 되지만 삼각형은 좀 다르게 해야한다. http://uxuiz.cafe24.com/wp/archives/4619 이 글에 나온게 깔끔하게 잘 나온거 같고 핵심만 정리를 해보자면, border-top, border-bottom, border-left, border-right 중에 삼각형 꼭지점이 될 부분을 none 처리하고 밑변이 될 부분은 온전하게 border-방향 : 두께 solid 색 높이가 될 두 부분은 transparent 처리한다는게 포인트다. 예를 들어서 빨간색 삼각형을 만든다고 하면 width: 0px; height: 0px; border-top: 4px solid none; border-bottom: 4px so..
서브라임 텍스트를 비롯한 에디터들은 다양한 단축키나 기능들이 있는데 그 중에 내가 쓰면서도 이건 참 좋다고 느끼는 것들 중에 하나가 바로 다중 선택이다. 예를 들어 이렇게 div 태그를 입력했다고 하자.그런데 이게 여러 줄 필요하다고 하면저길 드래그해서 커맨드 씨, 커맨드 브이 해도 되겠지만 command + shift + d 를 누르면 d 를 누를 때마다 한 줄씩 추가된다. 요렇게. 그럼 이렇게 만들어진 div 안에 클래스를 입력하려면또 한줄씩 입력을 해야하는 귀찮음이 생긴다. 그럴땐 우선, 첫 번째 div 줄에서 v 와 > 사이에 커서를 위치하고 ( 클래스를 추가하려는 그 위치) control + shift + 아래화살표 를 누르면 화살표를 한번 누를 때마다 밑에 한줄씩 추가된다. 요렇게. 4줄을 선..