본문 바로가기

전체보기

Jekyll과 Github Pages를 이용해서 간편하게 블로그 구축하기 Github Pages와 Jekyll(DB 필요없는 CMS)를 통해서 무료로 간단히 블로그 구축이 가능하다. 이 문서는 지속적으로 업데이트되는 문서입니다. 참고사이트 참고사이트 github pages 참고사이트 jekyll 참고사이트 jekyll for Windows (1) 참고사이트 jekyll for Windows (2) 레포생성 Github Repo를 생성하도록 한다. 아무 파일이나 생성하여 커밋을 하거나 다른 jekyll 블로그를 클론하도록 한다. Jekyll 설치 jekyll은 깃헙 레포만 활용하여 사용할 수도 있지만, 로컬에 설치하여 테스팅할 수도 있다. 루비 기반의 프로그램이므로 윈도우에서 설치 과정은 조금 번거롭다. 위 참고사이트로 올려 놓은 'jekyll for Windows' 사이트에서..
웹호스팅 관련 정보알아보기 (국내/해외) 웹사이트 개설을 위해서는 서버가 필요하다. 웹호스팅 업체는 많은데, 그 종류에 대해 간략하게 알아 보도록 한다. 국내 - 가비아, CAFE24 등 업체 등이 있으며, 개인/중소기업 규모 업체의 경우 CAFE24 등이 저렴한 제품을 제공한다. 무제한 트래픽, 스토리지 등의 조건을 고려했을 때에는 해외 보다는 비싼 가격이 책정되어있다.- 최소 사양에 대한 설치비, 월 유지비가 저렴한 편이므로 프로젝트 초기 생성 시 CAFE24 등을 활용하면 좋다. 해외 - GoDaddy, Hostgator, Bluehost, DigitalOcean, iPage 등의 업체가 있다.- AWS 또한 웹호스팅 형태의 서비스를 제공하는데 lightsail이라는 이름으로 제공한다.- 전반적으로 무제한 트래픽, 스토리지 등을 제공하며 ..
웹디자인을 쉽게 해줄 7가지 폰트아이콘 소개 *본 포스트는 "SITE-POINT'에 게재된 " CHRIS COYIER"가 쓴 "5 Golden Rules For Mobile Email Design"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다.*본 포스트는 2012년에 기재된 포스트로서 현 시점에서 내용과 다소 차이가 있을 수 있으나, 현재에도 유용한 정보를 담고 있다고 판단하여 번역하는 내용이니 이에 참고 바랍니다.2012년 초 TNW에서는 폰트아이콘(icon font)의 사용세가 증가함을 보고 드린 바 있습니다. 폰트아이콘에 대해서 아직 잘 모르시는 분들을 위해 설명 드리자면, 과거 딩뱃폰트의 실용적인 형태의 업그레이드 버전이라고 보시면 될 것 같습니다. Pictonic에 설명에 ..
웹디자인에 팬톤 컬러 적용을 위해 활용 가능한 웹사이트 소개 지난 번에 팬톤에서 제작한 컬러 어플리케이션을 소개해 드린 적이 있는데요. 이번에는 데스크탑/노트북 상에서 웹/앱 디자인을 할 때 컬러링 관련해서 활용이 가능한 웹사이트들을 소개해 드리고자 합니다. 이전 모바일 앱과 마찬가지로 팬톤과 관련된 웹사이트들로 컬러 팔레트 및 파인더 역할을 합니다.1. 팬톤 웹 컬러파인더팬톤 공식 홈페이지에서 제공하는 컬러파인더입니다. 컬러피커를 통해서 색상을 지정하면 그 색과 가장 유사한 팬톤컬러를 뽑아주는 역할을 합니다. 막연하게 색상을 구상하고 있을 때, 구체적이고 또 검증된 색상 코드를 표시해 주는 역할을 합니다.URL : https://www.pantone.com/color-finder 2. 팬톤 컬러스팬톤 표준 색상들을 한 눈에 알아 보기 쉽게 나열하여 보여주는 웹사..
무료 웹 CSS 코드 제네레이터 모음 *본 포스트는 "Envato'에 게재된 " Jake Rocheleau"가 쓴 "Best Free CSS Code Generator Webapps"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다.좀 더 빠른 작업 효율을 위해서 코드 제네레이터를 쓰는 것은 매우 좋은 전략입니다. 특히 좋은 CSS 코드 제네레이터들은 웹에서 쉽게 구할 수 있습니다. Flexy Boxesflexbox는 CSS의 미래라고 볼 수 있습니다. GUI를 통해서 쉽게 flexbox 레이아웃이 구성한 웹앱사이트입니다. 이 웹앱을 사용하시기 이전에 flexbox에 대한 이해도를 높이시는 것을 추천합니다. Scoch.io에 게재된 flexbox에 대한 소개 내용을 참고하시기 바랍..
MS의 새로운 메트로 UI, Fluent Design System *본 포스트는 "The Verge'에 게재된 "Tom Warrent"이 쓴 "Fluent Design is Microsoft's new Metro UI for Windows and more"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다.마이크로소프트는 개발 컨퍼런스를 통해 5월 11일 공식적으로 Fluent Design System(플루언트디자인시스템, 이전 코드명 Project Neon)을 발표했습니다. 최근 몇 달 동안 윈도우의 UI를 바꾸는 실험을 공유했던 마이크로소프트는 이 실험들을 마무리 지으면서 디테일을 잡아가는 작업을 진행하고 있으며, 올해 말에 공식적인 릴리즈를 목표로 하고 있다고 합니다. 윈도우10 가을 업데이트의 일환으로,..
디터람스의 '좋은 디자인의 10가지 원칙' 디자인 계의 바이블로 통하는 디터람스의 '좋은 디자인의 10가지 원칙'에 대해 소개 드립니다. 산업디자인 계의 대부이자 모더니즘의 원류로 통하는 디터람스가 1976년 뉴욕에서 스피치한 이 10가지 원칙은 현대에도 통용되는 원칙이며, 이를 가장 잘 따른 디자인 사례로 애플의 조너선 아이브의 작품들이 손꼽히기도 합니다. 1. 좋은 디자인은 혁신적이다. (Good design is innovative)혁신의 가능성은 어떤 방식으로든 항상 존재합니다. 기술적 발전은 항상 새로운 디자인 혁신에 대한 가능성을 제공합니다. 하지만 디자인 혁신은 항상 새로운 기술적 발전과 함께 진행되며, 디자인 개별적으로는 혁신이 이루어질 수 없습니다.2. 좋은 디자인은 제품을 유용하게 한다. (Good design makes a p..
애플디자인어워드 2017년 수상작 공개 (Apple Design Awards 2017) 2017년 6월 5일, 애플은 자사가 지난 20년 간 진행해 오던 소프트웨어에 대한 디자인 평가 시상인 '애플디자인어워즈'의 2017년 수상작을 발표했습니다. 애플디자인어워즈는 개발자들의 우수성과 창의성을 기리기 위한 행사입니다. 기술 부분에서의 혁신성 및 디자인을 평가 기준으로 두며 애플의 다양한 플랫폼 상의 소프트웨어들을 대상으로 합니다. 2017년 애플디자인어워즈 수상작 소개 1. 에어메일3 (이탈리아)iOS와 MacOS 전용으로 디자인된 에어메일은 대단한 접근성을 사용자에게 제공합니다. 다양한 커스터마이제이션 피쳐와 함께 다른 여러 어플리케이션들과의 인테그레이션 기능도 매우 훌륭합니다. 2. 베어 (이탈리아)베어는 가장 에센셜한 기술들을 활용하여 우아한 글쓰기 경험을 제공해 주는 어플리케이션으로 ..