웹아틀리에 - Web atelier
줄 바꿈을 할 때에 어느 부분에서 실행을 할지 규칙을 정해주는 CSS. word-break 입니다. 이 word-break의 기본 정의와 사용법을 먼저 보고 시작하도록 하죠 The word-break property specifies line breaking rules for non-CJK scripts. Tip : CJK scripts are Chinese, Japanese and Korean ("CJK") scripts. Default value :normal Inherited : yes Animatableno. Read about animatable Version : CSS3 JavaScript syntax : object.style.wordBreak="break-all" 출처 : W3schools..
웹디자인 카테고리의 첫 글입니다. 항상 그렇지만 처음을 쓸땐 망설이게 되네요. ㅎㅎ 처음은 소개로 가겠습니다. 앞으로도 소개드릴 것이나 공유하고 싶은 것들이 잔뜩 있네요. 천천히 가보죠. 1.5Day 잘 알고 계실지도 모르겠지만... 5Day.co.kr 입니다. 이곳은 여러 에이전시에서 제작하는 사이트들을 모아볼수 있어요. 반응형, 기업, 유통, 공공기관 등등 카테고리 별로 모아서 볼수 있어서 개인적으로 추천하는 곳이에요. 최근 웹 디자인 보면 굉장하죠.. @_@ 2.DBCUT 이곳도 5Day와 비슷해요. 올라오는 종류도 비슷하지만 종종 서로 없는 사이트가 업데이트 되기도 해서 둘다 들어가 봅니다 ㅎㅎ 3.JPG MINI 웹 디자이너에겐 꿀과 같은 곳입니다. 이미지 경량화 사이트인데요. 사용법도 아주 간..
HTML / CSS 카테고리의 첫 글로써 사이트를 하나 소개할까 해요. W3schools.com 라는버튼이 보이시죠? 외쪽의 코드를 직접 수정한 후, 이 버튼을 누르면 바로 적용되어 나타납니다. 아주 간편해요. 여기까지 W3schools.com 의 모습을 조금 소개해 드렸네요. 전 기본적으로 자주 들어가는 편이에요. 가끔 문법을 까먹는 태그라던지, 레퍼런스들을 확인하러 들어오죠. 새로운 태그를 접하면 예제도 몇개 해보는 편이구요. 이런식으로 공부를 하다 보면 자신도 모르게 실력이 자라나는게 아닐까 생각해 봅니다. 기초는 아주 중요하니까요.
웹상에는 다양한 참고 사이트가 굉장히 많이 있는데요. 실제로 본인이 많이 참고하는 사이트들을 정리해보았습니다. 1.Cordrops 웹 디자인 튜토리얼과 CSS, jQeury 등 매우 많은 자료가 모여있습니다. 데모 뷰 기능이 있어서 매우 편리하기도 하구요. 다운로드 링크도 참조해줍니다. 가장 많이 사용하고 있네요. 라이센스는 대부분 MITLicence지만 항상 라이센스 부분은 꼭꼭 확인해 주도록 합시다. 내가 만든게 중요한만큼 다른 제작자가 만든것도 당연히 중요하겠죠. 2.WDC 웹 디자인, 개발, 마크업 등 다양한 방면으로 자료들을 모은 예제 참고 사이트 인데요. 굉장히 참고할 것들도 많고 구현해볼 것들도 많아 아주 재미있는곳 입니다. 3.Tympanus 페이지 전환 등 웹에서 사용할 수 있는 트랜지션..