본문 바로가기
[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.
[android] button 에 shake anim 효과 주기 [android] button 에 shake anim 효과 주기 참조 : http://frogermcs.github.io/InstaMaterial-concept-part-3-feed-and-comments-buttons/ CycleInterpolator 는 api level 1 부터 있던 녀석.정해진 숫자의 cycle 로 animation 을 반복한다.변경은 사인 곡선을 따른다. btn.startAnimation(AnimationUtils.loadAnimation(this, R.anim.shake_anim)); Android, anim, animation, animationutils, api level, Button, cycleinterpolator, cycles.. 2016. 9. 22.
[android] login button facebook doesn't work after coming back from the login page. [android] login button facebook doesn't work after coming back from the login page. keypoint is onActivityResult. public class MainFragment extends Fragment{ private static final String TAG = "MainFragment"; private UiLifecycleHelper uiHelper; @Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);uiHelper = new UiLifecycleHelper(getActivity(), callback);uiH.. 2014. 5. 14.
[android] baselineAligned 속성의 정체. android, baselineAligned 속성의 정체. LinearLayout 에 포함되는, TextView 들은 글씨들의 first line 을 align 하도록 기본 설정이 되어 있다. 그래서 위와 같이 한줄짜리 text 를 가진 버튼들 중간에두줄짜리 text 를 가진 버튼이 추가되면 위와 같은 layout 이 보여진다. 이는 LinearLayout 을 상속하는 TableLayout, RadioGroup, SearchView 들과TextView 를 상속하는 Button, CheckBox, RadioButton, EditText 들도 이에 해당한다고 보면 된다. 따라서 이런 현상을 없애려면, 기본 true 로 되어있는 android:baselineAligned 값을 false 로 전환해주면 된다. .. 2014. 4. 10.
Bootstrap All Functions #5 Bootstrap All Functions #5 Typography Tutorial - class="unstyled" bootstrap 의 style 제거 - class="dl-horizontal" horizontal style dl Glyphicons with bootstrap 3 - Glyphicons 란? icon font 를 말한다. Glyphicons with bootstrap 3 - Obtaining Glyphicons dist/fonts folder 에서 dist folder 를 찾을 수 있다. glyphicons-halflings-regular.eotglyphicons-halflings-regular.svgglyphicons-halflings-regular.ttfglyphicons-half.. 2014. 4. 4.
[기초강좌] HTML Forms and Input - w3schools 번역 [기초강좌] HTML Forms and Input - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_forms.asp HTML Form 은 여러 종류의 input 을 받기 위해서 사용된다. HTML Forms HTML Form 은 서버에 데이터를 전송하기 위해서 사용된다. HTML form 은 text field, checkbox, radio-button, submit button 등의 입력을 받는 element 들을 가지고 있다. form 은 select list, textarea, fieldset, legend, label 과 같은 element 들도 가지고 있다. tag 는 HTML form 을 생성하.. 2014. 3. 21.
Bootstrap All Functions #1 Bootstrap All Functions #1 Container, Row, SpanX Responsive Web Typography -기본 tag 들에 대해서도 style 이 적용되어 있다. - blockquote 의 경우 위와 같이 두드러지게 바뀐다. -기본 tag 의 style 을 제거하려면 class="unstyled" 를 적용한다. -dl 의 경우 class="dl-horizontal" 로 수평 definition list 를 사용할 수 있다. Glyphicon User -Glyphicon customize pagehttp://www.w3resource.com/twitter-bootstrap/3/glyph-customization.html Table Forms Search -bootstrap 의.. 2014. 3. 13.
[android] how to remove checkbox image or replace to other images. android, how to remove checkbox image or replace to other images. How to remove checkbox image. android:button="@null" How to replace checkbox image. android:button="@null"android:drawableLeft="@drawable/icon_selector" @null, androi:drawableBottom, androi:drawableLeft, androi:drawableRight, androi:drawableTop, Android, android:button, Button, how to remove checkbox image, how to replace checkbox.. 2014. 2. 19.
[jQuery] 버튼 만드는 방법 jQuery로 버튼 만드는 방법 jQuery를 이용하여 버튼을 만드는 방법은 3가지가 있다. 1. anchor tag 이용 Button 2. div tag 이용 Button 3. form tag 인 input tag 이용 이 세 가지 방법중에 가장 많이 쓰이는 형태는 바로 anchor tag 를 이용한 방법왜냐하면.. 1. href 속성이 있어 바로 link 연결하는 데 수월하다. ( div 태그보다 활용성이 높다. ) 2. 3번의 form tag 와는 달리 width, height 속성 등을 조정할 수 있다. 3. normal 상태와 pressed 상태를 구분해서 속성을 변경할 수 있다. a, a tag, ANCHOR, Button, data-role, data-role="button", div, di.. 2013. 6. 28.
반응형