IT정보 웹디자인 유익한 정보

[패스트캠퍼스] 웹퍼블리싱 강의 7주차 웹퍼블리싱 교육을 듣다. K디지털기초역량훈련 중 하나인 웹퍼블리싱 완전정복 교육을 받고 있다. 파노라마 레이아웃을 실습했다. 3D 처럼 움직이는 파노라마 ui 를 만들 수 있다. 동영상 풀스크린 ui 이다. 1. 레이아웃을 보면.. 가장 큰 부분은 wrap.main 으로 감싸고 부모요소인 circle 부분은 section 으로. (section#circle) 각각 8개의 프로필을 article 로 제작하고.. (article.face1 ~ article.face8 ) 각각의 프로필의 회전과 3D 배치(z축 설정)를 위하여 아래 코드가 필요하다. article.face1 { transform:rotateY0(0deg) translateZ(-764px); } artic..

[패스트캠퍼스] 웹퍼블리싱 강의 6주차 온라인 교육은 진도 순서에 상관없이 자신이 듣고 싶은 순서로 들을 수 있어서 좋다. 기존에 알고 있었던 기초적인 내용는 빠르게 훑고 지나갈 수 있고 좀더 공부하고 싶었던 영역에 집중해서 들을 수 있다는 것이 장점인거 같다. 2차시: html5 기초 문법내용은 기초적인 부분이라 빠르게 듣고 있는데.. 처음 웹을 접하는 초급자라면 다 중요하게 공부해야 하는 부분이긴 하다. 벌써 6주차 교육이다. 좀 더 진도에 박차를 가해야 할 때이다. 처음 웹을 처음 접하는 사람들에게도 어렵지 않도록 기초부터 상세한 설명을 하고 있어서 어렵지 않을 것으로 생각된다. 기존에 웹을 접해본 사람들에겐 어느정도 알고 있었던 내용도 시간이 지남에 따라 명령어나 개념등을 잊어버리는 경우가 많은데..

프로그램 코드 연습 웹사이트 jsfiddle.net/ JSFiddle - Code Playground jsfiddle.net html 과 css , javascript 소스를 웹상에서 자유롭게 연습할수있는 사이트로 빠르게 결과(Result)를 확인할 수 있어서 사용하기 편한거 같다. jsfiddle.net 을 활용하여 간단하게 테스트해보았다. 이 사이트를 통하여 코딩연습을 쉽게 할 수 있어서 자주 이용하고 싶은 사이트이다. 한가지... 화면이 블랙인데.. 나는 개인적으로 블랙화면보다는 화이트화면을 선호한다. 화이트로 나오는 방법이 있는지 확인해봐야겠다. 아무튼 유용한 사이트 jsfiddle.net 였습니다. [ 추가 ] https://codepen.io/ CodePen An online code edit..