portfolio_EWP_한국동서발전 빅데이터 포털 서비스 EWP 한국동서발전 빅데이터 포털 서비스 디자인 및 퍼블리싱 100% 한국동서발전, 빅데이터 플랫폼 포털 서비스 시범 개시 - 매일경제한국동서발전은 8일 사내 빅데이터 플랫폼 환경을 구축하고, 다양한 데이터 분석 기능을 사용자가 직접 활용할 수 있는 포털 서비스를 시범 개시했다고 밝혔다. 앞서 한국동서발전은 지난해 12월부터 빅데이터 플랫폼 환경 구축 사업에 착https://www.mk.co.kr/news/business/view/2019/08/610979/ css animation @keyframes@keyframes @규칙은 개발자가 애니메이션 중간중간의 특정 지점들을 거칠 수 있는 키프레임들을 설정함으로써 CSS 애니메이션 과정의 중간 절차를 제어할 수 있게 합니다. 이 룰은 브라우저가 자동으로 애니메이션을 처리하는 것 보다 더 세밀하게 중간 동작들을 제어할 수 있습니다.https://developer.mozilla.org/ko/docs/Web/CSS/@keyframes CSS 애니메이션 사용하기CSS3 애니메이션은 엘리먼트에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜 줍니다. 애니메이션은 애니메이션을 나타내는 CSS 스타일과 애니메이션의 중간 상태를 나타내는 키프레임들로 이루어집니다.https://developer.mozilla.org/ko/docs/We.. background image slide tip! Vegas Background SlideShowDon't waste your precious time, support is available for 24$. Ask your question and quickly receive a ZIP file with a clear running example with commented code and assets solving your problem.http://vegas.jaysalvat.com covervid - background moive CoverVidFor starters, it makes your HTML5 video behave like a background cover image, but other plugins also do that. CoverVid is very lightweight, with only 800 bytes of Javascripts. It is usable in native Javascript and jQuery. Its logic is parent based, meaning the parent element can be any size (Not necessarily just a full-screen background).http://stefanerickson.github.io/covervid/ cloudcraft Cloudcraft – Draw AWS diagramsDraw AWS diagrams with Cloudcraft: Snap together components like EC2s and ELBs on an isometric gridhttps://cloudcraft.co/ naver uiux lab Blog NHN AD, UI/UX Lab 공식블로그 : 네이버 블로그NHN AD의 UI/UX Lab 공식 블로그 입니다.https://blog.naver.com/uiux_lab [layout계산기] 포토샵 및 시안 작업시 배너간격 및 사이즈 배치를 도와드립니다. 순전히 일을 하다가 필요할거 같아서 만들어 보았습니다. 포토샵으로 시안을 작업할 경우 같은 사이즈의 배너를 같은 간격으로 정렬해야 되는 경우가 있습니다. 자주는 아니지만, 가로 간격은 제한적이고, 배너 숫자를 고려햇을 때 간격과 배너의 크기는 얼마나 할 것인가 .. 항상 엑셀을 켜두고 계산을 했습니다. 물론 엑셀로 하면 되지만,, 재미삼아 만들었습니다. 원리는 이렇습니다. 예를 들어, 가로폭이 1450px의 화면에 5개의 배너를 20px 간격으로 배치를 합니다. 이럴 경우 계산을 하죠, 가로폭 - 간격의 합(배너숫자에서 -1 * 20px) ex ) 1450 - ((5-1)*20) = 1325 1325 나누기 배너개수 = 1325/5 = 265 이러면 가로폭이 265px 배너를 20px 간격으로 배치를 하.. [css/js] 로딩화면 만들기 로딩화면을 만드는 방법 간단하게.. #1 먼저 css 로 로딩중에 보여줄 화면을 만듭니다. 보통 화면을 덮어서, 만듭니다. .loading{ width:100%; height:100%; position:fixed; left:0px; top:0px; background:#fff; z-index:1000; /* 이 값으로 레이어의 위치를 조정합니다. */ } #2 로딩으로 보여줄 div 를 화면에 넣습니다. 보통 body 바로 담에 넣으면 됩니다. #3 페이지가 로드되었을 때 로딩화면을 감춥니다. 이렇게하면, 일단 페이지가 로드되면 하얀 loading div 가 보이고, 페이지가 로드되면, 그 div 가 사라집니다. 이전 1 2 3 4 5 6 다음