https://www.webpagefx.com/blog/web-design/html-questions/https://www.webpagefx.com/blog/web-design/css-questions/

svn 능력자를 위한 git 개념 가이드 from Insub Lee [GIT 특징] 1. 로컬저장소과 원격저장소의 분리 : 분산 처리, 안전한 데이터, 빠른 처리 속도2. 스테이지 영역의 존재 : 커밋 대상의 분리3. 스냅샷을 이용한 버전 관리 : 빠르고 편리한 브랜치 & 병합 기능 [모르면 아쉬운 GIT 특징들]1. 작업 중 브랜치를 변경해야 하는데 커밋하기 애매할 때, 간단히 저장(staching)해 둘 수 있습니다.2. 커밋의 순서를 변경하거나 커밋 메시지 심지어는 커밋한 파일도 변경 할 수 있습니다.3. 로그를 자기 입맛대로 포맷팅해서 볼 수 있습니다.4. 이전 커밋에 추가 할 수 있습니다. [GUI 환경에서 GIT을 사용할 수 있는 프로그램]SourceTree : https://www.sourc..

CSS 프레임워크 하면 부트스트랩 밖에 몰랐는데 굉장히 많은 것들이 존재하고 있었다.HTML5LAB 에서 추천한 Semantic UI 프레임워크를 둘러봤다.명칭에 걸맞게 다양한 디자인의 UI가 많았다. 부트스트랩보다 더 세분화된 디자인이 많은 것 같다.뭐랄까 요즘 자주쓰이는 디자인들이 템플릿화 되어 있어서 편리한 느낌이다.예제 중 눈길을 끌었던 것을 몇가지 소개한다. #Divider 보통 회원가입 폼에서 자주쓰이는 세로 구분자(Vertical Divider)이다. 코드를 보면 굉장히 명료하다. Semantic UI 답다. #Step회원가입이나 결제 페이지에서 주로 사용되는 스텝 UI이렇게 템플릿화 되어있으니 참 좋다. #주요 UI 예제 [참고] CSS 프레임워크 40개[참고] http://semantic..

JavaScript Framework 이미 모두가 알고 있고 좋아하는 JavaScript Framework를 간단하게 정리해봅니다. React.js 최근 주목받고 있는 Facebook에서 만들어진 라이브러리에서 MVC아키텍쳐에서 View에 해당하는 기능이 제공됨JSX, Virtual DOM이라는 새로운 접근방법MVC와는 다른 Flux라는 디자인패턴Isomorphic 아키텍쳐 가능Angular.js나 Backbone.js가 규모가 커지면 관리하기 힘든 단점을 보완 Angular.js Google에서 만든 MVC프레임웍전체 스택에서 할 수 없는 일이 거의 없음Yeoman등을 사용하면 SPA를 30분이내 만들수 있음(SEO는 안습 ㅠ_ㅠ)Angular Wat라고 하지만, 모듈화가 잘되어 있고, 지저분한 코드가..

See the Pen [JS] textarea 글자수 카운터 by zinee (@zineeworld) on CodePen.

[2014널리세미나] 사용자 측면에서의 한국형 웹 콘텐츠 지침 from Nts Nuli ▶ KWCAG 2.1 주요 개정 내용 ---------------------------------------------------------------------------------------------------- 1. IR(Image Replacement) 기법 사용시 display:none;, visibility:hidden; 사용금지 • W3C 표준에 맞게 스크린리더에서 display : none ; , visibility : hidden ; 은 인식하지 않도록 개선 됨 • 방법1 : text-indent, position 등에 음수를 사용하거나 Box 요소 크기를 작게 하고 overflow : hidden ..

문서내용 : 한국형 웹 콘텐츠 접근성 지침(Korean Web Content Accessibility Guidelines) 2.1 최신버전 : 2.1개정일자 : 2013.12.18[출처] 한국정보통신기술협회 자료마당

text-decoration:line-through (CSS2) 단순 취소선은 모든 브라우저에서 지원된다.아래와 같이 다중값을 적용할 수도 있다. Firefox에서는 취소선 스타일과 색을 지정할 수 있다. Property Value text-decoration-line underline | overline | line-through text-decoration-style solid | double | dotted | dashed | wavy | inherit text-decoration-color [참고] https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line [참고] https://developer.mozilla.org/en-US/d..

The is not supported in html5. The difference between “s” and “del” is that “del” carries a semantic meaning of deleted text. Both are rendered the same.