Decenter > web development

web development Decenter

Prev Sidiz
Next Ladies Classic

content

Real site Demo site

Introduction

Decenter is a news hub which is about blockchain and virtual money. They deal with Bitcoin, Ethereum and Riple primarily. The site provides the latest virtual money news. 디센터는 블록체인, 가상화폐에 대한 뉴스 허브입니다. 주로 비트코인, 이더리움, 리플과 같은 대표 비트코인에 대한 시세를 다루고, 그에 대한 최신 정보를 제공하는데 목적이 있습니다.

Work period 작업기간 Jan.2017 ~ Feb.2019
Contribution 참여도 HTML+CSS 100%, jQuery 90%, Javascript(Front) 60%
Program for use 사용프로그램 Bracket, Browser(ie7~11, Chrome, Firefox, Safari) Kwah4.0, CCA, Juicy Studio Accessibilty, Jquery, Javascript, Photoshop, Illustrator
Tag 키워드 CSS, HTML, jQuery, Javascript, reacive Web

Why are you making 'Responsive Web sites'? 반응형 웹을 만드는 이유

Fifty percent of my portfolio sites are Responsive Web. Responsive Web is a website that responds to all screen pixels with a single URL without a mobile separate site. One advantage is that developers don't have to mange each server. On the other hand, a disadvantage is that I have to design and code to respond to all resolutions. And professional skills on the Responsive Web should be supported. The decision to create a mobile separate site or a Responsive Web should be made according to the planning stage or the characteristics of the homepage. There is no definite answer here. But I prefer a responsive web that is easier to read at all resolutions, even if it takes a little longer to build and it's tricky to build. 제 포트폴리오의 절반 정도가 반응형 웹을 포함하고 있습니다. 반응형 웹은 모바일 별도 사이트 없이 하나의 URL로 모든 해상도에 반응하는 웹사이트 입니다. 때문에 개발자들이 서버를 각각 관리해야 할 필요가 없다는 장점이 있습니다. 대신 모든 해상도에 반응하도록 디자인하고 코드를 만들어야 한다는 단점이 있습니다. 또한 반응형 웹에 대한 전문적인 스킬이 뒷받침 해주어야 할 것입니다. 모바일 별도사이트를 만들지, 또는 반응형 웹을 만들지는 기획단계나 홈페이지의 특성에 맞게 정해져야 합니다. 확실한 정답은 없지만, 제작시 시간이 조금 더 걸리고 제작하는게 까다롭더라도 저는 모든 해상도에서 읽기가 편한 반응형 웹을 선호합니다.

Point

Coin Market Edition코인 시세판: 메인화면에 있는 비트코인, 이더리움, 리플에 대한 코인시세판에 플립 모션이 들어있습니다. 코인 아이콘에 마우스를 가져다 대면, 코인이 180도 빙글 돌아 뒷 면을 보여줍니다. Coin Market Edition of Bitcoin, Ethereum and Riple in main page includes a flip motion. If your mouse is over the coin, the coin will spin 180 degrees.

Go to the page

Time Line타임라인: 모든 컨텐츠 들이 반응형의 특성을 가지고 있지만, 그 특성을 가장 잘 드러낸 대표적 예시 중 하나는 타임라인 입니다. 1024픽셀을 기준으로 1024픽셀 이상은 PC스타일을 가지고 있고 1024픽셀 이하는 모바일 스타일을 가지고 있습니다. Even though all contents have the attributes of Reacitve Web, One of the most representative examples of that characteristic is the timeline. Based on 1024 pixels, 1024 pixels or more have a PC style and 1024 pixels or less have a mobile style.