chrome

Web

[ChromeExtension] 홍익대 크롬 브라우저 확장 프로그램 만들기

개강하고 보니 학교 홈페이지가 리뉴얼 됐다. 리뉴얼 된 홈페이지가 개인적으로 불편하다고 느껴지는 부분이 있어서 내 맞춤형으로 구글 확장 프로그램을 만들어봤다. 불편하다고 느꼈던 점 1. 너무 진한 컬러감 컬러는 취향차이일 수 있으나 내가 느끼기엔 너무 밝고 쨍해서 눈이 아프다고 느껴졌다. 그래서 배경 컬러를 변경해보았다. 변경 전 변경 후 2. 메뉴 접근 이전에는 상단에 클래스넷 링크 버튼이 바로 있어서 접근하기 용이했는데 업데이트 되고 난 후에는 main > my hongik > 클래스넷으로 뎁스가 깊어졌다 그래서 내가 자주 사용하는 메뉴들만 몇개 뽑아서 하단에 고정시켰다. (이미지 속 빨간테두리) 메뉴에 hover 효과도 넣어줬다. 작업과정 https://developer.chrome.com/docs..

zerobase

zero-base/ 크로스 브라우징 Cross Browsing

크로스 브라우징이란? 크로스브라우징이란 서로 다른 웹 브라우저(크롬, 사파리, 파이어폭스, 엣지 등등)에서 사용자에게 웹페이지가 동일하게 보여지는 것 혹은 작동하는 것을 의미 웹 페이지의 호환성을 해결하기 위한 것 그렇다면 크로스브라우징이 필요한 원인은 무엇일까? 브라우저 마다 랜더링 엔진이 다르기 때문 브라우저별 렌더링 엔진 (참고) 웹 브라우저의 랜더링 엔진은 HTML, CSS 및 JavaScript 문서를 받아들여서 웹 페이지를 렌더링하는 소프트웨어 (Chrome의 Blink, Firefox의 Gecko, Safari의 WebKit, Microsoft Edge의 EdgeHTML 등) 크로스 브라우징 작업 1. 웹 서비스에서 가장 높은 점유율을 가진 브라우저를 알아보기 - 구글애널리틱스나 브라우저 점..

_이앎
'chrome' 태그의 글 목록