0618 화 uiux 53일차

0618 화 uiux 53일차

웹코딩 참고 사이트(김영원 강사님) ( https://kimyws.tistory.com/29 ) ( https://webstoryboy.co.kr/ ) 플렉스 개구리 ( https://flexboxfroggy.com/#ko )

혜지 강사님 수업페이지(html&css) ( https://codepen.io/hjyee/full/OJGrVYJ ). 자바스크립트 수업페이지 ( https://codepen.io/hjyee/full/PogMVOP ) 깃허브 기초 ( https://codepen.io/hjyee/full/LYoNWga ) 기초 키보드 사용법 ( https://codepen.io/YoungHeom/pen/eYaOYEX ) 연산자 ( https://codepen.io/YoungHeom/pen/Rwmbxze ) 코드펜 사용법 ( https://codepen.io/YoungHeom/pen/gOJOWgE ) 무료 강의 ( https://programmers.co.kr/ ) 자바스크립트 정리 ( https://velog.io/@solmii/Java-Script%EB%A5%BC-Script ) 피그마 강좌 ( https://www.youtube.com/@yeonjung-figma ), ( https://www.youtube.com/@UXUIDesign ) - 개인적 메모 작업물 보기 - 핀터레스트나 드리블( https://dribbble.com/ ), 노트폴리오, 비핸스, 디자인 나스 - ( https://designnas.com/ ) 자격증 기출문제 ( https://www.comcbt.com/ )( https://quizeey.com/ ) ( https://cubic-bezier.com/ ) 유용한 링크 모음 ( https://codepen.io/YoungHeom/pen/XWwzPvE )

HTML에서 사용되는 quot? amp? lt? gt? 등등 기호 ( https://darusamu.tistory.com/32 )

keyframes 찾아보기. 정리된거 블로그에 적기( https://velog.io/@ye-ji/CSS-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98keyframes )

전에 작업했던 만년필 사이트 파일 css부분 다시 /* ~ 시작 */  /* ~ 끝 */으로 잘 정리하기

R, G, B 색상 이름 모음, 색상 이름들(color names) ( https://codepen.io/YoungHeom/pen/dyEvErj )

 

 

밑줄 애니메이션 ( https://codepen.io/YoungHeom/pen/OJYQJpj )

상단바 ( https://codepen.io/YoungHeom/pen/zYQRYpg )

/* css에서 변수 만들기 */
:root {
    --site-width: 800px;
}
/* 라이브러리 */
.con {
    width: var(--site-width);
}
.con-min-width {
    min-width: var(--site-width);
}
/* css에서 변수 만들기 */

 

currentcolor - ( https://codepen.io/YoungHeom/pen/rNgJNQB )

글자 색상, 보더 색상 똑같이 맞추고 싶을 때  border: 1px solid currentcolor;

 

 

 

 

 

 

 

괜찮다 이 포트폴리오~

- ( https://designnas.com/portfolio/mobile_pf/newron/index.html )

- ( http://portfolio.ejungle.kr/DINO_03/hsg/ )