[CSS] :lang() 다국어 설정 CSS 셀렉터
·
개발일지/2015
:lang(zh) { font-family: LiHei Pro Medium, sans-serif; } :lang(ko) { font-family: nanum gothic, sans-serif; } :lang(ja) { font-family: osaka, sans-serif; } :lang(en) { font-family: helvetica neue, sans-serif; } [참고] 다국어 웹사이트 지원을 위한 HTML과 CSS [참고] 국가코드
[Dev] 프론트엔드 개발에서 사용할 수 있는 자동화 도구
·
개발일지/2015
Front-end Development Process - 어디까지 개선할 수 있나 from JeongHun Byeon 2014년 발표자료 / 출처: http://www.bloter.net/archives/214274comment; 2020년말에 바라보는는 이 과거자료 참 재밌다. 의존성 관리를 위한 도구 보어 http://bower.io/브라우저리파이 http://browserify.org/ 웹서버 실행 그런트JS http://gruntjs.com걸프JS http://gulpjs.com/ 코드 품질 관리 JS힌트 http://www.jshint.com플로우 http://flowtype.org/리세스 http://twitter.github.io/recess/ES린트 http://eslint.org/HTML..
[디자인] 인스타그램 웹사이트 리뉴얼 / 인스타그램 웹으로 퍼가는 방법
·
개발일지/2015
예전은 이런 모습이었다면 지금은 이렇게 변경![출처] 아이유 인스타그램 사진 클릭 시 로그인 피드 PC보다는 모바일 앱으로 주로 사용하기 때문에 자주 볼 일은 없겠지만 무시할 수는 없다. 반응형웹이며 모바일 사이즈로는 아래와 같이 보인다. #인스타그램 퍼가기 EMBED 태그 복사 해서 HTML 에디터에 붙여넣기 하면 끝! 오늘은 #인나찡 탄신일🎁 #유치자#자나깨나#치자사랑#유디#울언니#치자꽃#그렇다고치자 이지금(@dlwlrma)님이 게시한 사진님, 2015 6월 4 오후 11:10 PDT
[Git] 버전관리 제외하기 (www.gitignore.io)
·
개발일지/2015
1. https://www.gitignore.io/ 사이트 접속 2. 프로그래밍 언어 및 개발환경 선택 3. 생성된 내용 복사하여 .gitignore 파일에 붙여넣기
[Git] 소스트리(SourceTree)로 사용자 정보(Author) 변경하기
·
개발일지/2015
방법1. 소스트리 사용하는 경우Setting > Advanced > User Information > Full Name, Email adress 등록 (Use global user settings 해제) 방법2. 소스트리 사용하지 않는 경우git config user.name ***git config user.email ***@***.*** [참고] https://git-scm.com/book/ko/v1/%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-Git-%EC%B5%9C%EC%B4%88-%EC%84%A4%EC%A0%95
[Git] Protocol https not supported or disabled in libcurl 해결방법
·
개발일지/2015
[원인] libcurl.dll 버전이 맞지 않거나 중복되어서 에러 발생[해결] C:\Windows\SysWOW62\libcurl.dll 삭제 [출처] http://blog.opid.kr/260
[면접질문] HTML/CSS 질문 (2015)
·
개발일지/2015
https://www.webpagefx.com/blog/web-design/html-questions/https://www.webpagefx.com/blog/web-design/css-questions/
[Git] SVN 능력자를 위한 GIT 개념 가이드
·
개발일지/2015
svn 능력자를 위한 git 개념 가이드 from Insub Lee [GIT 특징] 1. 로컬저장소과 원격저장소의 분리 : 분산 처리, 안전한 데이터, 빠른 처리 속도2. 스테이지 영역의 존재 : 커밋 대상의 분리3. 스냅샷을 이용한 버전 관리 : 빠르고 편리한 브랜치 & 병합 기능 [모르면 아쉬운 GIT 특징들]1. 작업 중 브랜치를 변경해야 하는데 커밋하기 애매할 때, 간단히 저장(staching)해 둘 수 있습니다.2. 커밋의 순서를 변경하거나 커밋 메시지 심지어는 커밋한 파일도 변경 할 수 있습니다.3. 로그를 자기 입맛대로 포맷팅해서 볼 수 있습니다.4. 이전 커밋에 추가 할 수 있습니다. [GUI 환경에서 GIT을 사용할 수 있는 프로그램]SourceTree : https://www.sourc..
[CSS] CSS Framework - Semantic UI
·
개발일지/2015
CSS 프레임워크 하면 부트스트랩 밖에 몰랐는데 굉장히 많은 것들이 존재하고 있었다.HTML5LAB 에서 추천한 Semantic UI 프레임워크를 둘러봤다.명칭에 걸맞게 다양한 디자인의 UI가 많았다. 부트스트랩보다 더 세분화된 디자인이 많은 것 같다.뭐랄까 요즘 자주쓰이는 디자인들이 템플릿화 되어 있어서 편리한 느낌이다.예제 중 눈길을 끌었던 것을 몇가지 소개한다. #Divider 보통 회원가입 폼에서 자주쓰이는 세로 구분자(Vertical Divider)이다. 코드를 보면 굉장히 명료하다. Semantic UI 답다. #Step회원가입이나 결제 페이지에서 주로 사용되는 스텝 UI이렇게 템플릿화 되어있으니 참 좋다. #주요 UI 예제 [참고] CSS 프레임워크 40개[참고] http://semantic..