전체 글 (334) 썸네일형 리스트형 구글폰트 폰트패밀리 여러가지 선택하기 안녕하세요 MAG 입니다 ! 호옥시 구글폰트 폰트패밀리를 엮어서 가져오는 걸 모르시는 분들 ~ 이 있을수도 있을 것 같아서 ! 캡처본을 하나 첨부해봅니다 ! 1.구글폰트 사이트에 들어가셔서 원하는 폰트명을 입력해주신후, 2.아래와 같은 이미지가 보이면 select this style 로 원하는 글씨 크기와 형태를 추가해줍니다. 3.상단 우측 아이콘을 클릭하면 하단 캡처본처럼 선택한 글씨의 크기와 종류가 나오는데 ! 원하시는 편집기로 붙여넣으실때 html 상단 link 태그에 붙이시려면 주소를 복사, css에 직접 붙이실 경우 @import 주소를 복사하셔서 붙여 넣으시고 ! 직접 사용하실 때는 저 링크 하단으로 스크롤을 하면 보이는 font-family 명을 css에서 사용하시면 됩니다 ! 혹시 모르시는.. css calc() 사용하기 ! 안녕하세요 MAG입니다 ! 오늘은 calc() 함수를 써볼건데요 ! calc 함수 는 css 속성 값으로 계산식을 적어 따로 계산 없이 값을 도출할 수 있습니다! 단위로는 %,px, em 등 모두 사용가능하지만, 상대단위로 사용해야 적용이 가능합니다. ** 중요한 것은 계산식을 쓸때 공백을 꼭 띄워줘야 적용이 된다는것 ! **calc 함수는 주로 전체 document에서 양쪽 패딩값을 줄 때 가장 많이 사용하는데요 ! 동일한 퍼센티지의 값을 줄때도 많이 사용됩니다. 중첩사용도 가능합니다. 하단은 많이 사용하는 calc 함수의 예시입니다 ! 더 자세한 내용이나 브라우저 호환성은 하단 MDN 참고하세요 :) ♡ .container{ width: calc(100% - 1em); margin: 0 auto; /.. 사이트 참고자료 모음집 1.독학용 자료 -사전,검색용 : 모질라, wschool developer.mozilla.org/en-US/docs/Web/ -코드 연습용 : 코드펜 codepen.io/pen -브라우저별 사용 여부 검색 :캔아이유즈 caniuse.com/ 2.실습용 자료 -UX UI 디자인참고 : 비핸스, 애플가이드라인,리메인 developer.apple.com/design/human-interface-guidelines/ios/ remain.co.kr/ www.behance.net/ 3.자동화도구들 -클리핑 마스크 bennettfeely.com/clippy/ -호버효과 ianlunn.github.io/Hover/ -css애니메이션 효과 코드 animista.net/ -2d rpg 게임용 png sprite 이미지 u.. 영화 시월애 감상평 "우리가 고통스러운건 사랑이 끝나서가 아니라 사랑이 계속되기 때문인것 같아요. 사랑이 끝난후에도 - 영화'시월애' 중 " 2000년도 9월에 독특한 로맨스 영화가 개봉했다. 당시 나는 어린 나이여서 이렇게 좋은 멜로 영화를 개봉 당시 못봤다는게 조금 서운하기도 했다. 원래 서평이나 영화 감상평을 쓰지 않는 편인데, 이 영화는 몇번을 돌려봐도 다른 정상급 외국 멜로들보다 더 긴 여운이 남는다고 해야하나 소싯적 청순함과 젠틀함의 대명사인 전지현과 이정재의 젊은시절(물론 지금도 충분히 젋지만 ^^;)의 날것 그대로 연기를 볼 수 있어서 좋다. 더불어 당시 시대적 배경을 볼 수 있는 이미지적인 것들, 우편함으로 편지를 주고받는 다든지, 지금은 많이 사라져 가는 옛 만화방이라든지 하는 것들이 새삼 감수성을 자극한.. hsk 5급 단어 hsk 5급 단어 카드 암기용 만들기 쉬운 엑셀 파일입니다. 모두 화이팅하세요 ! ^^ #hsk#hsk5급#중국어#중국어단어장 5/25 이전 1 ··· 39 40 41 42 다음
