profile
웹디자이너 - 프론트엔드 + UX 기획자 꿈꾸기

css 프레임워크

부트스트랩으로 사이트를 만들어본 이후 또 다른 프레임 워크를 검색보았다. 유명한 프레임워크 중 괜찮은 곳들만 따로 정리함 불라(bulma) 다운로드 사이트: https://bulma.io/expo/ 3분도 안되는 Bulma 동영상을 보고나면 편리한 사용법에 깜짝 놀라게 될 것이다. 장점: 가볍고 최소화된 곳/ 부트스트랩이 너무 많은 스타일이 있다면 불라...

2019년 7월 16일
·
0개의 댓글

[GRID] CSS Grid의 인터넷 익스플로러(IE) 지원

5분 이내에 IE에서 CSS 그리드를 작동하는 방법! 이 글은 https://medium.com/@elad/supporting-css-grid-in-internet-explorer-b38669e75d66 를 번역한 글입니다. 우리가 여전히 안고 있는 문제는 IE를 지원하는 것이다. 모르는 것은 CSS 그리드가 IE 10에서 처음 지원되었다는 것입니다....

2019년 7월 16일
·
0개의 댓글

프레임워크와 라이브러리 차이점 ? 비교? 정의

최근 자바스크립트는 수많은 라이브러리와 수많은 프레임워크들이 자고 일어날때마다 출시되고있습니다. 그러면 어떠한것은 라이브러리이고 어떠한것은 왜 프레임워크일까요? 오늘은 라이브러리와 프레임워크의 차이를 정리하고자 합니다. - Framework(프레임워크) 프레임워크는 Application 개발시 코드의 품질, 필수적인 코드, 알고리즘, 암호화, 데이터베이...

2019년 7월 16일
·
0개의 댓글

css 이름 규칙 2

css 정리.jpg

2019년 7월 9일
·
0개의 댓글

css 이름 규칙

하이픈으로 구분 된 문자열 사용 >자바 스크립트를 많이 작성하면 camel case의 경우 변수(variables)를 쓰는 것이 일반적입니다. var redBox = document.getElementById('...') 좋다~, 맞지? 문제는이 형식의 명명이 CSS에 적합하지 않다는 것입니다. 이것을하지 마십시오 : 대신 다음을 수행하십시오. ...

2019년 7월 9일
·
0개의 댓글

&, 띄어쓰기 문자 치환 코드 .jpg

😅 스크린샷 2019-07-05 오후 4.02.05.png 문자 치환

2019년 7월 5일
·
0개의 댓글

3일만에 배우는 스케치 공부

스크린샷 2019-07-02 오전 10.01.59.png https://www.edwith.org/cdc_sketch/joinLectures/8887 네이버 로그인 후 강의 신청하면 무료로 듣는게 가능하다. 스크린샷 2019-07-02 오전 10.03.28.png ![스크린샷 2019-07-02 오전...

2019년 7월 2일
·
0개의 댓글

코딩언어 어떤걸로 쓰시나요? [ 브라켓 확장기능 인스톨 ]

드림위버/브라켓/비쥬얼스튜디오 3가지를 써보다가 현재는 브레켓 사용중이다. 브라켓에는 다양한 확장기능 설치로 사용자의 편의를 제공해주기 때문이다. 확장기능 인스톨 스크린샷 2019-07-02 오전 9.56.10.png 추천 확장기능 1 Color Merge - CSS에 적용된 컬러를 뽑아서 팔레트로 표시 Document Outlin...

2019년 7월 2일
·
0개의 댓글

메인 화면 움직임 참고 자료 js

http://junil-hwang.com/blog/css-slide-animation/ http://kenwheeler.github.io/slick/ http://hong.adfeel.info/frontend/%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%93%9C-%EC%98%88%EC%A0%9C/ //슬라이드 예제 http://alik....

2019년 6월 24일
·
0개의 댓글

클릭시 페이지 최상단으로 이동하는 TOP버튼(자바스크립트)

보통 HTML 을 이용한 Top 버튼의 경우 > 과 같이 최 상단에 만들어 두고 TOP 와 같이 이용한다. 그냥 TOP을 이용하는 경우도 있는데 이 경우 주소의 제일 뒤에 #이 붙는다. http://sadtear.tistpry.com/# < 이런식으로 이 # 기호는 추후 파라미터오류가 나는 경우가 있어서 비추!! 자바스크립트를 이용하는 방법으로 작성...

2019년 6월 13일
·
0개의 댓글

모달 팝업뜰때 바닥 스크롤 막기

모달 팝업이 표시될 때 브라우저 스크롤을 막는 방법 >브라우저 스크롤이 있는데 모달팝업의 내부 스크롤도 있는 경우, 모달팝업의 내부 스크롤을 마우스로 내리다가 끝에 다다르면, 브라우저 스크롤이 내려간다. (어둡게 처리된 내용이 스크롤되는 현상) 이런 현상을 막기위해 모달팝업이 표시될 때는 body의 overflow를 hidden으로 변경해서 브라우저 스...

2019년 6월 13일
·
0개의 댓글

프론트앤드 공부해볼까? 웹디자이너 성장기 일기

워낙 네이버 블로그 유저로 오랜시간 보낸 터라 블로그 글쓰기는 역시 나의 또다른 취미이다. 이 공간은 프론트앤트 + UI UX 기획자를 꿈꾸며 공부하고 기록하려해본다. 2019년 1월부터 실전이 시작되다. 일반 인하우스 디자이너로 상품이나 그래픽 디자인을 하기도하고 웹도 전반적으로 디자인하였다. cafe24 고도몰과 같은 이미 있는 폼에 디자인을 입히...

2019년 6월 5일
·
0개의 댓글