본문 바로가기

CSS

(2)
멋사 FE3기 천하제일 캐릭터 경진대회 회고 & refactoring 멋쟁이 사자처럼 프론트엔드스쿨 3기 천하제일 캐릭터 경진대회 참가 🐯우수상 귤랑이🍊 CSS에 자신감은 없지만 최선을 다하려고 했는데 우수상을 주셔서 너무 감사했던 대회! 덕분에 조금의 자신감과 뿌듯함을 느꼈다! 처음에는 약간 이런 느낌의 호랑이를 만들려고 했다! 내 CSS 실력을 감안하여 그림판으로 그려봤다 ㅎㅎ;; 만들면서 호랑이 피부색을 정하는데 귤로 하면 재밌을 것 같아서 만드는 도중에 귤로 바꾸기로 했다. 뭔가 .. 보는 사람과의 상호작용을 주면 좋을 것 같아서 마우스 위치에 따라 모습이 바뀌게 함 https://github.com/mayo516/character_making https://mayo516.github.io/character_making/ 전체 마크업 귤랑이의 입에 마우스를 올려보세..
브라우저별 스타일 잠깐 멈촤! RESET CSS / Normalize 오늘의 주제 : RESET CSS 🌏 세상에 존재하는 수 많은 브라우저들 세상엔 참 많은 브라우저가 있다... 다양성이라는건 장점이라고 생각한다. 각기 다른 스타일에 사용자들은 선택해서 사용할 수 있으니깐. 하지만 FE개발자라면 조금... 슬플지도? 우리에겐 크로스 브라우징 이슈가 있으니깐. 울지말고 얘기해보자. 크로스 브라우징. 브라우저별로 다르게 구현되는 기술을 고려해 여러 환경에서도 이상없이 작동되도록 웹페이지를 제작하는 방법론. 우리가 짠 코드가 브라우저 별 기본 스타일로 다르게 표현되는걸 막기 위해 Reset css가 존재한다. 말 그대로 , 존재하는 css를 리셋 시킨다는 의미. 🌗 RESET CSS VS CSS Normalize 브라우저별 스타일을 초기화 시키는데에는 많은 방법이 있지만 대표..