비전공자 개발일기

Loading Animation .loader-wrapper { width: 60px; height:60px; } .loader { box-sizing: border-box; width: 100%; height: 100%; border: 10px solid #162534; border-top-color: #4bc8eb; border-bottom-color: #f13a8f; border-radius: 50%; animation: rotate 5s linear infinite; } .loader-inner { border-top-color: #36f372; border-bottom-color: #fff; animation-duration: 2.5s; } @keyframes rotate { 0%{ transf..

Only HTML tag 1. progress 어느 작업의 완료 정도를 나내, 주로 진행 표시줄의 형태 File progess 70% 2. details & summary details태그: 사용자가 직접 조작하여 보이거나 숨길 수 있는 부가적인 세부사항을 명시할 때 사용 summary태그: details 요소에서 화면에 보일 제목 오늘의 환율 달러: 1,135.90 유로: 1,284.08 엔화: 1014.88 3. input type="week" 날짜를 입력할 수 있는 입력 필드 정의 4. picture img요소의 다중 이미지 리소스를 위한 컨테이너를 정의할 떄 사용 5. datalist input요소에서 사용하기 위한 옵션들의 리스트를 미리 정의할 때 사용

Home main01 menu1 menu2 menu3 main02 .dropmenu{ border:none; border:0px; margin:0px; padding:0px; font: "sans-serif"; font-size:18px; } .dropmenu ul{ background: #666; height:100px; list-style:none; margin:0; padding:0; } .dropmenu li{ float:left; padding:0px; } .dropmenu li a{ background: #666; color:#fff; display:block; line-height:100px; margin:0px; padding:0px 25px; text-align:center; text-d..

로고 01_menu 02_menu 03_menu 04_menu 05_menu 01_menu 02_menu 03_menu 04_menu 05_menu Culture Report.01 내 일 에 책임을 다하는 문화 '나 스스로 어떤 성과를 낼 것인지'에 집중하여 개개인이 자율적으로 업무시간을 관리하고 일에 책임지는 문화를 정착시켜나가고 있습니다. 하부로고 카피라이트

재활클리닉 HOME 회사 병원소개 재활의학과 상담신청 게시판 게시판2 재활의학과 menu_01 menu_02 menu_03 menu_04 menu_05 menu_06 재활의학과 소개 재활의학이란 어떠한 질환의 합병증을 초기에 예방하고, 각종 질병 및 사고로 인하여 장애가 생긴 환자의 기능적인 회복을 위해 치료를 실시 합니다. 또한 손상된 부분을 주어진 환경 내에서 최대한의 신체적, 정신적, 사회적 능력과 잠재 능력을 발달시켜 가능한 한 정상에 가까운 기능 실행 뿐만 아니라, 잃어버린 기능을 대치하도록 노력하며, 타인의 도움을 받지 않는 생황을 할 수 있게 도와드립니다. 기능뿐 아니라 각종 통증으로 인하여 보행 및 일상생활 동작에 지장을 받는 모든 환자가 재활치료의 대상입니다. 재활클리닉 동도이미지(주) ..

BULMA https://bulma.io/ Bulma: Free, open source, and modern CSS framework based on Flexbox Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free. bulma.io CSS만을 위한 프레임워크 1. JQuery를 사용하지 않기 때문에 Bootstrap보다는 조금은 이해가 쉬운 클래스 2. 쉬운 CUSTOMIZE 3. 내가 작성한 CSS와 충돌이 없음 4. 브라우저 호환성이 낮음 npm install bulma TAILWIND https://..

검정: 빨강: 초록: 파랑: 하양: 레몬: 오렌지: