블로그 팁/Add-on 4

워드프레스 무료 태마로 티스토리스킨으로 변경하기

responsive web 반응형 웹 PC뿐 아니라 스마트폰, 태블릿 PC 등 다양한 스마트 디바이스들이 등장하면서 새로운 해상도와 입력방식이 지속적으로 나오고 있습니다. 이 때, 디바이스 별로 화면을 만들어 중복 개발을 해야 한다는 문제점이 발생하게 됩니다. 이런 다양한 해상도와 환경을 하나의 콘텐츠로 이용하고자 하는 요구에서 반응형 웹이 탄생하게 되었습니다. 반응형 무료 태마 워드프레스테마 워드프레스테마 중 괜찮은 테마들이 무료로 배포중인 것이 종종있습니다. 그중 눈에 들어오는 테마가 있어서 소개할까 합니다. 요즘 한참 이 이 테마를 수정 중인데 조금 이 티스토리와 달라 조금 고생하고 있습니다. 사이트 : http://alxmedia.se 보기에도 무료라고 생각이 들지 않을 정도로 괜찮은 테마입니다...

Off Canvas Layout

Blog Skin + Add-On :: Off-Canvas 큰 화면에서 볼수있는 화면을 작은 기기에서 보고 숨겨진 화면을 보는 레이아웃 Go About The 3 Blog 반응형 웹 디자인 레이아웃 패턴 Multi-Device Layout Patterns 데스크탑-노트북-테블릿-패드-스마트폰 등 대표적인 기기의 레이아웃을 바꿔나가는 패턴과 관련 기법을 자세히 설명한 ,웹사이트에 보면 그는 다중기기 (multi-device) 레이아웃 이라는 표현을 사용했는데, 아마도 패턴 중 하나가 반응형 웹이 아닌 일반 앱(app)을 포함하는 것이라 그런것 같습니다. 그의 다른 글에서도 정리했듯이, 앱에서 만 가능했던 그런 다중기기 레이아웃을 요즘은 반응형 웹에서도 구현하였기에 그냥 ‘반응형 레이아웃 패턴’으로 부르려고..

얕은 진행바(Small Progress Bars)

Blog Skin + Bootstrap + Add-On :: Small Progress Bars 진행 상황을 간단한 방법으로 표시할수 있는 레이아웃의 바. Go About The 3 Blog 얕은 진행바 Small Progress Bars 개요 기본 진행바는 두께가 두꺼워서 쓰기가 힘들고 덧댄 설명 부분이 없어서 만들어 보았습니다. .progress-small 기본 진행바 묻음 박스입니다. .progress-bar-small 진행바 박스 배경,.progress-bar-s-info 기본 진행바 색상입니다. 기본 진행바 60% Complete 60% Complete 다른 색상 진행바 .progress-bar-s-info,.progress-bar-s-success,.progress-bar-s-warning, ..

반응형