본문 바로가기
[android] Nice 한 UI 를 만드는 규칙~ [android] Nice 한 UI 를 만드는 규칙~ https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda 1. Light comes from the sky2. Black and white first3. Double your whitespace4. Learn the methods of overlaying text on images5. Make text pop - and un-pop6. Only use good fonts7. Steal like an artiest Light Comes From the Sky -빛이 하늘로부터 온다면, Top 부분이 반짝인다.그리고 shadow 를 하단에 만든다.Top 부분은.. 2017. 8. 3.
[iOS Study] 오토 레이아웃 소개 [iOS Study] 오토 레이아웃 소개 출처 : 아론 힐리가스의 iOS 프로그래밍 -아이패드와 아이폰 모두에서 실행 가능한 단일 앱을 유니버설 앱(Universal application) 이라 한다. -Deployment info 섹션으로 이동하여 Devices 팝업에서 iPhone 을 Universal 로 변경하면 된다. -절대 좌표 체계는 레이아웃이 깨지기 쉽다.미리 화면 크기를 알고 있다고 가정하기 때문이다. 오토 레이아웃을 사용하여 상대적인 방식으로 뷰들의 레이아웃을 기술할 수 있다.이것은 실행 시에 frames 를 결정하도록 해준다.따라서 frames 의 정의가 프로그램이 실행 중인 장비의 화면 크기를 고려할 수 있도록 한다. -레티나 장비는 비레티나 장비보다 두 배 많은 픽셀을 가지고 있지만.. 2016. 3. 3.
[Android] 이미지와 텍스트 함께 배치하기. ( 신문기사처럼 ) [Android] 이미지와 텍스트 함께 배치하기. ( 신문기사처럼 ) http://gmariotti.blogspot.de/2014/03/snippet-align-textview-around-image.html LeadingMarginSpan.LeadingMarginSpan2 를 이용하면 가능하다. class MyLeadingMarginSpan2 implements LeadingMarginSpan.LeadingMarginSpan2 { private int margin;private int lines; MyLeadingMarginSpan2(int lines, int margin) {this.margin = margin;this.lines = lines;} /** * Apply the margin * * @p.. 2014. 4. 11.
css3 box-sizing property. css3 box-sizing property. 참조 : http://ko.learnlayout.com/box-sizing.html CSS 의 Box model 에서 말하는 width 값은 content box에 해당한다. 해당 view ( box ) 가 차지하는 총 width 의 값은 padding, border 값을 포함하게 되어 직관적이지 않게 되어,기존에는 원하는 width 를 맞추기 위해 padding 을 줄이거나 border 값을 줄이는 방법 등으로 width 를 조절해 나갔다. CSS3 의 box-sizing: border-box 로 지정해주면,안드로이드의 view 체계와 비슷하게 margin 값을 뺀 border-box 를 해당 view 의 width 로 잡게 되어 훨씬 직관적이고 좋다. b.. 2014. 4. 9.
[기초강좌] HTML Headings - w3schools 번역 [기초강좌] HTML Headings - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원본 : http://www.w3schools.com/html/html_headings.asp Headings 는 HTML 문서에서 중요하다. HTML Headings Heading 은 ~ 으로 정의된다. 은 가장 중요한 heading 이고, 은 가장 덜 중요한 heading 이다. This is a headingThis is a headingThis is a heading 눈으로 직접 보기. 주의 : 브라우저가 자동으로 각 heading 앞뒤로 빈 공간 (여백) 을 넣는다. Headings Are Important HTML heading 은 heading 으로만 써야 한다. Heading .. 2014. 2. 24.
[android] why margin_bottom value is not working? android, why margin_bottom value is not working? 필자의 경우 PullToRefreshListView 를 사용하면서 ListItem 으로 여러가지 Layout 을 사용하며 margin 에 관련된 여러 가지 이슈를 발견했다. 1. ICS 이상일 경우. FrameLayout 을 이용하면 margin 값 처리에 별 문제가 없다. ICS 이상일 경우라도 RelativeLayout 의 경우는 다른 녀석은 잘 작동해도 marginBottom 값만은 제대로 먹지 않았다. 어디선가 layout_height = "wrap_content" 일 경우 제대로 동작 안 한다는 말이 있던데, list item 으로 사용되는 경우에는 wrap_content 와 상관없이 제대로 먹지 않는다. S.. 2013. 11. 15.
[android] how to remove extra padding( or margin ) in the GridView android, how to remove extra padding( or margin ) in the GridView [En] GingerBread and below versions show strange effect at the GridView. Sometimes it introduces extra padding or margin which was not set by programmer. I think the fragmentation of android and the various versions are a huge disaster to the programmer. BTW, there's solution for removing those unexpected extra padding or margin.I.. 2013. 9. 24.
[CSS] display:block 과 display:inline 의 차이점에 대해 알아보자. CSS, display:block 과 display:inline의 차이점. 자동 줄바꿈! block으로 설정된 컴퍼넌트는 자동줄바꿈 O.inline으로 설정된 컴퍼넌트는 자동줄바꿈 X. width, height, margin, padding 속성들! block으로 설정된 녀석은 width, height, margin, padding 속성 사용이 가능한 반면 inline으로 설정된 녀석은 해당 속성들을 사용하지 못한다. 대표 component 는? display:block 이 설정되는 대표적 component 는 div.display:inline 이 설정되는 대표적 component 는 span. Block, component, css, CSS3, display, display:block, display:.. 2013. 6. 20.
반응형

티스토리툴바