div.h

전체 글 (15)

css flexbox 연습 사이트

  • 주니어퍼블리셔
  • Web
  • 2020.03.10

http://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com http://www.flexboxdefense.com/ Flexbox Defense Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS! www.flexboxdefense.com

더 읽기

CSS 선택자 연습 및 참고사이트

  • 주니어퍼블리셔
  • Web
  • 2020.03.10

https://flukeout.github.io/# CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io 위는 css 선택자 연습 사이트입니다. 오른쪽에 힌트가 나와있습니다. http://nthmaster.com/ Mastering the :nth-child | CSS3 pseudo classes and :nth-child ranges nth-child(3n+1):nth-child(even) li:nth-child(3n+1):nth-child(even) span { background-color: #298EB2; box-shadow: inset -3px -3px 10px rgba( 0, 0, 0, .4),..

더 읽기

엑셀 URL(인터넷 링크) 파일 일괄 다운하기

  • 주니어퍼블리셔
  • 기타
  • 2020.02.11

살짝 노가다임을 미리 알립니다. 엑셀에 url(링크)들이 쫙 나열돼있고, 그 링크를 통해 다운을 일일이 해야 하는 상황, 무척이나 귀찮은 상황인데 귀찮음을 조금이라고 줄일 수 있는 방법입니다. 일단 엑셀함수 CONCATENATE 이 함수를 이용할 겁니다. C1에 =CONCATENATE("curl ",B1," -O") 입력합니다. (띄어쓰기가 있습니다. 주의 바랍니다.) 이걸 10번까지 복사를 해줍니다. 여기까지가 준비과정입니다. 1. cmd를 켭니다. (윈도우키+R, cmd 입력 후 엔터) 2. 저장할 폴더로 이동합니다. (cd 폴더 경로 엔터) https://comfortable1000.tistory.com/16 (여기에 cmd 폴더 경로 찾기 및 이동 방법이 적혀있습니다. 모르시는 분들은 참고해주세요..

더 읽기

폴더 안 파일 이름(리스트) 한번에 복사(추출)하기

  • 주니어퍼블리셔
  • 기타
  • 2020.02.11

맨 아래 3줄 요약해뒀습니다. 최근 폴더 안 이름(리스트)을 뽑아내고 엑셀에 정리해야 할 때가 있었는데, 그때 유용하게 쓴 것이 있어서 공유합니다. 1.cmd를 켭니다 2. 작업할 폴더로 이동합니다. - cd 작업할 폴더 경로 - 저 같은 경우는 cd C:\Users\j\Desktop\abc가 되겠죠? 위 사진처럼 이동이 됐다면 dir/b > list.txt를 입력해줍니다. 그러면 해당 폴더에 list.txt 파일이 생기고 그 안에는 파일 이름들이 나열되어 있습니다. 위 사진처럼 이쁘게 잘 나옵니다. 이걸 엑셀에 복붙 하시고 확장자를 떼실 분은 Ctrl+F 하시고 바꾸기에서 모두 바꾸기 해주시면 되겠죠? 요약 1. cmd실행 2. 작업 폴더 경로 이동 3. dir/b > 저장할이름.txt (한글이나 워드..

더 읽기

html, css 호환성 사이트

  • 주니어퍼블리셔
  • Site
  • 2019.11.19

https://caniuse.com/#tables Can I use... Support tables for HTML5, CSS3, etc About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development commu caniuse.com

더 읽기

ie9 table td,th block

  • 주니어퍼블리셔
  • Web
  • 2019.11.19

보호되어 있는 글입니다.

더 읽기

bxslider custom pager

  • 주니어퍼블리셔
  • Web
  • 2019.08.21

HTML JS $('.bxslider').bxSlider({ pagerCustom: '#bx-pager' }); 아래는 예시 사진입니다.

더 읽기

2019 - 크롬 입력 버그

  • 주니어퍼블리셔
  • 기타
  • 2019.07.05

https://www.google.com/intl/ko/chrome/canary/ Chrome 카나리아 개발자용 나이틀리 빌드 www.google.com 카나리아 다운받아서 쓰시면 됩니다 크롬 다른 버전이라고 생각하시면 됩니다. 이건 최근 일어난 버그 중 하나입니다. 문자를 입력하다 지우거나 스페이스바를 누르면 이전 내용이 나타난다고 합니다. 이번달에 업데이트(77버전)에서 해결할 수 있을 것으로 본다고 합니다. -2019 09 18- https://www.google.com/intl/ko/chrome/beta/ Chrome 베타 Chrome 베타의 새로운 기능을 사용해 보세요 www.google.com 구글 카나리아 채널은 업데이트 속도가 4개 채널중에 제일 빠르지만 실험적인 기능의 투입/삭제 반복이 ..

더 읽기

Eclipse에서 Zen Coding하기 (Eemmet)

  • 주니어퍼블리셔
  • Web
  • 2019.05.16

https://github.com/emmetio/emmet-eclipse#readme emmetio/emmet-eclipse Emmet for Eclipse. Contribute to emmetio/emmet-eclipse development by creating an account on GitHub. github.com ※ 이 글은 설치하는 방법을 정리한 글이며, zen coding / emmet에 대한 기본적인 개념은 알고있다고 생각하고 이것에 대한 설명은 생략합니다. 1. 이클립스 상단 메뉴바 Help -> Install New Software… 로 들어갑니다. 2. Work with 입력란에 http://download.emmet.io/eclipse/updates/ 입력 후 Add.. 클릭 ㄴN..

더 읽기

rem, px 계산 사이트

  • 주니어퍼블리셔
  • Site
  • 2019.05.13

https://offroadcode.com/rem-calculator/ REM Calculator | Umbraco Gold Partner - Offroadcode Limited We design and build Umbraco websites - Find out who we are and how we work offroadcode.com rem만 계산해주는 사이트입니다. 어려운거 없습니다. Choose your.. input란에 웹 페이지 기본 폰트를 적어주고 px size input란에 px단위 적어주면됩니다 그리고 빨간 버튼 눌러주면 됩니다.

더 읽기

웹 폰트 자동 변환 사이트

  • 주니어퍼블리셔
  • Site
  • 2019.05.10

font-family까지 자동 생성 해줍니다. https://onlinefontconverter.com/ Online font converter converts fonts to/from: .dfont .eot .otf .pfb .pfm .suit .svg .ttf .pfa .bin .pt3 .ps .t42 .cff .afm .ttc, .pdf & .woff onlinefontconverter.com 빨간 박스한 부분을 선택하면 밑으로 5개가 자동 선택됩니다. 다 선택했으면 파란 박스한 부분을 클릭합니다. 파란 박스한 부분을 클릭해서 자기가 다운한 폰트 파일을 선택합니다. 그러면 빨간 박스한 부분에 뜨는데 여러개도 가능합니다. 빨간 박스를 보면 여러 개가 가능하다는 것을 알 수 있습니다. 이제 초록 박스를..

더 읽기

leanModal 기본 사용법(쓰는법,적용법)

  • 주니어퍼블리셔
  • Web
  • 2019.04.12

일단 leanModal.min.js을(를) 다운합니다 그리고나서 프로젝트 폴더 안에 넣습니다 안에 경로를 넣어주고 스크립트에 함수를 추가해줍니다. 제이쿼리 선택자가 을(를) 가르키고 있는데, 이건 마음대로 바꿔도 됩니다 ,등등 ㅇㅅㅇ 그외에도 class나 id로 선택하고 싶으면 $(".class").leanModal(); $("#id").leanModal(); 이런식으로 하면 된다는건 다들 알고있을거라 생각합니다.. 이걸 누르면 id가 leanModal인 것이 모달창으로 뜨는 것인데 그럼 본문안에 모달창을 띄울 것을 작성하면 됩니다

더 읽기

Copyright © div.h All Rights Reserved

Designed by JB FACTORY

티스토리툴바