Skip to content

다크 모드

  • 웹디자인
    CSS를 배우는 방법
    많은 사람이 다양한 CSS 강좌 중 어떤 강좌를 들어야 할지 추천해달라거나 CSS를 어떻게 배워야 할지 알려달라는 부탁을 한다. 또한 CSS를 어려워하는 사람도 많이 본다. 대체로 이런 사람은 낡은 사고방식으로 CSS라는 언어를 보기 때문에 문제를 겪는 경우다. CSS는 최근 몇 년 동안 많이 바뀌었기 때문에 지금은 지식을 새로 쌓기 아주 좋은 시기다. 자...
  • 웹디자인
    [2019년 1월 웹 개발 동향] 습관을 다시 생각하고 새로운 해결책 찾기
    크롬이 특정 네이티브 앱의 설치 여부를 감지할 수 있는 getInstalledRelatedApps라는 API를 개발 중입니다. 방문자에게 홍보 배너가 보이는 것을 중단할 수 있다니 방문자에게는 좋은 소식이지만 광고 제공자에게는 조금 슬플 수 있겠네요. 후디니와 페인트 API로 구현할 수 있는 '슈퍼 언더라인'도 흥미롭습니다. 후디니는 브라우저가 이해할 수 ...
  • 웹디자인
    중괄호에서 픽셀로
    CSS 중괄호가 어떻게 화면의 화려한 픽셀로 변신하는지, 브라우저 엔진은 CSS를 어떻게 해석하는지, CSS소스와 캐스케이드, CSS 객체 모델, 레이아웃 결정, 채색, z-index는 브라우저에게 어떤 의미인지 알려줍니다. 브라우저는 결국 모든 계산을 마친 후 하나의 미트맵 이미지로 만들어냅니다. 이번 글은 브라우저가 CSS를 이용해 중괄호를 픽셀로 만드...
  • 웹디자인
    [2018년 12월 웹 개발 동향] WebP, UX 업계 상황, 오프라인에서 웹사이트를 사용하는 방법
    이번 달 초 MS가 에지 브라우저 엔진을 크로미움으로 전환했다는 소식이 있었습니다. 호환성은 잡겠지만 개성을 잃지는 않을지 지켜봐야겠습니다. <꼭 필요한 만큼의 리서치> 저자 에리카 홀은 UX 디자인 대부분이 허상인 이유에 대해서 실제 사례를 들어 이야기합니다. WebP 이미지를 어떻게 사용하는지도 확인하면 동시대를 살아가는 웹 디자이너로서 부족함이 없을 ...
  • 웹디자인
    [2018년 11월 웹 개발 동향] JIT 디자인, 가변 폰트를 위한 폴백 구현, 자바스크립트 개발자가 알아야 할 33가지
    디자인이 웹사이트에 관한 인식과 사용자에게 미치는 영향은 얼마나 될까요? 요즘처럼 디자인이 모든 차이점을 만들어내는 시기에 구글 머티리얼 디자인 킷(Google Material Design Kit)처럼 통일된 디자인을 가진 표준 모델은 점점 그 영향력을 잃고 있습니다. 물론 표준 모델을 사용하면 기술 측면에서는 괜찮은 디자인을 얻을 수 있겠죠. 하지만 .....
  • 비즈니스
    HTTP에서 HTTPS로 전환하기 위한 완벽 가이드
    HTTPS는 요즘 모든 웹사이트에서 필수로 사용해야 하는 요소입니다. 크롬과 파이어폭스는 HTTPS가 아닌 웹페이지는 안전하지 않다고 명시하기도 합니다. HTTPS는 SEO 관점에서도 중요하며, 개인정보 보호 관점에서도 중요합니다. HTTP를 사용하는 웹사이트라면 이번 기회에 HTTPS로 전환하는 것을 고려해보는 건 어떨까요?
  • 레이아웃
    IE에서 CSS 그리드 사용하기: 간격으로 자동 배치 그리드 만들기
    인터넷 익스플로러에서 CSS 그리드 사용하기 마지막 시리즈! 셀 간격과 플렉스박스로 자동 배치(auto-placement) 기능을 어떻게 구현하는지 소개합니다. grid-gap의 역할을 인터넷 익스플로러에서는 어떻게 풀어내는지 알아봅시다.
  • 사용자경험
    [2018년 10월 웹 개발 동향] – 기후 변화에 대응하는 디자인, RAIL 성능 모델, 원격 근무의 부작용
    기후 변화와 웹디자인의 상관관계는 없을 것 같지만 절대 그렇지 않습니다. 미국에 허리케인 플로렌스가 상륙했을 때 CNN, NPR 미디어는 텍스트로만 구성된 뉴스를 제공함으로써 접근성이 떨어지는 사용자를 위해 대역폭과 배터리 소모를 줄여줬습니다. 안드로이드 폰이 꺼진 상황에서도 구글이 수집하는 모바일 데이터는 무엇인지, 우리가 지켜야 할 프라이버시에 대해서도...
  • 웹디자인
    [공지] 웹액츄얼리 매거진 웹사이트 SSL 적용합니다
    최근 저희 매거진 웹사이트 webactually.com에 보안 테스트를 마치고 본격적으로 SSL(Secure Sockets Layer)을 적용했습니다. 앞으로 http가 아닌 https로 접속하며 서버와의 통신은 모두 암호화되어 연결합니다. 독자 여러분의 개인 정보는 안전하게 보호되며 기존과 같이 매거진에서 다양한 정보를 얻을 수 있습니다. 앞으로 출판 인...
  • 웹디자인
    편집 디자인과 웹 디자인의 유사성 비교
    나는 오랫동안 출판 분야에서 일을 했다. 웹 분야에서 일한 기간보다 더 오랜 시간을 출판 쪽에서 보냈다. 최고 전문가는 아니지만 인디자인 문서를 매일 다룰 정도로 출판 업무에 대해서는 잘 알고 있다. 내가 쓴 <워드프레스 제대로 파기>라는 책 레이아웃 작업을 마무리하면서 인디자인 작업 방식 중 CSS와 비슷한 부분과 그렇지 않은 부분에 대해 생각했는데, 지...


맨위로